.header-nav .container.viewport-container {
  margin-top: 1rem;
}

body {
  font-family: acumin-pro,os_regular,"Open Sans",Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #232323;
  letter-spacing: .015em;
}

a:focus {
  box-shadow: none;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding-right: 10px;
  padding-left: 10px;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {
  padding-right: 10px;
  padding-left: 10px;
}

.col-filter {
  padding-left: 20px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.tpl-result,
.tpl-person {
  /*padding-top: 60px;*/
  padding-top: 0;
}

.navbar {
  padding-right: 4vw;
  padding-left: 4vw;
}

.content-service h1 {
  font-size: 1.54rem;
  margin-top: 2vw;
}

.no-browser {
  display: block;
  width: 100px;
  height: 30px;
}

.controls-2 {
  right: 4vw;
}

@media (min-width: 991px) {
  .col.main-detail {
    padding-left: 0;
  }
}

@media (orientation: landscape) {
  .gallery__media {
    width: 50vw;
  }
}

.area-thumbs a {
  margin-bottom: 12px;
  margin-top: 10px;
}

  .area-thumbs a img {
    display: block;
  }

.area-thumbs {
  margin-top: 10px;
  max-height: 93px;
  overflow: hidden;
}

.object-group .gba-kachel__titel {
  font-size: .78rem;
}

.architect-gba-group .gba-kachel__titel {
  font-size: .92rem;
  color: #000;
  min-height: 2.2em;
}

.passepartout .gba-group.highlight-group .gba-kachel {
  display: none;
}

  .passepartout .gba-group.highlight-group .gba-kachel:nth-child(1) {
    display: flex;
  }

.gba-group.highlight-group .gba-kachel__body {
  height: 60vw;
}

@media (min-width: 466px) {
  .passepartout .gba-group.highlight-group .gba-kachel:nth-child(2) {
    display: flex;
  }

  .gba-group.highlight-group .gba-kachel__body {
    height: 30vw;
  }
}

@media (min-width: 700px) {
  .passepartout .gba-group.highlight-group .gba-kachel:nth-child(3) {
    display: flex;
  }

  .gba-group.highlight-group .gba-kachel__body {
    height: 19vw;
  }
}

@media (min-width: 940px) {
  .passepartout .gba-group.highlight-group .gba-kachel:nth-child(4) {
    display: flex;
  }

  .gba-group.highlight-group .gba-kachel__body {
    height: 15vw;
  }
}

@media (min-width: 1100px) {
}

@media (min-width: 1320px) {
}

@media (min-width: 1400px) {
  @supports (display:grid) {
    .gba-group.highlight-group {
      grid-template-columns: repeat(8, 1fr);
    }
  }
}

@media (min-width: 1600px) {
  @supports (display:grid) {
    .gba-group.highlight-group {
      /*grid-template-columns: repeat(10, 1fr);*/
    }
  }

  .passepartout .gba-group.highlight-group .gba-kachel:nth-child(5) {
    /*display: flex;*/
  }

  .gba-group.highlight-group .gba-kachel__body {
    height: 240px;
  }
}

.highlight__footer strong {
  min-height: 1em;
}

.highlight-group.gba-group .padding-all-unit {
  padding: 10px;
}

.highlight-group.gba-group .gba-kachel__body {
  margin-top: 0;
  border-top-width: 0;
}

  .highlight-group.gba-group .gba-kachel__body img {
    padding-top: 0;
    height: 100%;
    width: 100%;
  }

.highlight-group.gba-group strong {
  line-height: 118%;
}


abbr {
  text-decoration: none;
  border-bottom: 1px dotted #666;
  cursor: default;
}

.info-list li .label {
  padding-right: 0.5em;
}

.info-list li {
  padding: 0.6rem 0.6rem 0 0;
}

.gba-button--standard .num,
a.gba-button--standard .num {
  color: #333;
}

.gba-kachel .gba-kachel__objectlink:active .gba-button--standard .num,
.gba-kachel .gba-kachel__objectlink:focus .gba-button--standard .num,
.gba-kachel .gba-kachel__objectlink:hover .gba-button--standard .num {
  color: #FFF;
}

.gba-kachel__titel {
  border-top: 0 none;
  padding-top: 0;
}

  .gba-kachel__titel .date {
    text-align: right;
    display: block;
  }

.gba-kachel__body {
  position: relative;
  margin-top: 7px;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  /*background-color: rgba(255,255,255,.2);*/
  border: 0 solid rgba(102,102,102, .4);
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.gba-kachel__body {
  height: 260px;
}

.architect-gba-group .gba-kachel__body {
  height: auto;
}

@media (max-width: 1480px) {
  .gba-kachel__body {
    height: 240px;
  }
}

@media (max-width: 1340px) {
  .gba-kachel__body {
    height: 210px;
  }
}

@media (max-width: 1200px) {
  .gba-kachel__body {
    height: 180px;
  }
}

@media (max-width: 550px) {
  .gba-kachel__body {
    height: 150px;
  }
}


.gba-kachel__body img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  padding: 10px 0;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: bottom center;
}

.gba-kachel__footer .title {
  color: #222;
  display: block;
}

.gba-kachel__footer .date {
  font-size: .78rem;
  line-height: 100%;
  display: block;
}

.gba-kachel__footer .person {
  margin-top: 0.5em;
  display: block;
  /* font-style: italic; */
  line-height: 123%;
}

.gba-kachel__footer .name {
  display: block;
  line-height: 130%;
}

/* highlight teaser */
.gba-kachel__footer.highlight__footer {
  margin-top: 0;
}

.highlight-gba-group .padding-all-unit {
  padding: 10px 16px 16px;
}

.highlight-gba-group .gba-kachel__body {
  height: 172px;
}

@media (max-width: 1599px) {
  .highlight-gba-group .gba-kachel__body {
    height: 12vw;
  }
}

@media (max-width: 1399px) {
  .highlight-gba-group .gba-kachel__body {
    height: 15vw;
  }
}

@media (max-width: 939px) {
  .highlight-gba-group .gba-kachel__body {
    height: 20vw;
  }
}

@media (max-width: 699px) {
  .highlight-gba-group .gba-kachel__body {
    height: 30vw;
  }
}
/*
@media (max-width: 1340px) {
    .gba-kachel__body {
        height: 210px;
    }
}

@media (max-width: 1200px) {
    .gba-kachel__body {
        height: 180px;
    }
}

@media (max-width: 550px) {
    .gba-kachel__body {
        height: 150px;
    }
}
*/

.main-detail h1 {
  line-height: 100%;
  margin-top: 0;
  margin-right: 20px;
}

  .main-detail h1 span {
    margin-bottom: 0;
    padding: 0;
    line-height: 132%;
    font-size: .88rem;
    display: inline-block;
    border-bottom: 0 none;
  }

  .main-detail h1 strong {
    margin-top: .5rem;
    display: block;
    font-size: 1.32rem;
    line-height: 129%;
  }

  .main-detail h1 + p {
    font-size: .88rem;
    margin-top: .5rem;
    margin-right: 0;
  }

.modal__content a {
  opacity: .8;
}

.path {
  padding-bottom: 12px;
}

  .path p a {
    text-decoration: none;
  }

.area-thumbs a:hover,
.area-thumbs a:active,
.area-thumbs a:focus {
  box-shadow: 0 0 6px 1px rgba(0,0,0, .4);
}

.area-thumbs a.active {
  border: 1px solid #777;
  cursor: default;
  box-shadow: none !important;
}

.filter-body .filter-link,
.filterbar .accordion-header .btn,
.dropdown-item {
  text-transform: none;
  font-family: inherit;
  font-size: .88rem;
}

.header-nav .quick-search,
.filterbar .dropdown-toggle,
.accordion .accordion-header {
  border-color: #BDBDBD;
}

.filterbar .dropdown-item {
  padding: 0.2rem 0.5rem;
}


.navbar-brand.logo {
  font-size: 1.5rem;
  /*padding-bottom: .2em;*/
}

  .navbar-brand.logo svg {
    fill: #232323;
    width: 140px;
  }

.layout-standard .header-nav.navbar > .container,
.start.layout-index .header-nav.navbar > .container {
  align-items: self-start;
}

.header-nav.navbar .navbar-nav {
  font-weight: 500;
}

.start.layout-index .header-nav.navbar .navbar-nav {
  font-size: 1.8rem;
  font-weight: 500;
}

@media screen and (max-width:999px) {

.navbar-nav .nav-item-settings .dropdown-item {
  font-size: 1.5rem;
}

.nav-item.nav-item-settings.nav-item-home {
  display: none !important;
}

}

.navbar-brand.logo {
  opacity: .7;
  cursor: pointer;
}

  .navbar-brand.logo:hover,
  .navbar-brand.logo:focus,
  .navbar-brand.logo:active {
    opacity: 1;
  }

.start.layout-index .navbar-brand.logo {
  /*font-size: 4.75vw;
  letter-spacing: -.075em;*/
  transition: all .2s ease;
  cursor: default;
  padding-top: .6rem;
  opacity: 1;
}

  .start.layout-index .navbar-brand.logo svg {
    width: 23.75rem;
  }



.layout-standard .navbar-nav .nav-link svg,
.start.layout-index .navbar-nav .nav-link svg {
  width: .9em;
  height: auto;
}

.navbar-nav .nav-item-settings .nav-link {
  padding-top: .68rem;
  padding-left: 1.8rem;
}

.layout-standard .navbar-nav .nav-item-settings .nav-link,
.start.layout-index .navbar-nav .nav-item-settings .nav-link {
  padding-right: 0;
  padding-top: .68rem;
  padding-left: 1.8rem;
}

.start.layout-index .navbar-nav .nav-item-settings .nav-link {
  padding-top: .4rem;
}

.start.layout-index .navbar-nav .nav-item-settings.nav-item-home .nav-link {
  padding-top: .5rem;
}

.start.layout-index .navbar-nav .nav-item-settings .nav-link {
  padding-top: .4rem;
}

.start.layout-index.js-isScrolled .navbar-nav .nav-item-settings .nav-link {
  padding-top: .5rem;
}

.nav-item .nav-item-settings {
  padding-left: 1rem;
} 

.navbar-nav .Settings_dark {
  margin-top: .2em;
}

.navbar-nav .Home_dark {
  margin-top: .3em;
}

.start.layout-index .navbar-brand.logo .sr-only {
  display: none;
}

.layout-standard .navbar-brand.logo svg,
.start.layout-index.js-isScrolled .navbar-brand.logo svg {
  width: 13.75rem;
}

.layout-standard .header-nav.navbar .navbar-nav,
.start.layout-index.js-isScrolled .header-nav.navbar .navbar-nav {
  font-size: 1.5rem;
}

.header-nav .nav-item.nav-item-home.nav-item-settings .nav-link {
  padding-left: .8rem;
}

.accordion .filterbar,
.accordion .navbar-nav {
  justify-content: flex-start;
}

  .accordion .filterbar .navbar-nav {
    margin-left: 0;
  }

  .accordion .filterbar .inner {
    align-items: flex-start;
  }

.accordion .accordion-body .filter-link {
  box-shadow: none;
}

.filterbar .dropdown-toggle {
  width: 15rem;
}

.filterbar .dropdown-menu,
.filterbar .item {
  width: 100%;
  max-width: 15rem;
}

.filterbar .item {
  margin-right: 10px;
}

.filterbar .navbar-nav {
  margin: 0.75em 0 0 3em;
}

.filterbar .accordion-header .btn {
  line-height: 120%;
  border-radius: 0;
}

.filterbar .dropdown-menu {
  background-color: #f6f6f6;
}


strong {
  font-family: acumin-pro,os_semibold,"Open Sans",Arial,sans-serif;
  opacity: 1;
}

h2 strong,
h3 strong {
  font-weight: 400;
  font-size: 1.06rem;
}

.detail-info-block {
  margin-bottom: 3rem;
}

.result__filter-form-area .mfak-checkbox {
  text-align: right;
  display: inline-block;
}

.result__filter-form-area {
  text-align: right;
}

.tpl-result h1 {
  text-align: left;
  margin-top: 0;
}

@media (min-width: 1400px) {
  .passepartout .gba-group.content-gba-group .gba-kachel:nth-child(5) {
    display: none;
  }
}

@media (min-width: 1600px) {
  .passepartout .gba-group.content-gba-group .gba-kachel:nth-child(6) {
    display: none;
  }
}

header .quick-search {
  border: 1px solid #BDBDBD;
}

.gallery__media img {
  display: block;
}

/* not just tpl-result */
.gba-kachel:active,
.gba-kachel:focus,
.gba-kachel:hover {
  background-color: #e9e9e9;
}

.architect-gba-group .gba-kachel:active,
.architect-gba-group .gba-kachel:focus,
.architect-gba-group .gba-kachel:hover {
  background-color: #f6f6f6;
}

.architect-gba-group .gba-kachel a:active,
.architect-gba-group .gba-kachel a:focus {
  box-shadow: none;
}

.architect-gba-group .gba-kachel:active .gba-button--standard,
.architect-gba-group .gba-kachel:active a.gba-button--standard,
.architect-gba-group .gba-kachel:focus .gba-button--standard,
.architect-gba-group .gba-kachel:focus a.gba-button--standard,
.architect-gba-group .gba-kachel:hover .gba-button--standard,
.architect-gba-group .gba-kachel:hover a.gba-button--standard {
  background-color: hsla(0,0%,96.5%,.5);
}

.architect-gba-group .gba-kachel .gba-kachel__objectlink:active .gba-button--standard,
.architect-gba-group .gba-kachel .gba-kachel__objectlink:active a.gba-button--standard,
.architect-gba-group .gba-kachel .gba-kachel__objectlink:focus .gba-button--standard,
.architect-gba-group .gba-kachel .gba-kachel__objectlink:focus a.gba-button--standard,
.architect-gba-group .gba-kachel .gba-kachel__objectlink:hover .gba-button--standard,
.architect-gba-group .gba-kachel .gba-kachel__objectlink:hover a.gba-button--standard {
  background-color: rgba(139,115,87,.9);
}

.gba-kachel img {
  filter: saturate(1);
}

.gba-kachel__body:before {
  opacity: .15;
}

.credit-text {
  border-top: 1px solid hsla(0,0%,0%,.1);
  /*background: hsla(0,0%,17%,.95);*/
  position: absolute;
  bottom: 0vh;
  left: 0vh;
  right: 0vh;
}

.content-service .less,
.h1 .less,
.h2 .less,
.h3 .less,
.h4 .less,
.h5 .less {
  font-weight: 300;
  font-size: 1rem;
  font-family: os_semibold,"Open Sans",Arial,sans-serif;
}

.content-service h1 {
  /*font-size: 1.34rem;*/
}

.tpl-detail.tpl-service {
  margin-top: 0;
}

.content-service h2 {
  font-size: 1.2rem;
}

.content-service ul + h2,
.content-service ol + h2,
.content-service p + h2 {
  margin-top: 2.6rem;
}

.content-service ul + h3,
.content-service ol + h3,
.content-service p + h3 {
  margin-top: 2rem;
}

.content-service h3 {
  line-height: 130%;
  margin-bottom: .3rem;
}

  .content-service h3 + p {
    margin-top: .2rem;
  }

.credit-text p {
  margin: 0.5rem 3vh;
  line-height: 125%;
  color: #000;
}

.credit-text a,
.credit-text a:focus,
.credit-text a:active,
.credit-text a:hover {
  color: #fff;
  text-decoration: none;
}

.copy-close {
  font-size: 1.32rem;
}

.credit-text .credit-text-close {
  float: right;
}

  .credit-text .credit-text-close g {
    stroke: #FFF;
  }

.credit-text.show + .credit-link {
  display: none;
}

.credit-link {
  position: absolute;
  bottom: 0;
  background: hsla(0,0%,96.5%,.5);
  display: inline-block;
  padding: 0.5rem;
  line-height: 146%;
  font-size: 1.32rem;
}

.gallery__media {
  border: 1px solid #dfdfdf;
  padding: 1vh;
}

  .gallery__media img {
    /*object-fit: scale-down;*/
    object-fit: contain;
  }

@media screen {
  main .back-link {
    float: right;
    margin-right: 15px;
    border: 1px solid #666;
    padding: 0 0.2rem;
  }

  main p a.back-link:hover,
  main p a.back-link:focus,
  main p a.back-link:active {
    background-color: rgba(139,115,87,.9);
    color: #FFF;
    text-decoration: none;
  }

  .container.viewport-container.detail-info-block {
    margin-bottom: 50px;
  }

  .print-only {
    display: none !important;
  }

  .main-detail .info-list .object h4 {
    margin-top: 0;
    margin-bottom: .2rem;
  }

    .main-detail .info-list .object h4 + p {
      margin-top: .2rem;
      margin-bottom: 1.5rem;
    }

  .pathbar .filter-remove-link {
    /* font-size: .78rem;
		line-height: 1.2;
        padding: .1rem 0.3em;
		background: rgba(255, 255, 255, .9);
        color: #000;
        border-color: transparent;*/
    font-size: .78rem;
    line-height: 1.2;
    padding: .1rem 0.3em;
    background: rgba(255, 255, 255, .9);
    color: #000;
    border-color: transparent;
    background-color: #555;
    border-color: #555;
    border-radius: 35px;
    /* font-size: .88rem; */
    padding: .1rem .675rem .2rem;
    color: #fff;
  }

    .pathbar .filter-remove-link:hover,
    .pathbar .filter-remove-link:focus,
    .pathbar .filter-remove-link:active {
      background: #fff;
      border-color: #fff;
      color: #555;
    }

  .pathbar h2 {
    margin: .5rem .5rem .2rem .2rem;
    text-transform: none;
    font-size: .78rem;
    display: inline-block;
    opacity: .7;
    font-weight: 300;
  }


  .filterbar .item {
    margin-bottom: 0.6em;
  }

  .js-teaser-browser[data-count='0'] {
    display: none;
  }

  .pathbar .icon-path {
    padding-top: .3em;
  }

  .result__filter-form-area.area-1 {
    text-align: left;
  }

  .info-list li li {
    border: 0 none;
  }

  .pagebrowser {
    text-align: left;
  }

    main.tpl-topic-list,
    main.tpl-result.tpl-person,
    .pagebrowser.bottom {
      margin-bottom: 4rem;
    }

  #filter_accordion__container .btn.btn-filter {
    color: #fff;
    border-width: 0 0 1px 0;
    border-bottom-color: #fff;
    width: 100%;
    text-align: left;
    border-radius: 0;
    background: url(/img/icons/Dropdownright_light.svg) no-repeat center left;
    background-size: 1rem 1rem;
    padding-left: 1.5rem;
    display: block;
  }

    /*.expertsearch-container .detail-search-field,
  .tpl-result .detail-search-field {
    padding-left: 1.5rem;
  }*/


    #filter_accordion__container .btn.btn-filter:after {
      display: none;
    }

    #filter_accordion__container .btn.btn-filter[aria-expanded="true"] {
      background-image: url(/img/icons/Dropdown_light.svg);
    }


    #filter_accordion__container .btn.btn-filter:hover,
    #filter_accordion__container .btn.btn-filter:focus,
    #filter_accordion__container .btn.btn-filter:active {
      /*opacity: .7;*/
    }

  #filter_accordion__container .no-filter-drop .btn.btn-filter {
    background: transparent;
    padding-left: 0;
    cursor: default;
    opacity: 1;
    margin-bottom: 1.2em;
  }

  .dropdown-area span {
    font-size: .83rem;
    opacity: 7;
    display: block;
    margin-top: 2em;
  }



  .tpl-result .pagebrowser .form-select {
    float: none;
    min-height: 39.8px;
    opacity: .7;
    cursor: pointer;
  }

    .tpl-result .pagebrowser .form-select:focus-visible {
      outline: none;
    }

    .tpl-result .pagebrowser .form-select:hover,
    .tpl-result .pagebrowser .form-select:focus,
    .tpl-result .pagebrowser .form-select:active {
      opacity: 1;
    }

  .pagebrowser .prev {
    margin-right: .1em;
  }

  .pagebrowser .next {
    margin-left: .1em;
  }

  .pagebrowser .pagesize {
    margin: .2em;
  }

  .pagebrowser button {
    border: 1px solid #232323;
  }


    .pagebrowser button:hover,
    .pagebrowser button:focus,
    .pagebrowser button:active {
      border-color: #232323;
    }

  .pagebrowser .prev,
  .pagebrowser .next,
  .pagebrowser .pagesize,
  .pagebrowser button {
    cursor: pointer;
  }

    .pagebrowser button.prev,
    .pagebrowser button.next {
      /* font-size: 140%;*/
    }

    .pagebrowser button.after,
    .pagebrowser button.before {
      font-size: 100%;
      padding: .9em;
    }

  .pagebrowser.top {
    /* padding-right: 20px;
    min-width: 290px;*/
    text-align: right;
  }

  .pagebrowser .prev,
  .pagebrowser .next,
  .pagebrowser .pagesize,
  .pagebrowser strong,
  .pagebrowser button {
    font-weight: 400;
    font-size: 120%;
    display: inline-block;
    padding: 0 .3em;
    min-width: 1em;
    color: #fff;
  }


  .pagebrowser button {
    min-width: unset;
    width: unset;
    height: 32.4px;
    line-height: 100%;
    border: 1px solid transparent;
    color: #fff;
    border-radius: .25rem;
    cursor: pointer;
    padding: 0 .2em;
  }


    main.dark-view .pagebrowser button:hover,
    main.dark-view .pagebrowser button:focus,
    main.dark-view .pagebrowser button:active,
    .pagebrowser button:hover,
    .pagebrowser button:focus,
    .pagebrowser button:active {
      color: rgb(85, 85, 85);
      border-color: #fff;
      background: #fff;
    }


  .pagebrowser .after ~ .after,
  .pagebrowser .after ~ .after ~ .after {
    display: inline-block;
  }

    .pagebrowser .after ~ .after ~ .after ~ .after {
      display: none;
    }
}

@media screen and (max-width: 730px) {
  .footer-bottom a {
    display: block;
    text-align: right;
  }

  .footer-bottom .divider {
    display: none;
  }
}

@media screen and (max-width: 849px) {
  footer .footer-top .bg-house {
    display: none;
  }

  footer .social_media_list {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 990px) {
  /*col-md-6  filter-col filter-col-2    */
  .col-md-6.filter-col {
    display: block;
    max-width: 100%;
    flex: none;
  }

    .col-md-6.filter-col .filterbar .dropdown-menu,
    .col-md-6.filter-col .filterbar .item {
      max-width: 100%
    }

    .col-md-6.filter-col .filterbar,
    .col-md-6.filter-col .filterbar .navbar-nav {
      margin-left: 0;
      margin-right: 0;
      justify-content: space-evenly;
    }

      .col-md-6.filter-col .filterbar .dropdown-toggle {
        margin-left: 0;
      }

      .col-md-6.filter-col .filterbar .nav-item.dropdown {
        flex: 1;
      }

      .col-md-6.filter-col .filterbar .dropdown-toggle {
        width: auto;
        margin-right: 10px;
      }

  .result__filter-form-area .mfak-checkbox {
    padding-right: 10px;
  }
}

@media screen and (max-width: 1500px) {
  .gallery__media {
    width: 50vw;
  }
}

@media screen and (max-width: 990px) {
  .tpl-gallery .col {
    display: block;
    width: 100%;
    flex: none;
  }

  .gallery__media {
    width: 100%;
  }

  .controls-1 {
    position: absolute;
    right: 30px;
    z-index: 200;
  }

    .controls-1 .controls .modal__link {
      border-color: transparent;
    }

  .col.main-detail {
    padding-top: 20px;
  }

  main .back-link {
    margin-right: 0;
  }

  .controls-1 .back {
    display: none;
  }
}





@media print {

  .fixed-top {
    position: static !important;
  }

  .gba-kachel {
    page-break-inside: avoid;
  }

  .gba-intro.second {
    page-break-before: always;
  }

  h1, h2, h3, h4 {
    page-break-after: avoid;
  }

  h2 {
    font-size: 16pt;
  }

  h3, h4 {
    font-size: 14pt;
  }


  .hero-pattern,
  button,
  #navbar-main,
  .intro a,
  .gallery__controls,
  .controls-1,
  .credit-link,
  .area-thumbs,
  .back-link,
  .screen-only,
  .layout-detail .js-highlight-section,
  .path {
    display: none !important;
  }

  /* homepage / teaser */

  .passepartout .gba-kachel,
  .gba-kachel,
  #credit-text,
  .navbar {
    display: block !important;
  }

  .screen-only {
    display: none !important;
  }

  .gba-group {
    grid-template-columns: repeat(8,1fr);
    grid-gap: 8pt;
  }

    .gba-group a.gba-kachel,
    .gba-group a.gba-kachel * {
      text-decoration: none !important;
    }

  /* detail */
  .gallery__media {
    height: fit-content;
    width: fit-content;
    position: relative;
    background: transparent;
    border: 0 none;
  }

  abbr[title] {
    text-decoration: none;
    border-bottom: 0 none;
  }

  .gallery__media img {
    max-height: 30vh;
  }

  .tpl-detail {
    margin-top: 10pt
  }

    .tpl-detail h1 {
      text-align: center;
      font-size: 22pt;
      margin-bottom: 20pt;
    }

  .info-list li {
    border-top: 0 none;
  }


  .container.viewport-container.detail-info-block .col-sm-9 {
    max-width: 100%;
    flex: none;
  }

  .col.main-detail {
    margin-top: 20pt;
    margin-bottom: 20pt;
    padding-bottom: 20pt;
    border-top: 1pt solid #dfdfdf;
    border-bottom: 1pt solid #dfdfdf;
  }


  .tpl-gallery {
    padding-bottom: 10pt;
  }

    .tpl-gallery .row {
      display: block;
    }

    .tpl-gallery .col:first-child {
      width: 30%;
      display: block;
      margin: 0 auto;
    }

  #credit-text {
    position: static;
  }

    #credit-text p {
      margin: .5rem;
    }

  /* service pages */
  .tpl-service .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.biography br.linefeed {
  display: none !important;
}

.pbox {
  margin-top: 2.5rem;
}

.info-list.person {
  border: 0 none;
}

  .info-list.person li {
    margin: 0.2em 0;
    border: 0 none;
  }



.togglebar {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-end;
  float: right;
  /*width: 90px;*/
}

  .togglebar a {
    color: #666;
    text-decoration: none;
    transition: all .2s ease;
    font-size: inherit;
  }

  .togglebar .btn-item {
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center
  }

    .togglebar .btn-item span {
      display: block;
      margin-left: .6rem
    }

    .togglebar .btn-item a {
      border: 1px solid #6c757d;
      min-height: 1.8rem;
      display: block;
      color: #6c757d;
      background: transparent;
      text-decoration: none;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
    }

      .togglebar .btn-item a:hover,
      .togglebar .btn-item a:focus,
      .togglebar .btn-item a:active {
        border-color: #fff;
        color: #fff;
      }

    .togglebar .btn-item .filter-toggle {
      display: none
    }

      .togglebar .btn-item .filter-toggle a {
        padding: .54rem .5rem 0
      }

.btn.js-localsort_btn {
  line-height: 1;
  padding: .275rem .475rem;
  color: #fff;
  border-color: #fff;
  opacity: .7;
  margin-top: 0.8rem;
}

  .btn.js-localsort_btn:hover,
  .btn.js-localsort_btn:focus {
    opacity: 1;
    color: #212529;
    border-color: #fff;
    background: #fff;
  }

  .btn.js-localsort_btn.js-active {
    color: #212529;
    border-color: #fff;
    background: #fff;
    opacity: .7;
    cursor: default;
  }

  .btn.js-localsort_btn svg {
    width: 1.225rem;
    height: auto;
  }


.togglebar {
  /**/ margin-right: 15px;
}

  .togglebar .btn-item .card-view-btn-toggle a,
  .togglebar .btn-item .list-view-btn-toggle a {
    padding: 0 .3rem
  }

  .togglebar .btn-item svg {
    height: 1rem;
    margin: .35rem auto 0;
    width: 1rem;
    display: block;
  }

    .togglebar .btn-item svg g path {
      stroke: #000
    }

  .togglebar .inner {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: flex-end
  }

  .togglebar .navbar-nav {
    flex-direction: row;
    justify-content: flex-end;
  }

@media screen and (max-width: 650px) {
  .togglebar .navbar-nav {
    flex-wrap: wrap
  }
}

.togglebar .btn-item .card-view-btn-toggle a,
.togglebar .btn-item .list-view-btn-toggle a {
  color: #fff;
  border-color: #fff;
  cursor: pointer;
  box-shadow: none;
  border-radius: .25rem;
  /*min-width: 32.4px;
  min-height: 32.4px;*/
  min-width: 1.7rem;
  min-height: 1.7rem;
  opacity: .7;
}

  .togglebar .btn-item .list-view-btn-toggle a:hover,
  .togglebar .btn-item .list-view-btn-toggle a:active,
  .togglebar .btn-item .list-view-btn-toggle a:focus,
  .togglebar .btn-item .card-view-btn-toggle a:hover,
  .togglebar .btn-item .card-view-btn-toggle a:active,
  .togglebar .btn-item .card-view-btn-toggle a:focus {
    box-shadow: none;
    border-color: #fff;
    background: #fff;
    color: rgb(85, 85, 85);
    box-shadow: none;
    opacity: 1;
  }

/* default without view: card */
.togglebar .btn-item .card-view-btn-toggle a {
  cursor: default;
  border-color: #fff;
  background: #fff;
  color: rgb(85, 85, 85);
  box-shadow: none;
}

  .togglebar .btn-item .card-view-btn-toggle a:hover,
  .togglebar .btn-item .card-view-btn-toggle a:active,
  .togglebar .btn-item .card-view-btn-toggle a:focus {
    cursor: default;
    border-color: #fff;
    background: #fff;
    color: rgb(85, 85, 85);
    box-shadow: none;
    opacity: .7;
  }

/* list view */
.js-list-view .togglebar .btn-item .card-view-btn-toggle a {
  border-color: #fff;
  background: transparent;
  color: #fff;
  box-shadow: none;
  cursor: pointer;
}

  .js-list-view .togglebar .btn-item .card-view-btn-toggle a:hover,
  .js-list-view .togglebar .btn-item .card-view-btn-toggle a:active,
  .js-list-view .togglebar .btn-item .card-view-btn-toggle a:focus {
    border-color: #fff;
    background: #fff;
    color: rgb(85, 85, 85);
    box-shadow: none;
    cursor: pointer;
  }

.js-list-view .togglebar .btn-item .list-view-btn-toggle a {
  border-color: #fff;
  background: #fff;
  color: rgb(85, 85, 85);
  box-shadow: none;
  cursor: default;
}

  .js-list-view .togglebar .btn-item .list-view-btn-toggle a:hover,
  .js-list-view .togglebar .btn-item .list-view-btn-toggle a:active,
  .js-list-view .togglebar .btn-item .list-view-btn-toggle a:focus {
    border-color: #fff;
    background: #fff;
    color: rgb(85, 85, 85);
    box-shadow: none;
    cursor: default;
  }

.resultlist-custom-click {
  opacity: .7;
  cursor: pointer;
}

  .resultlist-custom-click:hover,
  .resultlist-custom-click.hover {
    opacity: 1;
    background: rgba(255, 255, 255, .05);
  }


.list-view-item {
  display: none;
}


.js-list-view .card-view {
  display: none !important
}

.js-list-view .list-view {
  display: flex !important;
}



.controls .modal__link.download-page-link {
  border-radius: 0 0 16px 16px;
}


.controls-2 .controls a {
  margin-top: 1px;
  margin-right: 1px;
}

.controls .modal__link:hover,
.controls .modal__link:focus {
  background-color: hsla(0,0%,96.5%,.9);
}

main .pbox li a {
  text-decoration: none;
}

  main .pbox li a:hover,
  main .pbox li a:focus,
  main .pbox li a:active {
    text-decoration: underline;
  }

.list-group-flush > .list-group-item {
  margin: .3rem 0;
}

.modal__link.download-page-link {
}

  .modal__link.download-page-link svg {
    width: 28px;
    height: 28px;
  }

.hover-title {
  display: none;
}

a:hover .hover-title,
a:focus .hover-title,
a:active .hover-title {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .78rem;
  max-width: 40%;
  background: hsla(0,0%,96.5%,.9);
  display: inline-block;
  color: #666;
}

.hover-title svg {
  width: 25px;
  height: auto;
}

.gba-kachel__titel,
.gba-kachel__footer {
  position: relative;
}

.architect-gba-group .gba-kachel a {
  display: block;
}

a:hover .gba-kachel__footer .gba-button.gba-button--standard,
a:hover .gba-kachel__footer .gba-button.gba-button--standard .num {
  color: #000;
}

/*mdbk*/

a {
  color: #000;
}

  a:active, a:focus, a:hover {
    color: #000;
  }

/* header*/
.header-nav .container.viewport-container {
  margin-top: 0;
}

.header-nav {
  padding-top: 0;
}

.navbar-brand {
  /*margin-right: 6vw;*/
  margin-right: 3vw;
}

.tpl-topic-detail #section_3 .js-live-container {
  overflow: hidden;
}

@media (min-width: 1200px) {
  .container.viewport-container {
    padding-left: 68px;
    padding-right: 68px;
  }

  .tpl-topic-detail .container.viewport-container.live-container::after,
  .tpl-topic-detail #section_3 .js-live-container::after {
    content: "";
    display: block;
    width: 59px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  }

  .tpl-topic-detail #section_1 .container.viewport-container.live-container::after {
    background: #f3f3f3;
  }

  .tpl-topic-detail #section_2 .container.viewport-container.live-container::after {
    background: #afafaf;
  }

  .tpl-topic-detail #section_3 .js-live-container::after {
    background: #555555;
  }
}

@media (min-width: 850px) {
  .navbar-expand-md .navbar-nav .nav-link,
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: .9vw;
  }
}

.logo img {
  max-width: 100%;
  width: 134px;
  opacity: .65;
}

.logo.active img {
  opacity: 1;
  cursor: default;
}

.logo:hover img,
.logo:focus img,
.logo:active img {
  opacity: 1;
}
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-md .navbar-nav .nav-link {
  opacity: .65;
}

.navbar-expand-lg .navbar-nav .nav-item-settings .dropdown-toggle,
.navbar-expand-md .navbar-nav .nav-item-settings .dropdown-toggle {
  border-color: transparent;
  background: transparent;
  cursor: pointer;
  font-size: inherit;
}
  .navbar-expand-lg .navbar-nav .nav-item-settings .dropdown-toggle:after,
  .navbar-expand-md .navbar-nav .nav-item-settings .dropdown-toggle:after {
    display: none;
  }
.navbar-expand-lg .navbar-nav .nav-item-settings .nav-link,
.navbar-expand-md .navbar-nav .nav-item-settings .nav-link {
  padding-top: .4rem;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-link:active,
.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:focus,
.navbar-expand-md .navbar-nav .nav-link:active {
  box-shadow: none;
  opacity: 1;
}
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-md .navbar-nav .nav-link.active {
  opacity: 1;
}

  .navbar-expand-lg .navbar-nav .nav-link.active .menu-txt,
  .navbar-expand-md .navbar-nav .nav-link.active .menu-txt {
    border-bottom: 2px solid #000;
  }

.navbar-expand-lg .navbar-nav .nav-link:hover svg .icon-color,
.navbar-expand-lg .navbar-nav .nav-link:focus svg .icon-color,
.navbar-expand-lg .navbar-nav .nav-link:active svg .icon-color,
.navbar-expand-md .navbar-nav .nav-link:hover svg .icon-color,
.navbar-expand-md .navbar-nav .nav-link:focus svg .icon-color,
.navbar-expand-md .navbar-nav .nav-link:active svg .icon-color {
  stroke: #000 !important;
}

.navbar-expand-lg .navbar-nav .nav-link:hover svg .icon-fill-color,
.navbar-expand-lg .navbar-nav .nav-link:focus svg .icon-fill-color,
.navbar-expand-lg .navbar-nav .nav-link:active svg .icon-fill-color,
.navbar-expand-md .navbar-nav .nav-link:hover svg .icon-fill-color,
.navbar-expand-md .navbar-nav .nav-link:focus svg .icon-fill-color,
.navbar-expand-md .navbar-nav .nav-link:active svg .icon-fill-color {
  fill: #000 !important;
}



a:hover svg .icon-color,
a:focus svg .icon-color,
a:active svg .icon-color {
  stroke: #AFAFAF !important;
}


a:hover svg .icon-fill-color,
a:focus svg .icon-fill-color,
a:active svg .icon-fill-color {
  fill: #AFAFAF !important;
}

a:hover svg .icon-light-color,
a:focus svg .icon-light-color,
a:active svg .icon-light-color {
  stroke: #AFAFAF !important;
}


a:hover svg .icon-fill-light-color,
a:focus svg .icon-fill-light-color,
a:active svg .icon-fill-light-color {
  fill: #AFAFAF !important;
}

/*footer*/
.footer {
  color: #232323;
  background: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1rem;
}

  .footer .left {
    float: left;
  }

  .footer .right {
    margin: 0 0 0 auto;
  }

  .footer .container {
    display: flex;
  }

  .footer a {
    color: inherit;
    opacity: .7;
  }

    .footer a:hover,
    .footer a:focus,
    .footer a:active {
      opacity: 1;
    }

  .footer .social_media_list,
  .footer .service_list {
    list-style-type: none;
    margin: 0;
    display: flex;
  }


    .footer .social_media_list li,
    .footer .service_list li {
      display: inline-block;
      width: fit-content;
      height: fit-content;
      padding-right: 3vw;
    }

      .footer .social_media_list li.social-link {
        padding-right: .25vw;
      }

      .footer .social_media_list li span,
      .footer .social_media_list li a,
      .footer .service_list a {
        height: fit-content;
        display: inline-block;
      }

    .footer .service_list a {
      line-height: 130%;
    }

    .footer .service_list .active a {
      border-bottom-color: #fff;
      color: #fff;
      opacity: 1;
      cursor: default;
      display: inline-block;
    }

    .footer .social_media_list svg {
      height: 2.1rem;
      width: auto;
      display: inline-block;
      margin: .3em .3em 0 0;
    }

/*main*/
.main {
  min-height: 60vh;
  margin-top: 47px;
}


  .main.tpl-detail {
    margin-top: 45px;
    background: #232323;
    color: #fff;
  }



.uppercase {
  text-transform: uppercase;
}

.teaser {
  position: relative;
  margin-bottom: 20px;
}

.teaser-img {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.rooms .col-sm-2 {
  margin-bottom: 1.5rem;
}

.rooms .teaser {
  clear: both;
  min-height: 110px;
}

.rooms .teaser-img {
  max-width: 87px;
  max-height: 87px;
  float: left;
  margin-right: .5rem;
}

@media (min-width: 576px) {
  .rooms .col-sm-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.rooms .teaser-text h4 {
  padding: 0;
}

.teaser-img-left img {
  max-width: 100%;
}

.rooms .teaser-img img {
  object-fit: cover;
  object-position: center;
  height: 87px;
  width: 87px;
  border: 1px solid transparent;
  border-radius: 100%;
}

.rooms-container .teaser-text {
  min-height: 87px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.teaser-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.object .teaser-text {
  position: relative;
}

.tpl-topic-detail .object {
  display: none;
 /* margin-top: 30px;*/
  margin-top: 0;
}


.tpl-topic-detail .object.cat-reset {
  margin-bottom: 0;
}

.tpl-topic-detail .object.active {
  display: block;
}

.teaser-text h3 {
  padding: 0 1vw 15px;
  margin: 0;
  color: #fff;
  font-weight: 200;
}

.object .teaser-text h3 {
}

.teaser a {
  display: block;
}

  a.teaser-img-left:hover img,
  a.teaser-img-left:focus img,
  a.teaser-img-left:active img,
  /*.slider-news-container a:hover img.w-100,
  .slider-news-container a:focus img.w-100,
  .slider-news-container a:active img.w-100,*/
  .teaser a:hover img,
  .teaser a:focus img,
  .teaser a:active img {
    transition: transform 500ms;
    transform: scale(1.03);
    transform-origin: center;
  }

  #section_3 a.teaser-img-left:hover img,
  #section_3 a.teaser-img-left:focus img,
  #section_3 a.teaser-img-left:active img,
  a.teaser-img-left.active:hover img,
  a.teaser-img-left.active:focus img,
  a.teaser-img-left.active:active img,
  .teaser a.active:hover img,
  .teaser a.active:focus img,
  .teaser a.active:active img {
    transform: scale(1);
  }

a.teaser-img-left .teaser-img-wrapper {
  position: relative;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.teaser img,
a.teaser-img-left img {
  display: block;
  width: 100%;
  height: auto;
}

a.teaser-img-left {
  position: relative;
  overflow: hidden;
}

  a.teaser-img-left img,
  .teaser-img img {
    position: relative;
  }

h4 {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 1rem;
}


  h4 + p {
    margin-top: .3rem;
  }

    h4 + p + p {
      margin-top: 1rem;
    }

.header-teaser .teaser-img {
  /*position: relative;*/
  position: absolute;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
}

  .header-teaser .teaser-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top center;
    position: relative;
    z-index: 0;
    display: block;
    /*top: 50%;
  margin-top: -50%;*/
  }

.arrow-footer {
  position: relative;
  display: block;
  background-color: #fff;
  overflow: hidden;
}

.passepartout + .arrow-footer {
  min-height: 90px;
}

.passepartout.white + .arrow-footer,
#section_1 .arrow-footer {
  background-color: #fff;
}

#section_1 .js-browser {
  display: none;
}

#section_1.has3rd .js-browser {
  display: block;
}

#objects .arrow-footer {
  background: #555;
}

#section_1 ~ #section_2 ~ #objects .arrow-footer,
#section_1 ~ #section_2 ~ #section_3.hidden ~ #objects .arrow-footer {
  background-color: #afafaf;
}

#section_1 ~ #objects .arrow-footer,
#section_1 ~ #section_2.hidden ~ #objects .arrow-footer,
#section_1 ~ #section_2.hidden ~ #section_3.hidden ~ #objects .arrow-footer {
  background-color: #f3f3f3;
}

#section_1 ~ #section_2 ~ #section_3 ~ #objects .arrow-footer {
  background: #555;
}

/*.passepartout.light-grey + .arrow-footer,*/
#section_2 .arrow-footer,
#section_2.hidden + #section_3 .arrow-footer {
  background-color: #f3f3f3;
}

/*.passepartout.dark-grey + .arrow-footer,*/
#section_3 .arrow-footer {
  background-color: #afafaf;
}

#section_3 .js-live-container a {
  display: none;
}

  #section_3 .js-live-container a:nth-of-type(1),
  #section_3 .js-live-container a:nth-of-type(2),
  #section_3 .js-live-container a:nth-of-type(3),
  #section_3 .js-live-container a:nth-of-type(4),
  #section_3 .js-live-container a:nth-of-type(5),
  #section_3 .js-live-container a:nth-of-type(6),
  #section_3 .js-live-container a:nth-of-type(7),
  #section_3 .js-live-container a:nth-of-type(8),
  #section_3 .js-live-container a:nth-of-type(9),
  #section_3 .js-live-container a:nth-of-type(10) {
    display: block;
    min-width: 10vw;
    width: 10vw;
  }

    #section_3 .js-live-container a:nth-of-type(3):hover,
    #section_3 .js-live-container a:nth-of-type(4):hover,
    #section_3 .js-live-container a:nth-of-type(5):hover,
    #section_3 .js-live-container a:nth-of-type(6):hover,
    #section_3 .js-live-container a:nth-of-type(7):hover,
    #section_3 .js-live-container a:nth-of-type(8):hover,
    #section_3 .js-live-container a:nth-of-type(3):focus,
    #section_3 .js-live-container a:nth-of-type(4):focus,
    #section_3 .js-live-container a:nth-of-type(5):focus,
    #section_3 .js-live-container a:nth-of-type(6):focus,
    #section_3 .js-live-container a:nth-of-type(7):focus,
    #section_3 .js-live-container a:nth-of-type(8):focus,
    #section_3 .js-live-container a:nth-of-type(9):focus,
    #section_3 .js-live-container a:nth-of-type(10):focus {
      opacity: 1;
    }

.dark-grey a:active, .dark-grey a:focus, .dark-grey a:hover {
  color: #fff;
  opacity: .8;
}

#section_3 .js-live-container a:nth-of-type(1),
#section_3 .js-live-container a:nth-of-type(3),
#section_3 .js-live-container a:nth-of-type(5),
#section_3 .js-live-container a:nth-of-type(7),
#section_3 .js-live-container a:nth-of-type(9) {
  padding-right: 15px;
}

#section_2 .teaser-text-right,
#section_1 .teaser-text-right {
  padding-left: 5px;
}

@media (min-width: 992px) {
  .col-lg-2.teaser-img-left:nth-of-type(1),
  .col-lg-2.teaser-img-left:nth-of-type(3),
  .col-lg-2.teaser-img-left:nth-of-type(5) {
    /*flex: 0 0 12.667%;
        max-width: 12.667%;*/
  }

  .col-lg-2.teaser-img-left:nth-of-type(2),
  .col-lg-2.teaser-img-left:nth-of-type(4),
  .col-lg-2.teaser-img-left:nth-of-type(6) {
    /* flex: 0 0 19.667%;
        max-width: 19.667%;*/
  }
}

#objects .arrow-footer {
  height: 73px;
}

#section_3 .teaser h4 {
  background-color: transparent;
  padding-left: 0;
  padding-right: 6px;
  padding-top: 0;
}

#section_2 .next-teaser.next-platzhalter {
  left: 0;
  width: 100%;
}

#section_1 .next-teaser,
#section_2 .next-teaser.next-teaser-last {
  width: 100%;
  left: 0%;
}

.passepartout.light-grey,
.arrow-footer.light-grey:before,
.arrow-footer.light-grey:after {
  background-color: #afafaf;
}

.passepartout.dark-grey,
.arrow-footer.dark-grey:before,
.arrow-footer.dark-grey:after {
  background-color: #555555;
}

.passepartout.anthrazit,
.arrow-footer.anthrazit:before,
.arrow-footer.anthrazit:after {
  background-color: #232323;
}

.passepartout.dark-grey,
.passepartout.anthrazit {
  color: #fff;
}

  .passepartout.dark-grey h2,
  .passepartout.dark-grey h3,
  .passepartout.dark-grey h4,
  .passepartout.dark-grey h5,
  .passepartout.dark-grey p,
  .passepartout.dark-grey a,
  .passepartout.anthrazit h2,
  .passepartout.anthrazit h3,
  .passepartout.anthrazit h4,
  .passepartout.anthrazit h5,
  .passepartout.anthrazit p,
  .passepartout.anthrazit a {
    color: inherit;
  }

.arrow-footer:before,
.arrow-footer:after {
  content: '';
  position: absolute;
  bottom: 0;
  z-index: 10;
  background-color: inherit;
  padding-bottom: 40px;
}

.arrow-footer:before {
  right: 80%;
  width: 20%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -ms-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}

.arrow-footer:after {
  left: 20%;
  width: 80%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -ms-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}


.header-teaser.teaser .teaser-text {
  top: 0;
  padding-top: 20px;
  color: #fff;
  padding-bottom: 104px;
  position: relative;
  min-height: 380px;
}

.teaser-map-link {
  padding-top: 1em;
}

.short-infos .teaser-map-link {
  top: 0;
  left: 0;
  bottom: 80px;
  right: 0;
  position: absolute;
  overflow: visible;
  height: 45px;
  width: 45px;
}

.tpl-topic-detail .teaser-map-link .map-link {
  margin-top: .8em;
}

.tpl-topic-detail .icon-text-link span {
  text-shadow: 1px 0px 4px rgba(0,0,0,0.92);
}

.main.tpl-detail .icon-text-link span {
  margin-right: 10px;
}

.tpl-topic-detail .header-teaser .icon-text-link svg {
  top: unset;
  min-height: 35px;
}

.teaser-map-link .container.viewport-container {
  position: relative;
  height: 1px;
  overflow: visible;
}

  .teaser-map-link a {
    display: inline-block;
    float: right;
  }

.short-infos .teaser-map-link {
  float: none;
}

.tpl-topic-detail .teaser-map-link svg {
  background: #fff;
  border-radius: 35px;
  padding: 4px;
}

.main.tpl-detail .teaser .teaser-map-link a,
.main.tpl-detail .teaser .teaser-map-link svg,
.tpl-topic-detail .header-teaser.teaser .teaser-text .teaser-map-link a,
.tpl-topic-detail .teaser-map-link a {
  color: #000;
}

.main.tpl-detail .teaser .teaser-map-link a span,
.tpl-topic-detail .header-teaser.teaser .teaser-text .teaser-map-link a span,
.tpl-topic-detail .teaser-map-link a span {
  color: #fff;
}

.short-infos svg .current-fill,
.short-infos .teaser-map-link svg .current-fill {
  fill: currentColor;
}

svg .current-stroke,
.teaser-map-link svg .current-stroke {
  stroke: currentColor;
}

.map-modal-xl.modal {
  padding: 5px 15px;
  z-index: 13000;
}

.modal-xl {
  max-width: 100vw;
  max-height: 100vh;
  height: 100%;
  margin: 0;
}

  .modal-xl .close {
    width: 1.5rem;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }

.map-modal-xl.modal .modal-content {
  height: 100%;
}

.map-modal-xl.modal {
  border: 0 none;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.main .map-modal-xl.modal {
  position: absolute;
}



.header-teaser.teaser .teaser-text * {
  color: #fff;
}

  .header-teaser.teaser .teaser-text h1 {
    max-width: 38%;
    font-weight: 200;
    margin-top: 3.5vh;
  }

.header-teaser.teaser .teaser-headertext {
  max-width: 50%;
  margin-top: 3.5vh;
}

.header-teaser.teaser .teaser-text a {
  /*display: inline-block;*/
  margin-top: 1em;
}

.fixed-top {
  z-index: 10000;
}


.header-teaser.teaser a.more,
.more-headertext .header-teaser.teaser a.less {
  display: inline-block;
}

.header-teaser.teaser a.more,
.header-teaser.teaser a.less {
  text-decoration: underline;
}

.header-teaser.teaser a.less,
.more-headertext .header-teaser.teaser a.more,
.header-teaser.teaser p ~ p {
  display: none;
}

.more-headertext .header-teaser.teaser .teaser-text {
  background: rgba(0,0,0, .8);
}

.more-headertext .header-teaser.teaser .teaser-headertext {
  max-width: 80%;
}

.header-teaser.teaser br.linefeed {
  display: none;
}

.more-headertext .header-teaser.teaser p ~ p {
  display: block;
}

.icon-text-link {
  position: relative;
  float: right;
  padding-right: 45px;
}

.tpl-topic-detail .icon-text-link {
  clear: right;
  min-height: 30px;
  min-width: 11em;
  display: flex;
  align-items: center;
}

.text-icon-link {
  position: relative;
  float: right;
  padding-right: 45px;
}

.icon-text-link svg {
  position: absolute;
  right: 0;
  top: -40%;
}

.text-icon-link svg {
  position: absolute;
  right: 0;
  top: -40%;
}

  .text-icon-link svg.back_light {
    transform: rotate(45deg);
  }

.text-icon-link:hover,
.text-icon-link:focus,
.text-icon-link:active,
.icon-text-link:hover,
.icon-text-link:focus,
.icon-text-link:active {
  /*opacity:.7;*/
}


.intro {
  margin: 4vh 0;
}

.tpl-person .intro {
  margin-bottom: 4.7vh;
  /*margin-top: 8vh;*/
}

.intro p,
.intro h3 {
  /*font-size: 1.65rem;*/
  font-size: 1.334rem; /*24px*/
}

.intro h3 {
  font-weight: 400;
}

.passepartout {
  max-width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 6vh;
}

.discover-container .passepartout {
  padding-top: 0;
}

.discover-container .viewport-container {
  position: relative;
  z-index: 1;
}

.discover-container {
}


.stoeberteaser {
  max-width: 190px;
  float: left;
  max-height: 200px;
}

  .stoeberteaser:nth-child(odd) {
    max-width: 9vw;
    margin-top: 5px;
  }

  .stoeberteaser:nth-child(even) {
    max-width: 10vw;
    margin-top: -5px;
  }

  .stoeberteaser:nth-child(4n + 1) {
    margin-bottom: -20px;
  }

  .stoeberteaser img {
    max-height: 160px;
    object-position: center;
    object-fit: contain;
    max-width: 90%;
    display: block;
  }

.discover-teaser-container {
  position: absolute;
  top: -60px;
  left: -20px;
  width: 105vw;
  z-index: 0;
}

.passepartout h4,
.passepartout h3 {
  margin-top: 0;
}

.passepartout .teaser-next-right {
  position: relative;
}

.next-teaser {
  position: absolute;
  height: 100%;
  background: #AFAFAF;
  width: 200%;
  left: 50%;
}

.cat-reset {
  margin-bottom: 20px;
}

.dark-grey a {
  opacity: .6;
}



  .dark-grey a:active,
  .dark-grey a:focus,
  .dark-grey a:hover {
    color: #fff;
    opacity: .8;
  }

  .dark-grey a.active {
    opacity: 1;
    cursor: default;
  }

main a:focus {
  box-shadow: none;
}

main {
  margin-bottom: 0;
}

  main.tpl-topic-detail,
  main.tpl-werke {
    margin-bottom: 0;
  }

  main.dark-view,
  main.tpl-werke {
    background: #232323;
    color: #fff;
    min-height: 75vh;
  }


main.tpl-result,
main.tpl-topic.tpl-topic-list,
main.tpl-color.tpl-service,
main.tpl-service,
main.tpl-expertSearch {
    min-height: calc(100vh - 125px);
}

main.tpl-topic.tpl-topic-list {
	margin-bottom: 0;
	padding-bottom: 4vh;
}
main.tpl-topic.tpl-topic-list .viewport-container {
padding-bottom: 1.5rem;
}
    main.dark-view h1,
    main.tpl-werke h1 {
      color: inherit;
    }

    main.dark-view .intro p,
    main.dark-view li,
    main.dark-view h3,
    main.dark-view a,
    main.tpl-werke h3,
    main.tpl-werke a {
      color: inherit;
    }

      main.dark-view button,
      main.dark-view p a,
      main.dark-view li a,
      main.tpl-color button,
      main.tpl-color p a,
      main.tpl-color li a {
        color: #fff;
        opacity: .7;
      }

        main.tpl-color button:hover,
        main.tpl-color button:focus,
        main.tpl-color button:active,
        main.tpl-color li a:active,
        main.tpl-color li a:focus,
        main.tpl-color li a:hover,
        main.tpl-color p a:active,
        main.tpl-color p a:focus,
        main.tpl-color p a:hover,
        main.dark-view button:hover,
        main.dark-view button:focus,
        main.dark-view button:active,
        main.dark-view li a:active,
        main.dark-view li a:focus,
        main.dark-view li a:hover,
        main.dark-view p a:active,
        main.dark-view p a:focus,
        main.dark-view p a:hover {
          color: #fff;
          opacity: 1;
        }

    main.tpl-werke h3,
    main.tpl-werke h4 {
      margin: .8rem .3rem 2rem;
      padding: 0;
      line-height: 1.1;
    }

  main.tpl-result.tpl-werke .teaser {
    scroll-margin-top: 60px;
  }

  main.tpl-werke .teaser .teaser-img img {
    max-height: calc(16.6vh * 9/6);
    height: 20vh;
    object-fit: contain;
    /*object-position: bottom left;*/
    object-position: center center;
    transition-duration: .25s;
  }

#objects .teaser-img img {
  max-height: calc(16.6vh * 9/6);
  height: 20vh;
  object-fit: contain;
  object-position: center center;
  transition-duration: .25s;
}

#objects .teaser h5 {
  margin: .5rem 0 2rem;
  padding: 0;
}

#objects .teaser h5,
main.tpl-werke .teaser h4 {
  text-align: center;
}


main .main-footer.anthrazit {
  height: 100px;
  background: #232323;
}


.bottom-media img {
  height: auto;
  max-height: 150vh;
  width: 100%;
  padding-top: 10px;
  object-position: bottom center;
  object-fit: contain;
}

.mobile-meta-controls {
  display: block;
  margin-top: 20px;
  height: 40px;
  text-align: right;
}

.meta-controls {
  display: none;
}

.media-viewport-controls {
  float: none;
  text-align: left;
  margin: .8rem 0;
}

@media screen and (min-width: 850px) {
  .media-viewport {
    /*height: calc(100vh - 70px);*/
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    border: 0px solid red;
  }

  .row-meta,
  .row-middle,
  .row-media {
    border: 0px solid green;
  }

  .row-middle,
  .row-meta {
    flex-grow: 1;
  }

  .bottom-media img {
    max-height: 100%;
    height: 70vh;
    width: 100%;
    /* max-width: 800px; */
    object-position: bottom left;
    object-fit: contain;
  }

  .mobile-meta-controls {
    display: none;
  }

  .meta-controls {
    text-align: right;
    display: block;
  }

  .bottom-media img,
  .meta-controls {
    padding-top: 8vh;
  }

  .tpl-detail.tpl-collection .meta-controls,
  .tpl-detail.tpl-person .meta-controls {
      margin: 3.95vh 0;
      padding-top: 0;
  }

  .bottom-media img {
      margin-top: 4.5vh;
      padding-top: 0;
  }

    .meta-controls .icon-text-link {
      margin-top: .5rem;
    }

  .media-viewport-controls {
    float: right;
    text-align: right;
  }

 .media-viewport-controls.left-ul {
    float: left;
 }
 .row-middle.dots {
   min-height: 45px;
}

  .row-meta .row,
  .row-meta .col-sm-8,
  .row-meta .col-sm-4 {
    height: 100%;
  }

  .row-meta .col-sm-8,
  .row-meta .col-sm-4 {
    display: flex;
  }

    .row-meta .col-sm-8 h1,
    .row-meta .col-sm-4 ul {
      align-self: end;
    }

    .row-meta .col-sm-4 ul {
      text-align: left;
      width: 100%;
      margin: 0;
    }
}


@media screen and (min-height: 1500px) {
  .bottom-media img {
    max-height: 1200px;
  }
}

.chapter .spacer {
  height: 30px;
}

.main {
  max-width: 100vw;
  position: relative;
  /*overflow-x: hidden;*/
}

  .main.tpl-topic-detai {
    overflow-x: hidden;
  }

.row-meta h1 {
  margin: 0;
}

@media screen and (min-width: 1200px) {
  .media-viewport h1 {
    padding-right: 5vw;
  }

  .short-infos .col-sm-8 {
    padding-right: 5vw;
  }

  .short-infos .col-sm-4 {
  }
}

h1 span.subtitle {
  font-size: 75%;
  display: block;
  padding-top: 0.7rem;
  line-height: 1.2;
}

.media-stretcher {
  height: 100%;
}

.media-container,
.row-media-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}

.media-container-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #232323;
  height: 100%;
  width: 100%;
}

.main.tpl-detail a {
  color: #fff;
  opacity: .7;
}

.main.tpl-detail h1 a.mod-link {
  text-transform: uppercase;
}

.main.tpl-detail a:active,
.main.tpl-detail a:focus,
.main.tpl-detail a:hover {
  opacity: 1;
}

.bottom-media {
  margin-top: auto;
}

.row-middle a {
  display: inline-block;
  border: 4px solid #232323;
  border-radius: 18px;
  width: 10px;
  height: 10px;
  background: #fff;
  box-sizing: content-box;
  margin-top: 10px;
  margin-right: 3px;
}

  .row-middle a.active,
  .row-middle a:active,
  .row-middle a:focus,
  .row-middle a:hover {
    border-color: #fff;
  }

.bottom-media + .bottom-media {
  display: none;
}

.main.main-index {
  background: #fff;
  margin-bottom: 0;
  margin-top: 92px;
}

.js-isScrolled .main.main-index {
    margin-top: 58px;
}

.anchor-list,
.icon-list {
  list-style-type: none;
}

  .icon-list li {
    display: inline;
  }

.anchor-list {
  clear: both;
  padding-top: 6vh;
}

  .anchor-list a {
    text-decoration: none;
  }

.text-icon-link svg .fill-color-dark,
.icon-text-link svg .fill-color-dark,
.icon-link svg .fill-color-dark,
.icon-list a svg .fill-color-dark,
.icon-list button svg .fill-color-dark {
  fill: #555;
}

.icon-list button {
  border: 0 none;
  background: transparent;
  cursor: pointer;
  opacity: .7;
}

  .icon-list button:hover,
  .icon-list button:focus,
  .icon-list button:active {
    opacity: 1;
  }

svg .stroke-color-dark {
  stroke: #232323;
}

button:hover svg .stroke-color-dark,
button:focus svg .stroke-color-dark,
button:active svg .stroke-color-dark,
a:hover svg .stroke-color-dark,
a:focus svg .stroke-color-dark,
a:active svg .stroke-color-dark {
  stroke: #232323;
}

.icon-text-link svg .stroke-color-light,
.text-icon-link svg .stroke-color-light,
.icon-link svg .stroke-color-light,
.icon-list a svg .stroke-color-light,
.icon-list button svg .stroke-color-light,
.icon-list button svg .stroke-color-light {
  stroke: #fff;
}

.text-icon-link:hover svg .fill-hover-grey,
.text-icon-link:focus svg .fill-hover-grey,
.text-icon-link:active svg .fill-hover-grey,
.icon-link:hover svg .fill-hover-grey,
.icon-link:focus svg .fill-hover-grey,
.icon-link:active svg .fill-hover-grey,
.icon-text-link:hover svg .fill-hover-grey,
.icon-text-link:focus svg .fill-hover-grey,
.icon-text-link:active svg .fill-hover-grey,
.icon-list button:hover svg .fill-hover-grey,
.icon-list button:focus svg .fill-hover-grey,
.icon-list button:active svg .fill-hover-grey,
.icon-list a:hover svg .fill-hover-grey,
.icon-list a:focus svg .fill-hover-grey,
.icon-list a:active svg .fill-hover-grey {
  fill: #f3f3f3;
}

.color-code-light .text-icon-link:hover svg .fill-hover-grey,
.color-code-light .text-icon-link:focus svg .fill-hover-grey,
.color-code-light .text-icon-link:active svg .fill-hover-grey,
.color-code-light .icon-link:hover svg .fill-hover-grey,
.color-code-light .icon-link:focus svg .fill-hover-grey,
.color-code-light .icon-link:active svg .fill-hover-grey,
.color-code-light .icon-text-link:hover svg .fill-hover-grey,
.color-code-light .icon-text-link:focus svg .fill-hover-grey,
.color-code-light .icon-text-link:active svg .fill-hover-grey,
.color-code-light .icon-list button:hover svg .fill-hover-grey,
.color-code-light .icon-list button:focus svg .fill-hover-grey,
.color-code-light .icon-list button:active svg .fill-hover-grey,
.color-code-light .icon-list a:hover svg .fill-hover-grey,
.color-code-light .icon-list a:focus svg .fill-hover-grey,
.color-code-light .icon-list a:active svg .fill-hover-grey {
  fill: #AFAFAF;
}

.text-icon-link:hover svg .stroke-color-light,
.text-icon-link:focus svg .stroke-color-light,
.text-icon-link:active svg .stroke-color-light,
.icon-link:hover svg .stroke-color-light,
.icon-link:focus svg .stroke-color-light,
.icon-link:active svg .stroke-color-light,
.icon-text-link:hover svg .stroke-color-light,
.icon-text-link:focus svg .stroke-color-light,
.icon-text-link:active svg .stroke-color-light,
.icon-list button:hover svg .stroke-color-light,
.icon-list button:focus svg .stroke-color-light,
.icon-list a:active svg .stroke-color-light,
.icon-list a:hover svg .stroke-color-light,
.icon-list a:focus svg .stroke-color-light,
.icon-list a:active svg .stroke-color-light {
  stroke: #000;
}

ul.meta-list {
  margin: 2rem 0 1.5em 0;
}

.meta-list li {
  list-style-type: none;
}

  .meta-list li .meta-value {
    display: inline-block;
  }


.tpl-result.tpl-person {
  /*padding-top: 0;*/
}

.quicksearch-person-row {
  margin-bottom: 40px;
}

.letter-header h3 {
  /*border-top: 1px solid #555;*/
  line-height: 138%;
  display: none;
}

  .letter-header h3.active {
    display: block;
  }

.tpl-person h1 {
  margin-bottom: 0;
}

.main .deactive {
  cursor: default;
  text-decoration: none;
}

.main .deactive {
  color: #ddd;
}

.main.dark-view .deactive {
  color: #aaa;
}

p .label {
  font-size: 83%;
}



.tpl-person h1 + h3 {
  margin-top: 0;
}

.letter-anchors {
  list-style-type: none;
  margin: 0;
  clear: right;
  float: right;
}

.intro .letter-anchors {
  float: left;
  clear: none;
}

  .letter-anchors li {
    display: inline;
  }

.tpl-result h1,
.tpl-person h1 {
  font-weight: 400;
  margin-top: 0;
}

.text-teaser .letter-reset {
  display: none;
}

  .text-teaser .letter-reset.active {
    display: inline-block;
    opacity: .7;
  }

    .text-teaser .letter-reset.active:hover,
    .text-teaser .letter-reset.active:focus,
    .text-teaser .letter-reset.active:active {
      opacity: 1;
    }

.chapter {
  margin-bottom: 2vh;
}

  .chapter > h3 {
    margin-top: 4vh;
  }

.tpl-collection .teaser-text,
.register-container .teaser-text,
.rooms-container .teaser-text,
.tpl-person .teaser-text {
  position: static;
}

  .tpl-collection .teaser-text h3,
  .tpl-person .teaser-text h3 {
    color: #000;
    font-size: 1rem;
    margin: .6rem 0 1rem 0;
    padding: 0;
  }

.werke-infos .container-header h3,
.zugehoerige-werke-infos .container-header h3 {
  font-weight: 400;
}

.chapter a[aria-expanded="true"],
.chapter a[aria-expanded="false"] {
  font-weight: 400;
  /*background: url(/img/icons/Dropdownrotate_dark.svg) no-repeat center left;*/
  background: url(/img/icons/Dropdownright_light.svg) no-repeat center left;
  background-size: 1rem 1rem;
  padding-left: 1.5rem;
}

.chapter a[aria-expanded="true"] {
  /*background-image: url(/img/icons/Dropdown_dark.svg);*/
  background-image: url(/img/icons/Dropdown_light.svg);
}


.search-container {
  width: 100%;
  height: 90vh;
  background: #232323 url(/img/fallback/bg_suche1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.tpl-expertSearch ~ footer ~ .popover,
.layout-index .popover {
  max-width: 350px;
  z-index: 9999;
}

.layout-index .popover {
  top: 0 !important;
}


.search-container .vx {
  display: inline-block !important;
}

.search-container .v1 {
  display: none !important;
}

  .search-container.v1 .v1 {
    display: inline-block !important;
  }

  .search-container.v1 .vx {
    display: none !important;
  }

.search-container.v2 {
  background-image: url(/img/fallback/bg_suche2.png);
}

.search-container.v3 {
  background-image: url(/img/fallback/bg_suche3.png);
}

.search-container.v4 {
  background-image: url(/img/fallback/bg_suche4.png);
}

.search-container.v5 {
  background-image: url(/img/fallback/bg_suche5.png);
}

.search-container.v6 {
  background-image: url(/img/fallback/bg_suche6.png);
}

.search-container.v7 {
  background-image: url(/img/fallback/bg_suche2.png);
}

.search-container.v8 {
  background-image: url(/img/fallback/bg_suche3.png);
}

.search-container.v9 {
  background-image: url(/img/fallback/bg_suche4.png);
}

.search-container.v10 {
  background-image: url(/img/fallback/bg_suche5.png);
}

.search-container.v11 {
  background-image: url(/img/fallback/bg_suche6.png);
}

.search-container.v12 {
  background-image: url(/img/fallback/bg_suche2.png);
}

.txt-box {
  position: relative;
  padding-bottom: 1rem;
}

.tpl-detail .txt-box {
  margin-right: 2rem;
}

  .js-box-closed .txt-box p {
    /* max-height: 6.76rem; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
  }

.js-txt-box .js-readless,
.js-box-closed .js-readmore {
  line-height: 1.4;
  margin: .6rem 0;
  font-size: .83rem;
}

.js-txt-box .js-readless {
  display: inline-block;
}

.js-box-closed .js-readless {
  display: none;
}

.js-txt-box .js-readmore {
  display: none;
}

.js-box-closed .js-readmore {
  display: inline-block;
}


span.role:after {
  content: "";
  display: inline;
}

span.dating:before {
  content: "(";
  display: inline;
}

span.dating:after {
  content: ")";
  display: inline;
}

span.function:after {
  content: "";
  display: inline;
}

span.role:empty,
span.function:empty,
span.dating:empty {
  display: none;
}

a.mod-link-hover-inner *,
a.mod-link-hover,
a.mod-link {
  text-decoration: none;
  color: #000;
  display: inline-block;
  line-height: 120%;
}

a.mod-link-hover-inner h4 {
  line-height: 140%;
}

.dark-view a.mod-link-hover-inner *,
.dark-view a.mod-link-hover,
.dark-view a.mod-link {
  color: #fff;
}

a.mod-link {
  border-bottom: 1px solid #fff;
  color: #fff;
  opacity: .7;
}

a.mod-link-hover,
a.mod-link-hover-inner * {
  border-bottom: 1px solid transparent;
}

.main .letter-anchors li a.mod-link-hover,
a.mod-link-hover-inner h4 {
  border-width: 2px;
}

a.mod-link-hover-inner *:hover,
a.mod-link-hover-inner *:focus,
a.mod-link-hover-inner *:active,
a.mod-link-hover:hover,
a.mod-link-hover:focus,
a.mod-link-hover:active,
a.mod-link:hover,
a.mod-link:focus,
a.mod-link:active {
  opacity: 1;
  text-decoration: none;
}

a.mod-link-hover.js-current {
  border-bottom-color: #666;
}

.dark-view a.mod-link-hover-inner *:hover,
.dark-view a.mod-link-hover-inner *:focus,
.dark-view a.mod-link-hover-inner *:active,
.dark-view a.mod-link-hover:hover,
.dark-view a.mod-link-hover:focus,
.dark-view a.mod-link-hover:active,
.dark-view a.mod-link:hover,
.dark-view a.mod-link:focus,
.dark-view a.mod-link:active {
  color: inherit;
}

.container-header {
  height: fit-content;
  max-height: 90px;
}

  .container-header h3 {
    padding-top: 70px;
    margin-top: 0;
  }

.chapter .container-header h3 a {
  text-transform: uppercase;
}


.meta-label {
  font-size: .78rem;
  display: block;
  font-weight: 400;
  opacity: .7;
}

.meta-value {
  display: block;
  padding-bottom: 4px;
}


.gallery-passepartout {
  margin-top: 1rem;
  /*margin-top: 3rem;*/
}

.browser--list {
  float: right;
  min-height: 35px;
  display: inline-block;
}

  .browser--list[data-count="0"],
  .browser--list[data-count="1"],
  .browser--list[data-count="2"],
  .browser--list[data-count="3"],
  .browser--list[data-count="4"],
  .browser--list[data-count="5"],
  .browser--list[data-count="6"] {
    display: none;
    cursor: default;
  }

.tpl-detail .browser--list[data-count="0"],
.tpl-detail .browser--list[data-count="1"],
.tpl-detail .browser--list[data-count="2"],
.tpl-detail .browser--list[data-count="3"],
.tpl-detail .browser--list[data-count="4"],
.tpl-detail .browser--list[data-count="5"],
.tpl-detail .browser--list[data-count="6"] {
  display: inline-block;
  opacity: 0;
}

  .tpl-detail .browser--list[data-count="0"] button,
  .tpl-detail .browser--list[data-count="1"] button,
  .tpl-detail .browser--list[data-count="2"] button,
  .tpl-detail .browser--list[data-count="3"] button,
  .tpl-detail .browser--list[data-count="4"] button,
  .tpl-detail .browser--list[data-count="5"] button,
  .tpl-detail .browser--list[data-count="6"] button {
    cursor: default;
  }


.gallery-passepartout .objrel-teaser {
  display: none;
}

  .rooms-container .objrel-teaser .teaser-img img,
  .register-container .objrel-teaser .teaser-img img,
  .gallery-passepartout .objrel-teaser .teaser-img img {
    max-height: calc(16.6vh * 9/6);
    height: 20vh;
    object-fit: contain;
    object-position: center center;
    transition-duration: .25s;
  }

    .rooms-container .objrel-teaser .teaser-img img + .more-link,
    .register-container .objrel-teaser .teaser-img img + .more-link,
    .gallery-passepartout .objrel-teaser .teaser-img img + .more-link {
      display: none;
    }



  .rooms-container .objrel-teaser .teaser-text h4,
  .register-container .objrel-teaser .teaser-text h4,
  .gallery-passepartout .objrel-teaser .teaser-text h4 {
    background: transparent;
    /*color: #000;*/
    padding: .8rem 0;
    text-align: center;
    /*color: #fff;*/
    color: inherit;
    line-height: 1.1;
  }

.layout-index .rooms .intro h4 {
  line-height: 1.1;
}


.register-container .objrel-teaser .teaser-text h4 {
  opacity: .8;
}

.register-container .objrel-teaser a:hover .teaser-text h4,
.register-container .objrel-teaser a:focus .teaser-text h4,
.register-container .objrel-teaser a:active .teaser-text h4 {
  opacity: 1;
}

.gallery-passepartout .objrel-teaser:nth-of-type(1),
.gallery-passepartout .objrel-teaser:nth-of-type(2),
.gallery-passepartout .objrel-teaser:nth-of-type(3),
.gallery-passepartout .objrel-teaser:nth-of-type(4),
.gallery-passepartout .objrel-teaser:nth-of-type(5),
.gallery-passepartout .objrel-teaser:nth-of-type(6) {
  display: block;
}

/*.gallery-passepartout .objrel-teaser:nth-of-type(6) .teaser-img img{
    opacity: 0;
}

.gallery-passepartout.all-objects .objrel-teaser:nth-of-type(6) .teaser-img img {
    opacity: 1;
}

.gallery-passepartout.all-objects .objrel-teaser {
    display: block !important;
}

.gallery-passepartout.all-objects .objrel-teaser:last-of-type .teaser-img .more-link,
.gallery-passepartout .objrel-teaser:nth-of-type(6) .teaser-img .more-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: #555;
    z-index: 100;
}*/

.gallery-passepartout.all-objects .objrel-teaser:nth-of-type(6) .teaser-img .more-link {
  display: none;
}

.gallery-passepartout .objrel-teaser .teaser-img .more-link .more-txt,
.gallery-passepartout.all-objects .objrel-teaser .teaser-img .more-link .less-txt {
  display: block;
  text-align: center;
  padding-top: 45%;
}

.gallery-passepartout .objrel-teaser .teaser-img .more-link .less-txt,
.gallery-passepartout.all-objects .objrel-teaser .teaser-img .more-link .more-txt {
  display: none;
}

#expertensuche:focus-visible {
  outline: transparent auto 0px;
}


.intro .js-rooms-list p {
  font-size: 1rem;
}


h1 span.subject-list {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 300;
  padding-bottom: .7rem;
}

.subject-entry {
  display: inline-block;
  color: /*rgba(255,255,255,.7);*/ inherit;
  opacity: .7;
}

.subject-entry * {
	opacity: 1;
}

.more-subjects {
  display: none;
}

span.subject-entry ~ span.subject-entry ~ span.subject-entry ~ span.subject-entry {
  display: none;
}

  span.subject-entry ~ span.subject-entry ~ span.subject-entry ~ span.subject-entry ~ .more-subjects {
    display: inline-block;
  }





.tpl-topic-detail .single-passepartout .teaser {
  display: none;
}

  .tpl-topic-detail .single-passepartout .teaser:nth-child(1) {
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }

  .tpl-topic-detail .single-passepartout .teaser:nth-child(2) {
    display: block;
    position: absolute;
    left: 150vw;
    top: 0;
  }

.browsing-container .passepartout,
.discover-container .passepartout {
  /*height: 100vh;*/
  height: 700px;
}

.tpl-topic-list .teaser img,
.tpl-topic-list .teaser picture,
.slider-news-container img.w-100,
.news-teaser .teaser-img img {
  object-fit: cover;
}

.news-teaser .teaser-img img {
  height: auto;
  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 575px) {


  .tpl-topic-list .teaser img {
    height: calc(49.8vw * 6/9);
  }
}

@media screen and (min-width: 850px) {


  .tpl-topic-list .teaser img {
    height: calc(24vw * 6/9);
  }
}


@media screen and (min-width: 1800px) {

  /*3er
  .news-teaser .teaser-img img {
    height: 491px;
  }
  */
  .news-container .passepartout .intro {
    padding-top: 14vh;
  }
  /*4er*/
  .tpl-topic-list .teaser picture,
  .tpl-topic-list .teaser img {
    height: 242px;
  }
}

h1, h2.h1, .news-container .intro h3, .rooms-container h3 {
  font-weight: 400;
  font-size: 1.6rem;
}

.teaser h5,
.teaser h4,
.teaser h3 {
  font-weight: 400;
  font-size: 1rem;
  background: rgba(35,35,35,.4);
  color: #fff;
  padding: .8rem 1rem;
  margin: 0;
  "
}

.teaser h4, #objects .teaser h5, .table * {
  font-size: .88rem;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

  .table th, .table td {
    text-align: left;
    vertical-align: top;
    padding: 1em .5em 1em 0;
  }

  .table th {
    opacity: .7;
  }

.col-objects.col-8 .td-iv,
.col-objects.col-8 .td-dm,
.col-objects.col-8 .td-mat {
  display: none;
}

.td-tt a {
  display: block;
}

@media (min-width:1200px) {
  .table td.td-ps {
    min-width: 9em;
  }
}

.table td img {
  max-width: 82px;
  object-fit: contain;
  object-position: top left;
  margin-right: 10px;
}

.teaser .teaser-text-right h3,
.teaser .teaser-text-right h4,
.teaser .teaser-text-right h5 {
  background: transparent;
  color: #000;
  padding-left: 0;
}

.tpl-topic-list .topic-teaser {
  display: none;
}

.tpl-topic-list [data-type^="WebDBProjekt-MdbK-Thema"] {
  display: block
}

.main-expert .input-group,
.main-index .input-group {
  position: relative;
  flex-wrap: nowrap;
  flex-basis: fit-content;
  width: fit-content;
  margin: auto;
}

/*.main-expert .input-group:before,
.main-expert .input-group:after,
.main-index .input-group:before,
.main-index .input-group:after{
    display: inline-block;
    position: absolute;
    top: 0;
    bottom:0;
    width: .5rem;
    content: "";
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.main-expert .input-group:before,
.main-index .input-group:before {
    left: -1px; 
    border-left: 2px solid #fff;
}


.main-expert .input-group:after,
.main-index .input-group:after{
    right: -1px;
    border-right: 2px solid #fff;
}*/

#volltextsuche {
  background: rgba(0, 0, 0, .2);
  border: 3px solid #fff;
  box-shadow: none;
  font-weight: 400;
  font-size: 1.6rem;
  padding-top: .6rem;
  padding-bottom: .6rem;
  color: #fff;
  width: 460px;
  max-width: calc(100% - 58px);
  flex: 0 1 auto;
  opacity: .7;
  border-radius: 0;
}

@media screen and (max-width:800px) {
	#volltextsuche {
		width: calc(100% - 58px);
	}
	
	.search-container form {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width:850px) {
   .layout-index .popover {
    left: 5px !important;
	width: 300px;
	max-width: 70vw;
    }
	.layout-index .popover {
		font-size: .68rem;
	}
}


  #volltextsuche:focus,
  #volltextsuche:active,
  #volltextsuche:focus {
    opacity: 1;
  }

  #volltextsuche::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
  }

  #volltextsuche::-ms-input-placeholder { /* Edge 12 -18 */
    color: #fff;
  }


.main-index .input-group .btn-outline-secondary {
  border: 3px solid #fff;
  border-radius: 0;
  border-left-width: 0;
  background: rgba(0, 0, 0, .2);
  opacity: .7;
}


.main-index .btn-outline-secondary:not(:disabled):not(.disabled):active,
.main-index .btn-outline-secondary:focus,
.main-index .btn-outline-secondary:hover,
.main-index .btn-outline-secondary:active {
  background: rgba(0, 0, 0, .2);
  opacity: 1;
  border-color: #fff;
  box-shadow: none;
}

.header-teaser.teaser {
  margin-bottom: 0;
}

#section_1 {
  background: #f3f3f3;
  color: #000;
}

  #section_1 h3 {
    font-size: 1.3rem;
    margin-top: 0;
    padding-top: 0;
  }

#section_2 h4 {
  font-size: 1.15rem;
  margin-top: 0;
  padding-top: 0;
}

#section_3 h4,
#section_3 p,
#section_3 .js-toggle-long-txt-teaser {
  font-size: .88rem;
}

#section_1 p,
#section_2 p,
#section_3 p,
#section_1 .text-wrapper,
#section_2 .text-wrapper,
#section_3 .text-wrapper {
  margin-top: 0;
  line-height: 130%;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -ms-hyphenate-limit-chars: 10 3 4;
  hyphenate-limit-chars: 10 3 4;
}

#section_2 p,
#section_2 .js-toggle-long-txt-teaser {
  font-size: .92rem;
}

#section_1 p,
#section_2 p,
#section_3 p {
  padding-right: 15px;
}

#section_2 {
  color: #000;
}

  #section_1 .passepartout,
  #section_2 .passepartout,
  #section_3 .passepartout {
    padding-bottom: 10px;
  }

.tpl-topic-detail .teaser.js-browse__item {
  margin-top: 10px;
}

.header-teaser.teaser .teaser-headertext {
  max-height: 8.6em;
  overflow: hidden;
  position: relative;
  line-height: 146%;
  background: radial-gradient(at center, #00000012, #00000000);
}

.more-headertext .header-teaser.teaser .teaser-headertext {
  max-height: none;
}

.browsing-container {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

  .browsing-container .viewport-container:after,
  .browsing-container .viewport-container:before {
    display: block;
    content: "";
    position: absolute;
    background: #fff;
    opacity: .7;
  }

  .browsing-container .viewport-container:after {
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
  }

  .browsing-container .viewport-container:before {
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    bottom: 0;
  }

h2, h3, h4 {
  font-weight: 400;
}

.browsing-container .col-12 {
  min-height: 85vh;
}

.bg-round {
  position: absolute;
  z-index: 0;
}

.browsing-container .browsing-content,
.browsing-container h3 {
  position: relative;
  z-index: 1;
}


p.copy {
  font-size: .82rem;
  padding: 0;
  margin-top: .5em;
}

#full-page {
  z-index: 30000;
}

  #full-page .navbar-toggler,
  .modal__body,
  #full-page {
    background: #232323;
  }

    #full-page .navbar-toggler {
      color: #fff;
    }

    #full-page .modal-dialog {
      max-width: 100vw;
      margin: 0;
    }

.sharer {
  position: relative;
  display: inline-block;
  z-index: 99;
}

.js-zoom-img-klick {
  cursor: zoom-in;
}



.popover-header {
  margin: 0;
}

.popover {
  top: -50px !important;
}

.media-viewport-controls .info-link {
  margin-right: 20px;
}

.layout-index .media-viewport-controls .info-link {
  margin-right: 0;

}

.layout-index .media-viewport-controls.icon-list {
    position: absolute;
    bottom: 10px;
    right: 60px;
    height: 45px;
    width: 45px;
}

.layout-index .media-viewport-controls .info-link {
    width: 45px;
    height: 45px;
    position: absolute;
    margin: 0;
	right: -5px;
}

@media screen and (max-width: 1199px) {
.layout-index .media-viewport-controls .info-link {
	right: 10px;
}
}

.media-viewport-controls.icon-list > li > a,
.media-viewport-controls.icon-list > li > button {
  padding-left: 3px;
  padding-right: 3px;
}

.sharer ul.share-media-icons {
  position: absolute;
  top: 35px;
  width: 55px !important;
  left: -10px;
  list-style-type: none;
  padding: 0;
  list-style-position: inside;
  display: inline-block;
  margin: 0;
  text-align: center;
}

  .sharer ul.share-media-icons li {
    padding: 0 0 .4rem 0;
    display: inline-block;
    margin: 0;
  }

#copyTarget {
  width: 1px;
  height: 1px;
  background: transparent;
  border: 0 none;
  padding: 0;
  font-size: .1rem;
  min-height: 0;
  position: absolute;
  overflow: hidden;
}

.copied {
  position: absolute;
  opacity: 0;
  right: 1em;
  bottom: 45px;
  font-size: .72rem;
  color: #fff;
  width: 200px;
}


  .copied.blinker {
    animation: blink .8s linear;
  }

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .6;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.short-infos .sm-4 p {
  padding-left: 20px;
}


@media print {

  .meta-controls,
  .row-middle,
  #kurzinfos,
  .row-meta h1,
  .js-readmore,
  .js-readless,
  .container-header,
  .zugehoerige-werke-infos,
  .media-viewport-controls,
  .mobile-meta-controls {
    display: none !important;
  }

  h1, p, li, span, strong, .main.tpl-detail a, .chapter a[aria-expanded="true"] {
    color: #000 !important;
    background: transparent;
  }

  .print-only h1 {
    text-align: left;
  }

  .meta-label {
    font-size: 9pt;
  }

  .meta-value {
    font-size: 12pt;
  }

  .logo.navbar-brand {
    position: absolute;
    top: 0;
    right: 0;
  }

  p + p {
    margin-top: 6pt;
  }

  .collapse:not(.show) {
    display: block !important;
  }

  body, html, .main.tpl-detail {
    background: transparent;
  }

  .media-container-wrapper {
    border: 0 none;
  }

  .row-meta h1 {
    text-align: left;
  }

  .container.viewport-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    margin: 0;
  }


    .container.viewport-container.obj-infos {
      clear: both;
    }

  .viewport-container.media-viewport {
    width: 35vw;
    margin: 0 auto 20pt;
    max-width: 35vw;
    min-width: 35vw !important;
  }

  .bottom-media img {
    width: 35vw;
    height: auto;
  }

  .bottom-media p {
    width: 35vw;
  }

  .js-box-closed .txt-box {
    max-height: none;
    display: block;
  }

  .viewport-container.short-infos {
    border-top: 1px solid #ddd;
    padding-top: 20pt;
  }

  .viewport-container.header-viewport {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10pt;
  }

  .viewport-container.media-viewport .row,
  .viewport-container.media-viewport .col-lg-10 {
    display: block;
    width: 100%;
  }
}

.tpl-error * {
  color: #fff;
}

.tpl-result .form-select {
  background: inherit;
  color: inherit;
  border: 1px solid #232323;
  border-bottom-color: #fff;
  padding: .3rem 0;
  float: right;
  font-size: .88rem;
  font-family: acumin-pro, os_regular, Open Sans, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}


  .tpl-result .form-select option {
    color: #fff;
    background: #232323;
    padding-top: .3rem;
  }

span.date-spacer {
  letter-spacing: .005em;
}

  span.date-spacer .dot {
    display: inline-block;
    padding-right: .05em;
    padding-left: .01em;
  }

.nav-pills .nav-link {
  text-decoration: none;
  color: #000;
}

  .nav-pills .nav-link:hover,
  .nav-pills .nav-link:focus,
  .nav-pills .nav-link:active {
    text-decoration: underline;
    opacity: .7;
  }

.nav-pills .nav-item:first-child .nav-link {
  margin-left: 0;
  padding-left: 0;
}

.nav-pills .nav-link.active {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
  cursor: default;
  opacity: 1;
}

ul.nav-pills {
  margin: 0 0 1vh 0;
}

.layout-index .intro {
  margin: 0 0 2rem;
}

.layout-index .rooms .intro {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

  .layout-index .rooms .intro h3,
  .layout-index .register-current h4,
  .layout-index .rooms .intro h4 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 4;
    -ms-hyphenate-limit-chars: 10 3 4;
    hyphenate-limit-chars: 10 3 4;
  }

.news-container,
.rooms-container .passepartout,
.search-container,
.discover-container .passepartout {
  /*min-height: 700px;*/
  min-height: 90vh;
}

.text-container {
  padding-bottom: 3rem;
}

.register-container .passepartout {
  min-height: 90vh;
}

.tpl-expertSearch .search-container {
  height: 70vh;
  min-height: 70vh;
}

.register-container .passepartout .teaser {
  margin-bottom: 0;
}

.viewport-container.short-infos {
  margin-top: 3rem;
}

.container.viewport-container.live-container {
  position: relative;
  display: flex;
  justify-content: left;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: start;
}

.tpl-topic-detail .single-passepartout .live-container .teaser {
  white-space: normal;
  display: none;
  top: 0;
  width: 50%;
  max-width: 40vw;
}

.tpl-topic-detail #section_1 .single-passepartout .live-container .teaser {
  width: 50%;
  transition: filter 500ms;
  min-width: 45vw;
}

.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser {
  width: 35%;
  transition: filter 500ms;
  min-width: 33vw;
}

.tpl-topic-detail .single-passepartout .live-container .teaser .teaser-img-left {
  position: relative;
  overflow: hidden;
}

.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser .teaser-img-left {
  /* min-height: 23vh;*/
}


.tpl-topic-detail #section_3 .teaser-img-wrapper img {
  color: red;
  font-size: .78rem;
  font-weight: bold;
  text-transform: uppercase;
  background: rgba(0,0,0,.15);
  object-fit: cover;
  object-position: center;
}

.tpl-topic-detail .single-passepartout .live-container .teaser .teaser-img-left img {
  color: red;
  font-size: .78rem;
  font-weight: bold;
  text-transform: uppercase;
  background: rgba(0,0,0,.15);
  object-fit: cover;
  object-position: center;
  aspect-ratio: 6 / 3.5;
}

.tpl-topic-detail #section_3 .teaser-img-wrapper img {
  aspect-ratio: 6 / 6;
}

.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser .teaser-img-left img {
  aspect-ratio: 6 / 4.5;
}


.tpl-topic-detail .single-passepartout .live-container .teaser:nth-child(1) {
  display: block;
  position: relative;
  left: 0;
}

.tpl-topic-detail .single-passepartout .live-container .teaser:nth-child(2),
.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser:nth-child(3) {
  display: block;
  left: 0;
  filter: grayscale(80%);
  opacity: .5;
}

  .tpl-topic-detail .single-passepartout .live-container .teaser:nth-child(2):hover,
  .tpl-topic-detail #section_2 .single-passepartout .live-container .teaser:nth-child(3):hover {
    filter: none;
    opacity: 1;
  }

.tpl-topic-detail #section_1 .single-passepartout .live-container .teaser:nth-child(2) {
  left: 0;
  position: relative;
}

.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser:nth-child(2) {
  left: 0;
  position: relative;
}

.tpl-detail .passepartout {
  padding-top: 50px;
}

.tpl-topic-detail #section_1 .single-passepartout .live-container .teaser:nth-child(2) .teaser-text-right {
  /*display: none;*/
}

.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser:nth-child(3) {
  display: block;
  position: relative;
  left: 0;
}


.tpl-topic-detail .js-browse__item {
  cursor: pointer;
}

  .tpl-topic-detail .js-browse__item:first-child {
    cursor: default;
  }

.main .letter-anchors li a {
  text-decoration: none;
  margin: .25em .5em .25em 0;
  width: 1em;
  text-align: center;
}

  .main .letter-anchors li a:hover,
  .main .letter-anchors li a:focus,
  .main .letter-anchors li a:active,
  .main.tpl-result.tpl-person .text-teaser a:hover h4,
  .main.tpl-result.tpl-person .text-teaser a:focus h4,
  .main.tpl-result.tpl-person .text-teaser a:active h4 {
    /*text-decoration: underline;*/
  }

  .main .letter-anchors li a.deactive:hover,
  .main .letter-anchors li a.deactive:focus,
  .main .letter-anchors li a.deactive:active {
    /*text-decoration: none;*/
  }

.main.tpl-result.tpl-person .text-teaser h4 {
  font-size: 1.335rem;
}

svg text {
  font-size: 31px;
  fill: #fff;
  font-family: arial;
}

button:hover svg text,
button:focus svg text,
button:active svg text {
  fill: #000;
}

.modal__content #pan-left {
  bottom: 0;
  left: -40px;
}

.modal__content #pan-right {
  bottom: 0;
  left: 0;
}

.modal__content #pan-top {
  bottom: 0;
  left: 40px;
}

.modal__content #pan-bottom {
  bottom: 0;
  left: 80px;
}


@media (min-width: 1200px) {
  .modal__content #pan-left {
    bottom: 0;
    left: -40px;
  }
}

@media (min-width: 1200px) {
  .modal__content #pan-top {
    bottom: 0;
    left: 40px;
  }
}


@media (min-width: 1200px) {
  .modal__content #pan-bottom {
    bottom: 0;
    left: 80px;
  }
}

p.wirkungsort + p.wirkungsort,
p.wirkungsdaten + p.wirkungsdaten {
  /*margin-top: 0;*/
}

  p.wirkungsdaten + p.wirkungsdaten .dating-label {
    opacity: 0;
  }

  p.wirkungsort + p.wirkungsort .meta-label {
    display: none;
  }

.register-container,
.rooms-container,
.news-container,
.text-container {
  background: #f3f3f3;
  color: #000;
}

  .register-container.color-code-dark,
  .rooms-container.color-code-dark,
  .news-container.color-code-dark,
  .text-container.color-code-dark {
    background: #232323;
    color: #fff;
  }

  .rooms-container .teaser h5,
  .rooms-container .teaser h4,
  .rooms-container .teaser h3 {
    background: transparent;
    color: inherit;
  }

  .register-container.color-code-dark a,
  .register-container.color-code-dark .nav-pills .nav-link.active {
    color: inherit;
  }

  .text-container h3,
  .text-container p {
    line-height: 100%;
    position: relative;
    display: inline-block;
    
  }

  .text-container p {
    line-height: 120%;
    font-size: 1.2rem;
  }

  .text-container h3 {
    /*text-transform: uppercase;*/
    font-size: 1.6rem;
  }

  .text-container p a .text {
    opacity: .8;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    display: inline-block;
    font-size: 1.2rem;
  }

  .text-container.color-code-light p a .text {
    color: #000;
    border-color: #000;
  }

  .text-container.color-code-dark p a .text {
    color: #fff;
    border-color: #fff;
  }

  .text-container p a:hover .text,
  .text-container p a:focus .text,
  .text-container p a:active .text {
    opacity: 1;
  }

  .text-container.color-code-light p a:hover .text,
  .text-container.color-code-light p a:focus .text,
  .text-container.color-code-light p a:active .text {
  }

  .text-container.color-code-dark p a:hover .text,
  .text-container.color-code-dark p a:focus .text,
  .text-container.color-code-dark p a:active .text {
    border-color: #fff;
  }

  .news-container.slider-news-container {
    min-height: 75vh;
    display: block;
  }

  .news-container .passepartout {
    /*min-height: 75vh;
    display: block;
    padding-top: 6vh;
    padding-top: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vh 0 3vh;
    min-height: 90vh;
  }

    .news-container .passepartout .intro {
      padding-top: 14vh;
      padding: 0;
      margin: 0;
      /* margin-bottom: auto; */
      height: fit-content;
      width: 100%;
    }

  .news-container.slider-news-container .passepartout .intro {
    /*padding-top: 6vh;*/
    padding-top: 0;
  }
.navbar-expand-lg .navbar-nav.ml-auto .nav-link,
.navbar-expand-md .navbar-nav.ml-auto .nav-link {
  padding-right: 2px;
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .news-container, .rooms-container .passepartout, .text-container, .search-container, .discover-container .passepartout {
    min-height: fit-content;
    height: fit-content;
  }

    .news-container .passepartout {
      min-height: fit-content;
      padding-top: 6vh;
      padding-bottom: 6vh;
    }

      .news-container .passepartout .intro {
        padding-top: 2vh;
      }

  .search-container {
  }

    .search-container .col-md-8 {
      padding-top: 6vh !important;
      padding-bottom: 6vh;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

@media (min-width: 2200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1600px;
  }

  body {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 3000px) {
  body {
    font-size: 1.6rem;
  }

  .news-container, .rooms-container .passepartout, .text-container, .search-container, .discover-container .passepartout, .news-container .passepartout {
    min-height: fit-content;
    max-height: 800px;
  }
}


.register-container.color-code-dark .teaser a,
.main.tpl-werke .teaser a,
.main.tpl-werke .teaser a,
.main.tpl-detail .teaser a {
  color: #fff;
  opacity: .7;
}

.main.tpl-detail .js-all-link .teaser a img {
  opacity: 0;
}

.main.tpl-detail .js-all-link .teaser a strong {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  font-size: .88rem;
  font-weight: 400;
}

.main.tpl-detail .js-all-link .teaser span {
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(255,255,255,.8);
  display: inline-block;
  width: fit-content;
  margin: 0 auto;
}

.main.tpl-werke .teaser a:hover,
.main.tpl-werke .teaser a:focus,
.main.tpl-werke .teaser a:active,
.register-container.color-code-dark .teaser a:hover,
.register-container.color-code-dark .teaser a:focus,
.register-container.color-code-dark .teaser a:active,
.main.tpl-werke .teaser a:hover,
.main.tpl-werke .teaser a:focus,
.main.tpl-werke .teaser a:active,
.main.tpl-detail .teaser a:hover,
.main.tpl-detail .teaser a:focus,
.main.tpl-detail .teaser a:active {
  color: #fff;
  opacity: 1;
}

main.tpl-werke h1 {
  padding: .25rem 1.5rem .1rem 0;
  min-height: 36px;
  font-size: .88rem;
  line-height: 1.5em;
  font-weight: 400;
  font-size: 1rem;
}

.clearer {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
}

.mdbk-form-label-group {
  position: relative;
  margin-bottom: 1rem;
  clear: both;
}

  .mdbk-form-label-group > input,
  .mdbk-form-label-group > label {
    padding: .375rem .75rem;
  }


  .mdbk-form-label-group .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border-style: solid;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-color: #fff;
    color: #fff;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  .mdbk-form-label-group .form-select {
    width: 100%;
    padding: .375rem .75rem;
  }

  .mdbk-form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #fff;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
  }

  .mdbk-form-label-group input::-webkit-input-placeholder {
    color: transparent;
  }

  .mdbk-form-label-group input:-ms-input-placeholder {
    color: transparent;
  }

  .mdbk-form-label-group input::-ms-input-placeholder {
    color: transparent;
  }

  .mdbk-form-label-group input::-moz-placeholder {
    color: transparent;
  }

  .mdbk-form-label-group input::placeholder {
    color: transparent;
  }

  .mdbk-form-label-group input:not(:placeholder-shown) {
    padding-top: calc(.75rem + .75rem * (2 / 3));
    padding-bottom: calc(.75rem / 3);
  }

    .mdbk-form-label-group input:not(:placeholder-shown) ~ label {
      padding-top: calc(.75rem / 3);
      padding-bottom: calc(.75rem / 3);
      font-size: .69rem;
      color: #888;
    }


#section_3 .teaser .teaser-img-wrapper {
  aspect-ratio: 5 / 5;
  min-height: auto;
}




.header-teaser .arrow-footer {
  background: transparent;
}

#objects .arrow-footer,
#section_3 .arrow-footer,
#section_2 .arrow-footer,
.header-teaser .arrow-footer {
  position: absolute;
  bottom: -1px;
  top: auto;
  left: 50%;
  transform: translate(-50%, 0);
  height: 30px;
  z-index: 99;
  max-width: 1650px;
  width: 100%;
  padding-left: 68px;
  padding-right: 68px;
  overflow: visible;
}

#objects,
#section_2,
#section_3 {
  position: relative;
  overflow-x: hidden;
}

  #objects .arrow-footer,
  #section_3 .arrow-footer,
  #section_2 .arrow-footer {
    bottom: -1px;
    top: -1px;
  }


    #objects .arrow-footer:before,
    #section_2 .arrow-footer:before,
    #section_3 .arrow-footer:before,
    .header-teaser .arrow-footer:before {
      left: 0%;
      width: 105px;
    }

    #objects .arrow-footer:after,
    #section_2 .arrow-footer:after,
    #section_3 .arrow-footer:after,
    .header-teaser .arrow-footer:after {
      left: 100px;
      width: 400%;
    }

    #objects .arrow-footer:before,
    #objects .arrow-footer:after,
    #section_2 .arrow-footer:before,
    #section_2 .arrow-footer:after,
    #section_3 .arrow-footer:before,
    #section_3 .arrow-footer:after,
    .header-teaser .arrow-footer:before,
    .header-teaser .arrow-footer:after {
      padding-bottom: 30px;
    }

.header-teaser .arrow-footer:before,
.header-teaser .arrow-footer:after {
  background: #f3f3f3;
}

.header-teaser .left-corner {
  position: absolute;
  left: -2000px;
  width: 2000px;
  height: 30px;
  bottom: 0;
  z-index: 100;
  display: block;
}

.header-teaser .left-corner {
  background-color: #f3f3f3;
}

#section_2 .left-corner {
}

.right-corner {
  display: none;
}

#section_1 .live-container .teaser,
#section_2 .live-container .teaser,
#section_3 .live-container .teaser {
  margin-bottom: 2rem;
}

#section_1 .teaser.long-txt-teaser p,
#section_2 .teaser.long-txt-teaser p,
#section_3 .teaser.long-txt-teaser p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#section_1 .teaser.long-txt-teaser .modal-body p,
#section_2 .teaser.long-txt-teaser .modal-body p,
#section_3 .teaser.long-txt-teaser .modal-body p {
  overflow: unset;
  display: block;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
}

#section_2 .left-corner {
  height: 28px;
  width: 63px;
  background: #f3f3f3;
}

#objects .left-corner {
  width: 64px;
  height: 28px;
  background: red;
}

#section_1 ~ #section_2 ~ #objects .arrow-footer,
#section_1 ~ #section_2 ~ #section_3.hidden ~ #objects .arrow-footer {
  background-color: #232323;
}

#section_1 ~ #section_2 ~ #objects .left-corner,
#section_1 ~ #section_2 ~ #section_3.hidden ~ #objects .left-corner {
  background: #afafaf;
}

#section_2 .arrow-footer,
#section_2.hidden + #section_3 .arrow-footer {
  background-color: #afafaf;
}

#section_1 ~ #objects .arrow-footer,
#section_1 ~ #section_2.hidden ~ #objects .arrow-footer,
#section_1 ~ #section_2.hidden ~ #section_3.hidden ~ #objects .arrow-footer {
  background-color: #232323;
}

#section_1 ~ #objects .left-corner,
#section_1 ~ #section_2.hidden ~ #objects .left-corner,
#section_1 ~ #section_2.hidden ~ #section_3.hidden ~ #objects .left-corner {
  background: #f3f3f3;
}



.modal-body .js-toggle-long-txt-teaser {
  display: none !important;
}

.teaser p + .js-toggle-long-txt-teaser .less,
.teaser.long-txt-teaser p + .js-toggle-long-txt-teaser .more {
  display: inline-block;
}

.teaser p + .js-toggle-long-txt-teaser .more,
.teaser.long-txt-teaser p + .js-toggle-long-txt-teaser .less {
  display: none;
}

#section_1 .teaser p + a.js-toggle-long-txt-teaser,
#section_2 .teaser p + a.js-toggle-long-txt-teaser {
  color: #000;
}

  #section_1 .teaser p + a.js-toggle-long-txt-teaser span,
  #section_2 .teaser p + a.js-toggle-long-txt-teaser span,
  #section_3 .teaser p + a.js-toggle-long-txt-teaser span {
    border-bottom: 1px solid #000;
    padding-bottom: .1rem;
    padding-top: .4rem;
    line-height: 1rem;
  }

#section_3 .teaser p + a.js-toggle-long-txt-teaser span {
  border-color: #fff;
}

#section_3 .teaser p + a.js-toggle-long-txt-teaser {
  color: #fff;
}

#section_3 .js-browse__item:nth-child(1) p,
#section_3 .js-browse__item:nth-child(1) h4,
#section_3 .js-browse__item:nth-child(2) p,
#section_3 .js-browse__item:nth-child(2) h4 {
  color: #fff !important;
}

.tpl-topic-detail .container.viewport-container.live-container {
  overflow: hidden;
}

#section_3 .row.js-live-container {
  flex-wrap: nowrap;
}

.expertsearch-container {
  padding-top: 2vh;
  color: #fff;
}

  .expertsearch-container a {
    color: inherit;
  }

  .expertsearch-container .btn-group {
    display: block;
  }

.expert-row {
  /*margin-top: .5rem;*/
}

  .expert-row.btn-row {
    margin-top: 1.5rem;
  }

  .expert-row .btn-primary {
    color: #fff;
    background-color: #555;
    border-color: #555;
    border-radius: 35px;
    font-size: .88rem;
    padding: .1rem .675rem;
  }


    .expert-row .btn-primary:hover,
    .expert-row .btn-primary:focus,
    .expert-row .btn-primary:active,
    .expert-row .btn-primary:not(:disabled):not(.disabled):active {
      color: #555;
      background: #fff;
      border-color: #fff;
    }

  .expert-row.col-type,
  .expert-row.col-gender {
    display: none;
  }


.bc-timeline {
  /*background: #2e2a29;*/
  color: #edeae3;
}


.dsPromptTimeline {
  font-style: normal;
  font-weight: 400;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding: 0;
  isolation: isolate;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dsPromptTimeline__origin {
  position: relative;
  width: 100%
}

.dsPromptTimeline__graph {
  position: relative;
  font-size: 12px;
  letter-spacing: .5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 90px;
  /*border-bottom: 1px solid rgba(237, 234, 227, .35)*/
}

@media (min-width: 1400px) {
  .dsPromptTimeline__graph {
    font-size: 14px;
    letter-spacing: .3px
  }
}

.dsPromptTimeline__graph .century {
  position: relative;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-left: 1px solid rgba(237, 234, 227, .35);
  color: rgba(237, 234, 227, .5);
  cursor: default;
  -webkit-transition: background 200ms, color 200ms;
  transition: background 200ms, color 200ms
}

/*.dsPromptTimeline__graph .century:hover {
        background: rgba(237, 194, 95, .25);
        color: #edc25f
    }*/

.dsPromptTimeline__graph .label {
  position: absolute;
  top: 6px;
  left: 4px;
  white-space: nowrap
}

.dsPromptTimeline__graph .decade {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: rgba(255, 255, 255, .7);
  height: 0;
  transition: height 1s ease-in-out .3s;
}

@media (max-width: 767.98px) {
  .dsPromptTimeline__graph .century {
    color: transparent
  }
}

.dsPromptTimeline__selection {
  position: absolute;
  top: 35px;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none
}

  .dsPromptTimeline__selection::before {
    position: absolute;
    right: 6px;
    bottom: -1px;
    left: 6px;
    content: "";
    display: block;
    border-bottom: 3px solid #edc25f
  }

  .dsPromptTimeline__selection::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 194, 95, 0)), to(rgba(237, 194, 95, 0.35)));
    background: linear-gradient(to bottom, rgba(237, 194, 95, 0), rgba(237, 194, 95, 0.35));
    opacity: 0;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms
  }

  .dsPromptTimeline__selection.hasValue {
    cursor: ew-resize;
    pointer-events: auto
  }

    .dsPromptTimeline__selection.hasValue::after {
      opacity: 1
    }

.dsPromptTimeline__selectionHandle {
  position: absolute;
  top: 0;
  bottom: -7px;
  width: 15px;
  z-index: 2;
  pointer-events: auto
}

  .dsPromptTimeline__selectionHandle::before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #edeae3;
    border-radius: 7.5px
  }

  .dsPromptTimeline__selectionHandle:first-child {
    left: -7.5px;
    cursor: w-resize
  }

  .dsPromptTimeline__selectionHandle:last-child {
    right: -7.5px;
    cursor: e-resize
  }

.dsPromptTimeline__selectionButton {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -30px 0 0 -16px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  visibility: hidden
}

*:hover > .dsPromptTimeline__selectionButton {
  opacity: 1
}

.hasValue > .dsPromptTimeline__selectionButton {
  visibility: unset
}

.dsPromptTimeline__selectionButton svg {
  display: block;
  width: 32px;
  height: 32px
}

.dsPromptTimeline__selectionButton use:last-child {
  visibility: hidden
}

.dsPromptTimeline.isZoomed .dsPromptTimeline__selectionButton use:first-child {
  visibility: hidden
}

.dsPromptTimeline.isZoomed .dsPromptTimeline__selectionButton use:last-child {
  visibility: unset
}

.tpl-expertSearch .localfilter-field,
.tpl-result .localfilter-field,
.tpl-result .detail-search-field,
.tpl-expertSearch .form-control {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  border-width: 0 0 1px 0;
}

.tpl-expertSearch .form-control {
  border-bottom-width: 0;
}

.input-group .detail-search-field {
  border-bottom-width: 0 !important;
}

.tpl-expertSearch .pathbar .path {
  font-size: .88rem;
}

.js-active.js-localsort_btn {
  border-color: #fff;
}


.slider-news-container .passepartout {
  /*padding-top: 12.5vh;*/
}

.slider-news-container img.w-100 {
  max-height: 65vh;
  object-fit: cover;
  background: rgb(0 0 0 / 20%);
  min-width: 100%;
  height: auto;
  min-height: 65vh;
}

.news-container a .teaser-text h5,
.slider-news-container a.carousel-item .teaser-text h4 {
  color: rgba(255, 255, 255, .7);
}

.news-container a:hover .teaser-text h5, .news-container a:focus .teaser-text h5, .news-container a:active .teaser-text h5,
.slider-news-container a.carousel-item:hover .teaser-text h4,
.slider-news-container a.carousel-item:focus .teaser-text h4,
.slider-news-container a.carousel-item:active .teaser-text h4 {
  color: rgba(255, 255, 255, 1);
}

.slider-news-container.news-container .teaser-group {
  position: relative;
}

.slider-news-container.news-container .news-teaser.col-sm-1 {
  position: absolute;
  height: 100%;
}

  .slider-news-container.news-container .news-teaser.col-sm-1 svg {
    margin: 0 auto;
  }

  .slider-news-container.news-container .news-teaser.col-sm-1 + .news-teaser.col-sm-12 + .news-teaser.col-sm-1 {
    right: 0;
  }

.slider-news-container .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: .8rem 1rem;
  margin: 0;
  text-align: left;
  color: #fff;
  background: rgba(0,0,0,.4);
}

.slider-news-container .carousel-indicators {
  top: -60px;
  bottom: auto;
  z-index: 15;
}

.carousel-indicators li {
  background: #fff;
  border-bottom: 10px solid #232323;
  border-top: 10px solid #232323;
}

.color-code-light .carousel-indicators li {
  background: #000;
  border-color: #fff;
}

.color-code-light .carousel-control-next,
.color-code-light .carousel-control-prev {
  color: #000;
}

.carousel-control-prev {
  justify-content: left;
  width: 100%;
  text-align: left;
  opacity: 1;
  padding-left: 10px;
}

.carousel-control-next {
  justify-content: right;
  width: 100%;
  text-align: right;
  opacity: 1;
  padding-right: 10px;
}

@media screen and (max-width: 800px) {
.carousel-control-prev,
.carousel-control-next {
	width: 66px;
}
}

.zugehoerige-werke-infos .row.js-gallery-row,
.weitere-werke-infos .row.js-gallery-row,
.werke-mit-kuenstler-infos .row.js-gallery-row,
.alle-werke-infos .row.js-gallery-row {
  flex-wrap: nowrap;
}

main[class*="has-artistsxx"] .weitere-werke-infos {
  display: none !important;
}

button.depth {
  right: 0;
  /*margin: -40px;*/
  position: relative;
  /*background: #444;
  border: none;
  border-radius: 80px;
  box-shadow: inset 0 0 2px 2px hsla(0, 0%, 0%, .2), inset 0 0 2px 4px hsla(0, 0%, 0%, .2), inset 0 0 2px 6px hsla(0, 0%, 0%, .2), inset 0 0 1px 8px hsla(0, 0%, 0%, .5), inset 0 -4px 2px 4px hsla(0, 0%, 0%, .5), inset 0 1px 1px 8px hsla(0, 0%, 100%, .25), inset 0 -30px 30px hsla(0, 0%, 0%, .2), 0 -4px 8px 4px hsla(0, 0%, 0%, .5), 0 10px 10px hsla(0, 0%, 0%, .25), 0 0 2px 2px hsla(0, 0%, 0%, .2), 0 0 2px 4px hsla(0, 0%, 0%, .2), 0 0 2px 6px hsla(0, 0%, 0%, .2), 0 0 2px 8px hsla(0, 0%, 0%, .5), 0 1px 2px 8px hsla(0, 0%, 100%, .25), 0 -1px 2px 8px hsla(0, 0%, 0%, .5);
   text-shadow: 0 1px 1px hsla(0, 0%, 100%, .25), 0 -1px 1px hsla(0, 0%, 0%, .75);
  */
  color: #fff;
  /*cursor: pointer;*/
  font: normal 105px / 1 sans-serif;
  height: 87px;
  padding: 0;
  margin: 8px 0 0 0;
  width: 100px;
  text-align: right;
  opacity: .7;
  background: transparent;
  border: 0px solid transparent;
}

.color-code-light button.depth {
  /*box-shadow: inset 0 0 2px 2px hsla(0, 0%, 60%, .2), inset 0 0 2px 4px hsla(0, 0%, 80%, .2), inset 0 0 2px 6px hsla(0, 0%, 90%, .2), inset 0 0 1px 8px hsla(0, 0%, 90%, .5), inset 0 -4px 2px 4px hsla(0, 0%, 90%, .5), inset 0 1px 1px 8px hsla(0, 0%, 100%, .25), inset 0 -30px 30px hsla(0, 0%, 90%, .2), 0 -4px 8px 4px hsla(0, 0%, 90%, .5), 0 10px 10px hsla(0, 0%, 80%, .25), 0 0 2px 2px hsla(0, 0%, 80%, .2), 0 0 2px 4px hsla(0, 0%, 90%, .2), 0 0 2px 6px hsla(0, 0%, 90%, .2), 0 0 2px 8px hsla(0, 0%, 90%, .5), 0 1px 2px 8px hsla(0, 0%, 100%, .25), 0 -1px 2px 8px hsla(0, 0%, 40%, .5);
  background: #fafafa;
  
  text-shadow: 0 1px 1px hsla(0, 0%, 100%, .25), 0 -1px 1px hsla(0, 0%, 90%, .75);*/
  color: #000;
}

button.depth:hover,
button.depth:focus {
  /*opacity: 1;
  text-shadow: 0 0 20px hsla(240,75%,75%,.5), 0 1px 1px hsla(0,0%,100%,.25), 0 -1px 1px hsla(0,0%,0%,.75);*/
}

/*button.depth:active {
  box-shadow: inset 0 0 2px 2px hsla(0,0%,0%,.2), inset 0 0 2px 4px hsla(0,0%,0%,.2), inset 0 0 2px 6px hsla(0,0%,0%,.2), inset 0 0 1px 7px hsla(0,0%,0%,.5), inset 0 5px 15px 7px hsla(0,0%,0%,.15), inset 0 -4px 2px 3px hsla(0,0%,0%,.5), inset 0 1px 1px 7px hsla(0,0%,100%,.25), inset 0 -30px 30px hsla(0,0%,0%,.1), inset 0 30px 30px hsla(0,0%,0%,.2), 0 -4px 8px 4px hsla(0,0%,0%,.5), 0 5px 10px hsla(0,0%,0%,.25), 0 0 2px 2px hsla(0,0%,0%,.2), 0 0 2px 4px hsla(0,0%,0%,.2), 0 0 2px 6px hsla(0,0%,0%,.2), 0 0 2px 8px hsla(0,0%,0%,.5), 0 1px 2px 8px hsla(0,0%,100%,.25), 0 -1px 2px 8px hsla(0,0%,0%,.5);
  line-height: 86px;
}
.color-code-light button.depth:active {
  box-shadow: inset 0 0 2px 2px hsla(0, 0%, 50%, .2), inset 0 0 2px 4px hsla(0, 0%, 50%, .2), inset 0 0 2px 6px hsla(0, 0%, 50%, .2), inset 0 0 1px 7px hsla(0, 0%, 50%, .5), inset 0 5px 15px 7px hsla(0, 0%, 50%, .15), inset 0 -4px 2px 3px hsla(0, 0%, 50%, .5), inset 0 1px 1px 7px hsla(0, 0%, 100%, .25), inset 0 -30px 30px hsla(0, 0%, 50%, .1), inset 0 30px 30px hsla(0, 0%, 50%, .2), 0 -4px 8px 4px hsla(0, 0%, 50%, .5), 0 5px 10px hsla(0, 0%, 50%, .25), 0 0 2px 2px hsla(0, 0%, 50%, .2), 0 0 2px 4px hsla(0, 0%, 50%, .2), 0 0 2px 6px hsla(0, 0%, 50%, .2), 0 0 2px 8px hsla(0, 0%, 50%, .5), 0 1px 2px 8px hsla(0, 0%, 100%, .25), 0 -1px 2px 8px hsla(0, 0%, 50%, .5);
  line-height: 86px;
}*/

.row.js-frooms {
  min-height: 130px;
}

  .row.js-frooms .col-sm-3.metaraum {
    padding-top: 15px;
  }

#volltextsuchfeld {
  position: relative;
  z-index: 9999;
}

  #volltextsuchfeld button.js-copy {
    position: static;
    /*right: 30px;
    z-index: 9999;
    bottom: 30px;*/
    background: transparent;
    border: 0 none;
  }

.tpl-topic-list .teaser picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

  .tpl-topic-list .teaser picture img {
    display: block;
    position: relative;
    width: 24.9%;
    height: 50%;
    float: right;
  }

.start .tpl-topic-list [data-type^="WebDBProjekt-MdbK-Thema"]:nth-child(8) {
  display: none;
}

#werke-reset {
  margin-left: 10px;
}

.tpl-result.tpl-werke #result-send2 {
  float: right;
  margin-right: -10px;
}

.form-floating {
  position: relative;
}

  .form-floating .input-group {
    border-bottom: 1px solid rgba(255, 255, 255, .7);
  }

    .form-floating .input-group > label {
      position: absolute;
      top: 0;
      left: 0;
      font-size: .88rem;
      line-height: 1.5em;
      opacity: .7;
      display: inline-block;
      height: 100%;
      padding: 1rem .75rem 1rem 0;
      pointer-events: none;
      border: 1px solid transparent;
      transform-origin: 0 0;
      transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    }

    .form-floating .input-group > .form-control::placeholder {
      color: transparent;
    }

    .form-floating .input-group > .form-control {
      height: calc(2.5rem + 4px);
      opacity: .7;
      line-height: 1.25;
      padding-left: 0;
    }

      .form-floating .input-group > .form-control:focus,
      .form-floating .input-group > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem;
      }

      .form-floating .input-group > .form-control:hover,
      .form-floating .input-group > .form-control:focus {
        opacity: 1;
      }

        .form-floating .input-group > .form-control:focus ~ label,
        .form-floating .input-group > .form-control:not(:placeholder-shown) ~ label {
          opacity: .7;
          transform: scale(.75) translateY(-.6rem);
        }

      .form-floating .input-group > .form-control:not(:placeholder-shown):hover ~ label
      .form-floating .input-group > .form-control:not(:placeholder-shown):focus ~ label {
        opacity: 1;
      }

.tpl-expertSearch #filter_accordion__container .form-floating .input-group {
  width: 100%;
}

.js-col-people {
  column-count: 2;
  column-gap: 15px;
}

.col-12.js-col-people {
  column-count: 3;
}

.js-col-people .text-teaser {
  padding-right: 5vw;
}


.tpl-topic-detail .modal-body,
.tpl-topic-detail .modal-header {
  padding-left: 3rem;
  padding-right: 3rem;
}

#section_1 .modal-content {
  background: #f3f3f3;
}

#section_2 .modal-content {
  background: #afafaf;
}

  #section_2 .modal-content h3 {
    background: transparent;
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
    color: #000;
  }


#section_3 .modal-content {
  background: #555555;
  color: #fff;
}

main.main.tpl-detail.tpl-collection,
main.main.tpl-detail.tpl-person {
  padding-bottom: 10vh;
}

.tpl-person .container-biographie.hasbio,
.tpl-person .container-biographie.hasshbio,
.container-biographie {
  margin-top: 70px;
}

.tpl-person .container-biographie {
  margin-top: 0px;
}

.navbar-expand-lg .navbar-nav.ml-auto .nav-link[data-nav="home"] .menu-txt,
.navbar-expand-md .navbar-nav.ml-auto .nav-link[data-nav="home"] .menu-txt {
  padding-right: .9rem;
}

.nav-item.nav-item-settings .nav-link {
  padding-left: 1.8rem;
}

.navbar-nav .nav-item-settings .dropdown-menu {
  background: #fff;
  border-radius: 0;
}

.navbar-nav .nav-item-settings .dropdown-item {
  margin-bottom: 2px;
}

  .navbar-nav .nav-item-settings .dropdown-item.dark-mode {
    background: #232323;
    color: #fff;
    opacity: .7;
  }

  .navbar-nav .nav-item-settings .dropdown-item.light-mode {
    cursor: pointer;
  }

  .navbar-nav .nav-item-settings .dropdown-item:hover,
  .navbar-nav .nav-item-settings .dropdown-item:focus,
  .navbar-nav .nav-item-settings .dropdown-item:active {
    background: #232323;
    color: #f3f3f3;
  }


.dropdown-items.font-sizes {
  text-align: center;
  padding: .4rem 0 0;
  background: transparent;
  color: #232323;
}

  .dropdown-items.font-sizes .btn-font-size {
    width: 3rem;
    min-width: fit-content;
    cursor: pointer;
    background: transparent;
    color: #232323;
    border-style: solid;
    opacity: 1;
    font-size: .88rem;
  }

  .dropdown-items.font-sizes .font-regular {
    background: #000;
    color: #f3f3f3;
    cursor: default;
    opacity: .7;
  }

.js-small-font .dropdown-items.font-sizes .font-regular {
  background: inherit;
  color: inherit;
  opacity: 1;
  cursor: pointer;
}

.js-small-font .dropdown-items.font-sizes .btn-font-size.font-small {
  background: #000;
  color: #f3f3f3;
  cursor: default;
  opacity: .7;
}

.js-large-font .dropdown-items.font-sizes .btn-font-size.font-small,
.js-large-font .dropdown-items.font-sizes .btn-font-size.font-regular {
  background: inherit;
  color: inherit;
  opacity: 1;
}

.js-large-font .dropdown-items.font-sizes .btn-font-size.font-big {
  background: #000;
  color: #f3f3f3;
  cursor: default;
  opacity: .7;
}

.dropdown-items.font-sizes .btn-font-size:hover,
.dropdown-items.font-sizes .btn-font-size:focus,
.js-small-font .dropdown-items.font-sizes .btn-font-size:hover,
.js-small-font .dropdown-items.font-sizes .btn-font-size:focus,
.js-large-font .dropdown-items.font-sizes .btn-font-size:hover,
.js-large-font .dropdown-items.font-sizes .btn-font-size:focus {
  background: #000;
  color: #f3f3f3;
}

#expertensuche:focus-visible {
	outline: none !important;
}
/* ##################################################################
 * light view 
 * ################################################################## */
main .main.main-index, /* homepage main container independently light */
body.light-view, body.light-view main.main {
  background: #f3f3f3;
}

.light-view #expertensuche:focus-visible {
	/*outline: #f3f3f3 auto 0px;*/
}

.light-view .header-nav {
  background: #000;
}

.light-view footer {
  color: #fff;
  background: #000;
}

.light-view .row-middle a {
  border-color: #f3f3f3;
  background: #000;
}
.row-middle a.active {
  cursor: default;
}

.light-view .row-middle a:hover,
.light-view .row-middle a:focus,
.light-view .row-middle a:active,
.light-view .row-middle a.active {
  border-color: #000;
}

body.light-view main .pathbar a.filter-remove-link,
.light-view a.logo,
.light-view a.nav-link,
.light-view .header-nav {
  color: #fff;
}

.light-view .register-container.color-code-light a.nav-link {
	color: #000;
}

.light-view .form-floating .input-group {
  border-bottom: 1px solid rgba(000, 000, 000, .7);
}

.light-view .dark-view a.mod-link-hover-inner *,
.light-view .dark-view a.mod-link-hover,
.light-view .dark-view a.mod-link,
.light-view main.tpl-color button:hover,
.light-view main.tpl-color button:focus,
.light-view main.tpl-color button:active,
.light-view main.tpl-color li a:active,
.light-view main.tpl-color li a:focus,
.light-view main.tpl-color li a:hover,
.light-view main.tpl-color p a:active,
.light-view main.tpl-color p a:focus,
.light-view main.tpl-color p a:hover,
.light-view main.dark-view button:hover,
.light-view main.dark-view button:focus,
.light-view main.dark-view button:active,
.light-view main.dark-view li a:active,
.light-view main.dark-view li a:focus,
.light-view main.dark-view li a:hover,
.light-view main.dark-view p a:active,
.light-view main.dark-view p a:focus,
.light-view main.dark-view p a:hover,
.light-view main.tpl-color button,
.light-view main.tpl-color p a,
.light-view main.tpl-color li a,
.light-view main.dark-view p a,
.light-view main.dark-view li a,
.light-view .dropdown-toggle.btn-sort,
.light-view .slider-control,
.light-view #button-result-query,
.light-view .button-result-query,
.light-view #filter_accordion__container .btn.btn-filter,
.light-view .tpl-result #result-query,
.light-view .pagebrowser .prev,
.light-view .pagebrowser .next,
.light-view .pagebrowser .pagesize,
.light-view .pagebrowser strong,
.light-view .pagebrowser button,
.light-view main.tpl-result .teaser h5,
.light-view main.tpl-result .teaser h4,
.light-view main.tpl-result .teaser h3,
.light-view .gallery-passepartout .objrel-teaser .teaser-text h4,
.light-view .main.tpl-collection a,
.light-view .main.tpl-person a,
.light-view .expertsearch-container,
body.light-view main.main {
  color: #000;
}

.light-view .togglebar .btn-item .list-view-btn-toggle a {
  color: #000;
  background: transparent;
  border-color: currentColor;
  cursor: pointer;
  opacity: .7;
}

.light-view a.filter-remove-link .icon-path:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMwIDMwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHVzZSB4bGluazpocmVmPSIjX0ltYWdlMSIgeD0iMCIgeT0iMC4wMyIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIvPgogICAgPGRlZnM+CiAgICAgICAgPGltYWdlIGlkPSJfSW1hZ2UxIiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUI0QUFBQWVDQVlBQUFBN01LNmlBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBQkprbEVRVlJJaWIzUHlVNERNUXpHY1F1b0JJSTM2cjV2ZE9FVnVmWFlWNk8wdEwzOHViaVNaVEdqeVRRbVVxUWtkcjVmSXNBTHNBZkdFanlBaVZyUG9ndUFIMkFTaUU3VkFOZ0xNQVpPa2JoRFQ4RG9WaGc1ZkpvUm5UbDA2QnV5NDRxZUMxSFRPSFQ0TEJ3dHdNOTE4R1EwQnc3TUhUcElmZlVnRlhmb01SbDErTkhnODVMZVJSWTBCZjhEN2QrRm11Qyt3eGVtdGd4QnkvQnd0QVMzYUM4RU5YalA0TFhSaHhyMm00ZzhtZjJqaUx6V3lLaytnQlZ3MFo5K201OWZnT1Yvb1YyZGNUaXdkbWpIMUxwNmRzUGZ3OUVTZkJXT210NU9GbHpScTBIYkZlNTRmSjJLYmd4NnFJTGVqZCtEbW94MkVnNXNIZHBLUlIxKzBLd3JzQWxISytQQVIyN1VaTGNjdmkxQ203blFVaHpZNmNGWEJGcUE3d1JvQUorUnFNR2JhalYrQVEwbzRDK3VaZnVKQUFBQUFFbEZUa1N1UW1DQyIvPgogICAgPC9kZWZzPgo8L3N2Zz4K);
}

.light-view .text-icon-link:hover svg .fill-hover-grey,
.light-view .text-icon-link:focus svg .fill-hover-grey,
.light-view .text-icon-link:active svg .fill-hover-grey,
.light-view .icon-link:hover svg .fill-hover-grey,
.light-view .icon-link:focus svg .fill-hover-grey,
.light-view .icon-link:active svg .fill-hover-grey,
.light-view .icon-text-link:hover svg .fill-hover-grey,
.light-view .icon-text-link:focus svg .fill-hover-grey,
.light-view .icon-text-link:active svg .fill-hover-grey,
.light-view .icon-list button:hover svg .fill-hover-grey,
.light-view .icon-list button:focus svg .fill-hover-grey,
.light-view .icon-list button:active svg .fill-hover-grey,
.light-view .icon-list a:hover svg .fill-hover-grey,
.light-view .icon-list a:focus svg .fill-hover-grey,
.light-view .icon-list a:active svg .fill-hover-grey {
  fill: #000;
}

.light-view button:hover svg text,
.light-view button:focus svg text,
.light-view button:active svg text {
  fill: #fff;
}

/*.light-view .text-icon-link:hover svg .fill-hover-grey,
.light-view .text-icon-link:focus svg .fill-hover-grey,
.light-view .text-icon-link:active svg .fill-hover-grey,
.light-view .icon-link:hover svg .fill-hover-grey,
.light-view .icon-link:focus svg .fill-hover-grey,
.light-view .icon-link:active svg .fill-hover-grey,
.light-view .icon-text-link:hover svg .fill-hover-grey,
.light-view .icon-text-link:focus svg .fill-hover-grey,
.light-view .icon-text-link:active svg .fill-hover-grey,
.light-view .icon-list button:hover svg .fill-hover-grey,
.light-view .icon-list button:focus svg .fill-hover-grey,
.light-view .icon-list button:active svg .fill-hover-grey,
.light-view .icon-list a:hover svg .fill-hover-grey,
.light-view .icon-list a:focus svg .fill-hover-grey,
.light-view .icon-list a:active svg .fill-hover-grey {
fill: #f3f3f3;
}*/

.light-view .text-icon-link:hover svg .stroke-color-light,
.light-view .text-icon-link:focus svg .stroke-color-light,
.light-view .text-icon-link:active svg .stroke-color-light,
.light-view .icon-link:hover svg .stroke-color-light,
.light-view .icon-link:focus svg .stroke-color-light,
.light-view .icon-link:active svg .stroke-color-light,
.light-view .icon-text-link:hover svg .stroke-color-light,
.light-view .icon-text-link:focus svg .stroke-color-light,
.light-view .icon-text-link:active svg .stroke-color-light,
.light-view .icon-list button:hover svg .stroke-color-light,
.light-view .icon-list button:focus svg .stroke-color-light,
.light-view .icon-list a:active svg .stroke-color-light,
.light-view .icon-list a:hover svg .stroke-color-light,
.light-view .icon-list a:focus svg .stroke-color-light,
.light-view .icon-list a:active svg .stroke-color-light {
  stroke: #f3f3f3;
}

.light-view a.mod-link {
  border-bottom-color: #232323;
}

  .light-view a.mod-link:hover,
  .light-view a.mod-link:focus {
    opacity: 1;
  }

.light-view .media-container-wrapper {
  border-color: #f3f3f3;
}

.light-view .togglebar .btn-item .list-view-btn-toggle a:hover,
.light-view .togglebar .btn-item .list-view-btn-toggle a:focus,
.light-view .togglebar .btn-item .list-view-btn-toggle a:active {
  color: #fff;
  background-color: #232323;
}

.light-view .togglebar .btn-item .card-view-btn-toggle a,
.light-view .togglebar .btn-item .card-view-btn-toggle a:hover,
.light-view .togglebar .btn-item .card-view-btn-toggle a:focus,
.light-view .togglebar .btn-item .card-view-btn-toggle a:active {
  color: #fff;
  background: #232323;
  border-color: currentColor;
  opacity: .7;
}

.light-view.js-list-view .togglebar .btn-item .list-view-btn-toggle a,
.light-view.js-list-view .togglebar .btn-item .list-view-btn-toggle a:hover,
.light-view.js-list-view .togglebar .btn-item .list-view-btn-toggle a:focus,
.light-view.js-list-view .togglebar .btn-item .list-view-btn-toggle a:active {
  color: #fff;
  background: #232323;
  border-color: currentColor;
  cursor: default;
  opacity: .7;
}

.light-view.js-list-view .togglebar .btn-item .card-view-btn-toggle a {
  color: #000;
  background: transparent;
  border-color: currentColor;
}

  .light-view.js-list-view .togglebar .btn-item .card-view-btn-toggle a:hover,
  .light-view.js-list-view .togglebar .btn-item .card-view-btn-toggle a:focus {
    color: #fff;
    background: #232323;
    border-color: currentColor;
    opacity: .7;
  }

.light-view .navbar-expand-lg .navbar-nav .nav-link.active .menu-txt,
.light-view .navbar-expand-md .navbar-nav .nav-link.active .menu-txt {
  border-bottom-color: #fff;
}

.light-view .dropdown-toggle.btn-sort,
.light-view label[for="input-max"]:after,
.light-view label[for="input-min"]:after,
.light-view #filter_accordion__container .btn.btn-filter,
.light-view .tpl-result .form-select {
  border-color: transparent;
  border-bottom-color: #232323;
}

.light-view main.tpl-result .teaser h5,
.light-view main.tpl-result .teaser h4,
.light-view main.tpl-result .teaser h3 {
  background: transparent;
}

.light-view .chapter a[aria-expanded="false"] {
  background-image: url('/img/icons/Dropdownright_dark.svg');
}

.light-view .chapter a[aria-expanded="true"] {
  background-image: url(/img/icons/Dropdown_dark.svg);
}
.light-view .navbar-expand-lg .navbar-nav .nav-link:hover svg .icon-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:focus svg .icon-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:active svg .icon-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:hover svg .icon-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:focus svg .icon-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:active svg .icon-color,
.light-view .Settings_dark .icon-color {
  stroke: #fff !important;
}

.light-view .navbar-expand-lg .navbar-nav .nav-link:hover svg .icon-fill-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:focus svg .icon-fill-color,
.light-view .navbar-expand-lg .navbar-nav .nav-link:active svg .icon-fill-color,
.light-view .navbar-expand-md .navbar-nav .nav-link:hover svg .icon-fill-color,
.light-view .navbar-expand-md .navbar-nav .nav-link:focus svg .icon-fill-color,
.light-view .navbar-expand-md .navbar-nav .nav-link:active svg .icon-fill-color,
.light-view .nav-link #Search_light .icon-fill-color,
.light-view .nav-link #Search_light .icon-color,
.light-view .Settings_dark .icon-fill-color {
  fill: #fff !important;
}

.light-view .navbar-nav .nav-link svg.Home_dark .icon-fill-color {
    fill: #fff !important;
}

.light-view .btn.js-localsort_btn {
  color: #000;
  border-color: currentColor;
}

  .light-view .btn.js-localsort_btn:hover,
  .light-view .btn.js-localsort_btn:focus,
  .light-view .btn.js-localsort_btn:active,
  .light-view .btn.js-localsort_btn.js-active {
    color: #fff;
    background: #232323;
  }

.light-view #filter_accordion__container .btn.btn-filter {
  background-image: url(/img/icons/Dropdownright_dark.svg);
}

.light-view .btn-group.btn-group-sort .dropdown-item:before,
.light-view .filter-body ul a.filter-link:before {
  background-image: url(/img/before_dark.svg);
}

.light-view .btn-group.btn-group-sort .dropdown-item.selected:after,
.light-view .btn-group.btn-group-sort .dropdown-item:hover:after,
.light-view .btn-group.btn-group-sort .dropdown-item:focus:after,
.light-view .btn-group.btn-group-sort .dropdown-item:active:after,
.light-view .filter-body ul a.filter-link.disabled:after,
.light-view .filter-body ul a.filter-link:hover:after,
.light-view .filter-body ul a.filter-link:focus:after,
.light-view .filter-body ul a.filter-link:active:after {
  background-image: url(/img/after_dark.svg);
}

body.light-view main .pagebrowser button:hover,
body.light-view main .pagebrowser button:focus,
body.light-view main .pagebrowser button:active,
body.light-view main .pathbar a.filter-remove-link:hover,
body.light-view main .pathbar a.filter-remove-link:focus,
body.light-view main .pathbar a.filter-remove-link:active,
body.light-view .expert-row .btn-primary:hover,
body.light-view .expert-row .btn-primary:focus,
body.light-view .expert-row .btn-primary:active,
body.light-view .expert-row .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background: #232323;
  border-color: #232323;
}

.light-view .filter-body a {
  opacity: .7;
}

  .light-view .filter-body a:hover,
  .light-view .filter-body a:focus,
  .light-view .filter-body a:active {
    opacity: 1;
  }


.bc-timeline {
  /*background: linear-gradient(0deg, rgb(010, 010, 010, .5) 0%, rgba(010, 010, 010, 0) 40%);*/
  color: #232323;
}


.light-view .bc-timeline {
    background: transparent;
}


.light-view .dsPromptTimeline__graph .century {
  border-left: 1px solid rgba(000, 000, 000, .1);
  color: rgba(000, 000, 000, .5);
}

#c13 {
  border-left: 0 none;
}

.dsPromptTimeline__graph .decade[style="height: 0%"] {
  border: 0 none;
}

.dsPromptTimeline__graph .decade {
  border: 1px solid rgba(0, 0, 0, .1);
  cursor: default;
}

.light-view .dsPromptTimeline__graph .decade {
  background: rgba(000, 000, 000, .35);
  border: 1px solid rgba(0, 0, 0, .1);
}

.light-view .noUi-connect {
  background: #fff;
}

.light-view .noUi-target {
  background-image: url('/img/bg_slider-light.png');
}

.light-view .noUi-handle {
  background: #4F4F4F;
  border-color: #4F4F4F;
}

.light-view .navbar-nav .nav-item-settings .dropdown-menu {
  background: #232323;
}

.light-view .navbar-nav .nav-item-settings .dropdown-item.dark-mode {
  background: transparent;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.light-view .navbar-nav .nav-item-settings .dropdown-item.light-mode {
  cursor: default;
  background: #fff;
  color: #232323;
  opacity: .7;
}

.light-view .navbar-nav .nav-item-settings .dropdown-item.dark-mode:hover,
.light-view .navbar-nav .nav-item-settings .dropdown-item.dark-mode:focus {
  background: #fff;
  color: #232323;
}

.light-view .navbar-brand.logo svg {
  fill: #fff;
}


.light-view.cColor-01 footer,
.light-view.cColor-01 .header-nav {
  background: #DA813F;
  color: #000;
}

.light-view.cColor-02 footer,
.light-view.cColor-02 .header-nav {
  background: #8CB441;
  color: #000;
}

.light-view.cColor-03 footer,
.light-view.cColor-03 .header-nav {
  background: #4D76B7;
  color: #000;
}

.light-view.cColor-04 footer,
.light-view.cColor-04 .header-nav {
  background: #4981A2;
  color: #000;
}

.light-view.cColor-05 footer,
.light-view.cColor-05 .header-nav {
  background: #9270F8;
  color: #000;
}

.light-view.cColor-06 footer,
.light-view.cColor-06 .header-nav {
  background: #EFBF53;
  color: #000;
}

.light-view .tpl-error * {
  color: #232323;
}

.light-view .navbar-expand-lg .navbar-nav.ml-auto .nav-link[data-nav="home"] .menu-txt,
.light-view .navbar-expand-md .navbar-nav.ml-auto .nav-link[data-nav="home"] .menu-txt {
  border-color: #fff;
}

.light-view .main.tpl-werke .teaser a,
.light-view .main.tpl-werke .teaser a,
.light-view .main.tpl-detail .teaser a {
  opacity: .8;
}


.light-view .dropdown-items.font-sizes {
  background: transparent;
  color: #f3f3f3;
}

  .light-view .dropdown-items.font-sizes .btn-font-size {
    background: transparent;
    color: #f3f3f3;
  }

  .light-view .dropdown-items.font-sizes .font-regular {
    background: #fff;
    color: #000;
  }

.footer .social_media_list svg path {
  fill: #232323 !important;
}

.light-view .footer .social_media_list svg path {
  fill: #fff !important;
}

.light-view .dropdown-toggle.btn-sort {
  background-image: url(/img/icons/Dropdown_medium-dark.svg);
}

.js-small-font .light-view .dropdown-items.font-sizes .font-regular {
  background: inherit;
  color: inherit;
}

.js-small-font .light-view .dropdown-items.font-sizes .btn-font-size.font-small {
  background: #fff;
  color: #000;
}

.js-large-font .light-view .dropdown-items.font-sizes .btn-font-size.font-small,
.js-large-font .light-view .dropdown-items.font-sizes .btn-font-size.font-regular {
  background: inherit;
  color: inherit;
}

.js-large-font .light-view .dropdown-items.font-sizes .btn-font-size.font-big {
  background: #fff;
  color: #000;
}

.light-view .dropdown-items.font-sizes .btn-font-size:hover,
.light-view .dropdown-items.font-sizes .btn-font-size:focus,
.js-small-font .light-view .dropdown-items.font-sizes .btn-font-size:hover,
.js-small-font .light-view .dropdown-items.font-sizes .btn-font-size:focus,
.js-large-font .light-view .dropdown-items.font-sizes .btn-font-size:hover,
.js-large-font .light-view .dropdown-items.font-sizes .btn-font-size:focus {
  background: #fff;
  color: #232323;
}


html, body {
  visibility: hidden;
}

@keyframes show {
  0% {
    visibility: hidden;
  }

  100% {
    visibility: visible;
  }
}

html, body {
  animation: show 3s ease-in forwards;
}


/* small and large font anpassungen */
.js-small-font .main.main-index {
  margin-top: 78px;
}

.js-small-font .main.tpl-detail {
  margin-top: 41px;
}

.js-large-font .nav-link svg {
  width: .9em;
  height: auto;
}

.js-large-font .btn-group.btn-group-sort .dropdown-item:before,
.js-large-font .filter-body ul a.filter-link:before {
  width: 20px;
  height: 20px;
}

.js-large-font .btn-group.btn-group-sort .dropdown-item.selected:after,
.js-large-font .btn-group.btn-group-sort .dropdown-item:hover:after,
.js-large-font .btn-group.btn-group-sort .dropdown-item:focus:after,
.js-large-font .btn-group.btn-group-sort .dropdown-item:active:after,
.js-large-font .filter-body ul a.filter-link.disabled:after,
.js-large-font .filter-body ul a.filter-link:hover:after,
.js-large-font .filter-body ul a.filter-link:focus:after,
.js-large-font .filter-body ul a.filter-link:active:after {
  width: 20px;
  height: 20px;
}

.js-large-font .filter-body ul a.filter-link {
  padding-left: 26px;
}

.layout-default .navbar-expand-md .navbar-nav .nav-item-settings .nav-link,
.layout-default .navbar-expand-lg .navbar-nav .nav-item-settings .nav-link {
  padding-top: .8rem;
}
.js-large-font .layout-default .navbar-expand-lg .navbar-nav .nav-item-settings .nav-link,
.js-small-font .layout-default .navbar-expand-lg .navbar-nav .nav-item-settings .nav-link,
.js-large-font .layout-default .navbar-expand-md .navbar-nav .nav-item-settings .nav-link,
.js-small-font .layout-default .navbar-expand-md .navbar-nav .nav-item-settings .nav-link {
  padding-top: .75rem;
}
@media (max-width: 1200px) {
  .main.main-index {
    margin-top: 80px;
  }
}

@media (max-width: 991px) {
  main {
    padding-left: 0;
    padding-right: 0;
  }

  .layout-index main {
    padding-left: 0;
    padding-right: 0;
  }

  .bottom-media img {
    object-position: top center;
    max-height: 80vh;
  }

  .meta-controls {
    display: none;
  }

  .mobile-meta-controls {
    display: block;
  }

  .navbar-toggler[aria-expanded=true]:focus .navbar-toggler-icon {
    box-shadow: none;
    border: 1px solid #000;
  }
  #navbar-main ul.navbar-main {
    border-top: 1px solid #000;
  }
  #navbar-main li {
    border-bottom: 1px solid #000;
    display: block;
    height: fit-content;
  }

  #navbar-main li a.nav-link {
    padding-bottom: .8rem;
    display: block;
    height: fit-content;
  }

  .nav-item-settings .dropdown-toggle {
    display: none;
  }

  .navbar-nav .nav-item-settings .dropdown-menu {
    display: block;
    width: 100%;
   
  }

  .navbar-nav .nav-item-settings .nav-link.btn-group {
    display: block;
    width: 100%;
    height: fit-content;
    padding: 0;
  }

  .start.layout-index .navbar-nav .nav-item-settings .nav-link {
    padding: 0;
  }
 
}

.modal-open .video-modal .modal-content {
  width:800px;
  height: 540px;
  margin: 20vh auto auto;
}

.modal-open .audio-modal .modal-content {
  width: 800px;
 height: 7.2rem;
  margin: 20vh auto auto;
}

.bottom-media.media-type-Video,
.bottom-media.media-type-Audio {
  display: none !important;
}

#objects .obj-artist::after {
  content: ',';
  display: inline;
}

#objects .obj-date::before {
  content: ', ';
  display: inline;
}
#objects .obj-date:empty,
#objects .obj-artist:empty {
  display: none !important;
}

.template-media, template-media body {
  background: #000;
}


.browse-media-link.browse-type-Video,
.browse-media-link.browse-type-Audio {
  cursor: default;
  opacity: 0 !important;
}

.Video_dark .arrow-path {
	fill: #fff;
}

a:hover .Video_dark .arrow-path,
a:focus .Video_dark .arrow-path,
a:active .Video_dark .arrow-path {
	fill: #222;
}

.js-zoom-Audio-klick,
.js-zoom-Video-klick {
	position: relative;
	cursor: pointer;
}

.bottom-media .Video_dark .fill-color-dark {
	fill: #555;
	stroke: #2222222e;
}

.bottom-media {
	position: relative;
}
.bottom-media .Video_dark {
	position: absolute;	
	left: 60px;
	bottom: 60px;
}

.bottom-media .Video_dark .stroke-color-light {
	stroke: #fff;
}

.audio-modal .modal-content {
	padding-top: 30px;
    background: #464646;
}
.audio-modal .modal-content .close {
	float: none;
    position: absolute;
    right: 15px;
    top: 10px;
	cursor: pointer;
	z-index: 1000000;
}

.layout-index .media-viewport-controls.icon-list,
.bottom-copy-container .media-viewport-controls.icon-list {
	position: relative;
    position: relative;
    right: 0;
    bottom: 0;
    left: unset;
} 

@media (max-width:1290px){
#pageSize {
    margin-right: 10px;	
}

.btn-group.btn-group-sort {
    margin-left: 10px !important;
}
}

@media (max-width:999px){
.intro.btn-group-menu {
 margin: 0;
}

#result-send2,
#werke-reset {
    display: block;
    width: inherit;
}


main.tpl-werke h1 {
  padding-bottom: 0;
}

.intro.btn-group-menu {
justify-content: start;
}

.pagebrowser .back-b .btn {
    margin-left: -8px;
}

}




@media (min-width:850px){
  .header-nav.navbar{padding-left:0;padding-right:0}
}

@media (max-width:700px){
  .intro.btn-group-menu{display: block;}
    main.tpl-result.tpl-werke .col-8.col-objects{
    display: block;
    max-width: 100%;
    flex: none;
  }
.pagebrowser.top {
    text-align: left;
    display: inline-block;
}

footer .container {
    display: block;
}
footer .container.viewport-container {
    max-width: 100vw;
    margin: 0 auto;
    display: block;
}
footer.footer .left {
float: none;
}

.footer .social_media_list, .footer .service_list {
display: block;
}

.btn-group.btn-group-sort {
    float: right;
    clear: both;
    margin-right: 10px;
    padding-right: 4px;
}
.intro.btn-group-menu .togglebar {
    float: left;
    clear: left;
    margin-top: 10px;
    margin-left: -8px;
}

.footer .social_media_list li.service_link.rules,
.footer .social_media_list li.service_link.contact {
    display: block;
    width: inherit;
}

main.tpl-result.tpl-werke .col-4.col-filter {
  display: none;
}

}

@media screen and (max-width: 999px) {
.start.layout-index .navbar-brand.logo svg {
   max-width: 85%;
  }


.dropdown-items.font-sizes .btn-font-size {
  font-size: 1.8rem;
}

.rooms-container,
.news-container,
.news-container.slider-news-container {
min-height: fit-Content;
padding: 30px 0;
}

.register-container .passepartout,
.rooms-container .passepartout,
.news-container .passepartout {
min-height: fit-Content;
padding-top: 0;
}

.layout-index .rooms .intro {
    margin-top: 0;
    margin-bottom: 0;
}

.rooms .col-sm-2 {   
  width: 100%;
    max-width: 100%;
    display: block;
    flex: none;
    text-align: right;
	margin-bottom: 0;
}

.rooms .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;

} 

.rooms-container .col-sm-2 h3 {
 margin-bottom: 0;
 text-align:	right;
}

.search-container.v2{
    min-height: 250px;
    max-height: fit-content;
}

.search-container.v2 .col-md-2.col-lg-4 {
  display: none;
}
.search-container.v2 .col-md-8.col-lg-4 {
    width: 100%;
    max-width: 100%;
    flex: none;
}
#volltextsuchfeld {
    min-height: 250px;
    max-height: fit-content;
}

.layout-index .quicksearch-col {
    padding-top: 90px;
}

button.depth {
	font-size: 75px;
    height: fit-content;
}

.rooms .teaser-img {
    float: none;
    margin: 0 auto;
}

.rooms-container .teaser-text {
   text-align: center;
   display: block;
   padding-top: 6px;
    min-height: 50px;
}

.tab-pane .objrel-teaser {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.register-container ul.nav-pills {
	flex-direction: column;
}
.register-container ul.nav-pills a {
    display: inline-block;
}

.navbar-toggler {
    padding: .25rem 0;

}

    .navbar-expand-lg>.container {
		padding-left:10px;
	}
	
	.header-nav.navbar {
		padding-left:0;
		padding-right:0;
	}
	
	.layout-standard .navbar-toggler-icon {
    width: 45px;
    height: 36px;
    background-size: 40px 40px;
    }
	
.tpl-topic-list .intro {
        margin-bottom: 0;
        margin-top: 16px;
}

.tpl-topic-list .intro h1 {
	display: none;
}

.header-teaser .teaser-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    position: relative;
}

#expertsearch-form #btn__container {
	margin: 0;
}

#expertsearch-form #btn__container .col-md-6 {
width: 49.9%;
}

    #result-send2,
    #person-reset {
        margin-bottom: 16px;
        margin-right: 0 !important;
        float: right;
        width: stretch;
        margin-left: 18px;
    }
	
	.chapter .spacer {
		height: 5px;
	}
	
	.chapter .container-header h3 {
		padding-top: 20px;
	}
	
	#chapter-normdaten .meta-list {
		margin: 5px 0 15px 0;
	}

#btn__container .col-md-6 {
	padding: 0;
}

.tpl-topic-detail #section_1 .single-passepartout .live-container .teaser {
    width: 100%;
    transition: filter 500ms;
    min-width: stretch;
	margin-right: 15px;
}

#section_1 h3 {
    font-size: 1.3rem;
    margin: 10px 0 0 6px;
    padding-top: 0;
}

#section_1 .teaser p + a.js-toggle-long-txt-teaser,
#section_1 .teaser.long-txt-teaser p {
	margin-left: 6px;
}

.tpl-topic-detail .js-browse-ff {
    position: absolute;
    top: 130px;
    right: 50px;
}

.tpl-topic-detail #section_2 .single-passepartout .live-container .teaser {
    width: 50%;
    transition: filter 500ms;
    min-width: 50%;
}

}
@media screen and (max-width: 550px) {
    .rooms .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

tr {
  display: block;
  clear: both;
}
.table th {
	display:none;
}

.table td {
  display:block;
  padding: 0 .5em .3em 0;
}
td.td-ig {
  float: left;
  display: inline-block;
  clear: both;
  width: 100px;
  padding-bottom: 10px;
}

td.td-ig img {
	  padding-bottom: 25px;
}

.tpl-result.tpl-person .col-filter.js-col-filter,
.tpl-result.tpl-person .filter-toggle {
	display: none;
}

    .col-8.js-col-people.js-col-objects {
        display: block;
        max-width: 100%;
    }

}

.light-view .navbar-toggler .navbar-toggler-icon {
    background-image: url(/img/icons/menu_dark.svg);
}

.navbar-toggler {
padding: .25rem 0;
}