/* Styles for views and necessary overwrites */

/* Views Header */
.keyvisual.layout-view {
  padding-top: 100px;
  margin-bottom: 100px;
}
.keyvisual.layout-view h1 {
  font-family: Headline,sans-serif;
  font-size: 9rem;
  line-height: 8rem;
}
@media only screen and (max-width: 590px) {
  .keyvisual.layout-view h1 {
    font-size: 4.3rem;
    line-height: 3.8rem;
  }
}

ul.resultlist li {
  padding-left: 0;
}
ul.resultlist li::before {
  display: none;
}

.resultlist--grid { display: grid; gap: 20px;   grid-template-columns: 1fr 1fr 1fr; }
.resultlist--grid .span4 { margin-right: 0; }
.resultlist--grid a.calendar p.inline { font-size: 2rem; line-height: 2rem; }

@media only screen and (max-width: 880px) {
  .resultlist--grid { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 590px) {
  .resultlist--grid { grid-template-columns: 1fr; }
}

.resultlist--list li { width: 100%; padding-bottom: 40px;   border-bottom: 1px solid #979797; margin-bottom: 40px; }
.resultlist--list li a.span4 { display: flex; margin-bottom: 0px; height: 218px; width: 100%; }
.resultlist--list li .teaser__image { flex: 0 0 288px; margin-right: 96px; margin-bottom: 0; }
.resultlist--list li .teaser__text { flex: 0 0 748px; }
.resultlist--list li .teaser-text .teaser__image { display: none; }
.resultlist--list li h3, .resultlist--list li p:not(.label) { font-size: 2.5rem; line-height: 3rem; margin-bottom: 0px; border-bottom: 1px solid white; }

@media only screen and (max-width: 1270px) {
  .resultlist--list li .teaser__image { flex: 0 0 240px; margin-right: 80px; }
  .resultlist--list li .teaser__text { flex: 0 0 620px; }
}

@media only screen and (max-width: 1080px) {
  .resultlist--list li .teaser__image { flex: 0 0 210px; margin-right: 70px; }
  .resultlist--list li .teaser__text { flex: 0 0 540px; }  
}

@media only screen and (max-width: 880px) {
  .resultlist--list .teaser__wrapper.span4 { width: 100%; }
  .resultlist--list li a.span4 { flex-wrap: wrap; height: auto; }
  .resultlist--list li .teaser__image { flex: 0 1 288px; margin-right: 0; }
  .resultlist--list li .teaser__text { flex: 0 0 100%; }
  .resultlist--list li .teaser__text p.label { position: relative; display: block; bottom: auto; left: 0; margin-top: 20px; }
}

@media only screen and (max-width: 590px) {
  .view-switch button { display: none; }
  .resultlist--list li { border-bottom: 0px solid #979797; margin-bottom: 0; }
  .resultlist--list li .teaser__image { flex: 0 1 100%; }
  .resultlist--list li .teaser__text h3, .resultlist--list li .teaser__text p { font-size: 2rem; line-height: 2rem; }
  .resultlist--list li .teaser__text p.label { font-size: 1.6rem; line-height: 1.8rem; }
}

/* Views Pager */
.views__footer { display: flex; gap: 20px; justify-content: space-between; margin-bottom: 40px; }
.views__footer p, .views__footer ul { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 0; }

@media only screen and (max-width: 880px) {
  .views__footer { flex-direction: column; }
  .views__footer p { text-align: center; }
  .views__footer ul { padding-right: 10px; margin-right: 10px; }
}

/* Search */
#views-exposed-form-search-page { display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-end; }
#views-exposed-form-search-page .form-item { margin-bottom: 0; }
#views-exposed-form-search-page input { margin-bottom: 0; }
.search__facet_list { font-size: 1.6rem; line-height: 2.2rem; }
#edit-search-api-fulltext, #views-exposed-form-search-page .js-form-item-search-api-fulltext { max-width: 100%; }
.search__facet_list h2 { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 20px; }
.search__facet_list ul li { list-style: none; padding-left: 0; }
.search__facet_list ul li::before { content: ""; }
.search__facet_list a { border-bottom: 0px solid black; }
.search__facet_list a:hover, .search__facet_list a:focus { border-bottom: 1px solid black; }

/* Press Releases */
.list-pr ul.pr li { padding-left: 0; }
.list-pr ul.pr li::before { display: none; }
.list-pr ul.pr li a { display: block; text-decoration: none; padding-bottom: 40px; border-bottom: 1px solid #979797; margin-bottom: 40px; }
.list-pr ul.pr li a:hover h3, .list-pr-current ul.pr li a:focus h3 { border-bottom: 1px solid black; }
.list-pr .more-link { text-align: right; }

/* Calendar */
.teaser .teaser__text p.exhibition { display: block; font-size: 2.2rem; line-height: 3rem; margin-bottom: 20px; }
a.calendar p.category { display: block; text-transform: uppercase; font-size: 1.6rem; line-height: 2.2rem;   margin-bottom: 10px; }
a.calendar p.small { display: block; font-size: 1.6rem;
  line-height: 2.2rem; }

  form#views-exposed-form-calendar-block-calendar { display: flex; gap: 20px 40px; flex-wrap: wrap; margin-bottom: 20px; }
  form#views-exposed-form-calendar-block-calendar div.form-actions { flex-basis: 100%; }
  form#views-exposed-form-calendar-block-calendar .form-item { margin-bottom: 0; }
  form#views-exposed-form-calendar-block-calendar .js-form-type-select > label { font-family: JMBProBo, sans-serif; }
  form#views-exposed-form-calendar-block-calendar legend { display: block; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 10px; font-weight: normal; }

/* Publikationen */
form#views-exposed-form-publications-page { display: flex; gap: 20px 40px; flex-wrap: wrap; margin-bottom: 20px; }
form#views-exposed-form-publications-page div.form-actions { flex-basis: 100%; }
form#views-exposed-form-publications-page .form-item { margin-bottom: 0; }
form#views-exposed-form-publications-page .js-form-type-select > label { font-family: JMBProBo, sans-serif; }
form#views-exposed-form-publications-page legend { display: block; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 10px; font-weight: normal; }