body.searchOpen {
  overflow-y: scroll; }

body.searchOpen > *:not(#search-overlay):not(header) {
  display: none; }

#search-overlay {
  top: 80px;
  height: calc(100% - 80px);
  background-color: #fff;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 999; }
  @media all and (min-width: 1200px) {
    #search-overlay {
      height: calc(100% - 140px);
      top: 140px; } }
  #search-overlay.show {
    display: block; }
  #search-overlay .searchbox {
    background-color: #E3E8ED; }
    #search-overlay .searchbox .search-box-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 3rem 0; }
      @media all and (min-width: 767px) {
        #search-overlay .searchbox .search-box-wrap {
          margin: 5rem 0; } }
      #search-overlay .searchbox .search-box-wrap span {
        position: relative; }
      #search-overlay .searchbox .search-box-wrap input {
        font-family: "Crimson Text", serif;
        font-style: italic;
        font-size: 2.125rem;
        height: 60px;
        width: 100%;
        max-width: 400px;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid;
        background-color: transparent; }
        #search-overlay .searchbox .search-box-wrap input::placeholder {
          /* Chrome, Firefox, Opera, Safari 10.1+ */
          font-family: "Crimson Text", serif;
          font-style: italic;
          font-size: 2.125rem;
          color: black; }
      #search-overlay .searchbox .search-box-wrap img {
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%); }
  #search-overlay .searchresult {
    background-color: #fff; }
    #search-overlay .searchresult .searchresult-more {
      display: flex;
      align-items: center;
      padding-top: 2rem; }
    #search-overlay .searchresult .itemslist .event {
      padding-top: 0; }
    #search-overlay .searchresult .band-slides {
      padding-top: 0;
      padding-bottom: 3.375rem; }
      #search-overlay .searchresult .band-slides:first-child {
        padding-top: 4.375rem; }
    #search-overlay .searchresult .item-veranstaltung {
      margin-bottom: 2rem; }
      #search-overlay .searchresult .item-veranstaltung h3 {
        margin-top: 1rem;
        margin-bottom: .625rem; }
      #search-overlay .searchresult .item-veranstaltung .event-status-label {
        display: flex;
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 10;
        border: 1px solid #000000;
        border-radius: 15px;
        background-color: #FF7B7B;
        color: #000000;
        line-height: 30px;
        padding: 0 15px; }
        #search-overlay .searchresult .item-veranstaltung .event-status-label.white {
          background-color: #FFFFFF; }

.search-result-row .more-results, .search-result-items-wrap .more-results {
  display: none;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.6s ease;
  flex-wrap: wrap;
  gap: 1rem; }
  .search-result-row .more-results.visible, .search-result-items-wrap .more-results.visible {
    display: flex;
    opacity: 1; }

/*# sourceMappingURL=search.css.map */