@import 'wdr/grid/bootstrap-grid.css';
@import 'wdr/general.css';
@import 'slick/slick.css';
/* Safari overflow fix */
.modal-open { overflow:hidden; }
.modal {
  display:none;
  overflow:hidden;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:;
  -webkit-overflow-scrolling:touch;
  outline:0;
}
.modal-open .modal {
  overflow-x:hidden;
  overflow-y:auto;
}
.modal-dialog {
  position:relative;
  width:auto;
  margin:10px;
}
.modal-content {
  position:relative;
  background-color:;
  border:1px solid ;
  border-radius:;
  background-clip:padding-box;
  outline:0;
}
.modal-backdrop {
  position:absolute;
  top:0;
  right:0;
  left:0;
  background-color:;
}
.modal-header {
  padding:;
  border-bottom:1px solid ;
  min-height:;
}
.modal-header .close { margin-top:-2px; }
.modal-title {
  margin:0;
  line-height:;
}
.modal-body {
  position:relative;
  padding:;
}
.modal-footer {
  padding:;
  text-align:right;
  border-top:1px solid ;
}
.modal-footer .btn + .btn {
  margin-left:5px;
  margin-bottom:0;
}
.modal-footer .btn-group .btn + .btn { margin-left:-1px; }
.modal-footer .btn-block + .btn-block { margin-left:0; }
.modal-scrollbar-measure {
  position:absolute;
  top:-9999px;
  width:50px;
  height:50px;
  overflow:scroll;
}
@media (min-width: ) {
  .modal-dialog {
    width:;
    margin:30px auto;
  }
  .modal-sm { width:; }
}
@media (min-width: ) {
  .modal-lg { width:; }
}
.teaser {
  position:relative;
  margin-bottom:clamp(2.76rem,5.2vw,5.56rem);
}
.teaser .text {
  padding-top:5.55rem;
  display:flex;
  flex-direction:column;
}
.teaser .text p { margin-bottom:.8rem; }
.teaser .text p:last-of-type { margin-bottom:0; }
.teaser .text h2 { position:relative; }
.teaser .text h2:not(.w-line):before {
  content:url('/images/icons/headline-trenner.svg');
  position:absolute;
  z-index:-1;
  transform:translateX(-70%) translateY(-25%);
}
.teaser .text button {
  margin:2.77rem auto 0 auto;
  font-size:.9rem;
  align-items:center;
}
.teaser .text button span { font-size:.9rem; }
.teaser .image { position:relative; }
.teaser .image > a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}
.teaser.article .text { padding-top:3.33rem; }
.teaser.article .text > a { position:unset; }
.teaser.article.large { margin-bottom:3rem; }
.teaser.ti-group { margin-bottom:clamp(2.5rem,7.3vw,var(--main-nav-height)); }
.teaser.ti-group .text { padding-top:2.77rem; }
.teaser.ti-group .text h2 { font-family:'Roboto Slab Light', serif; }
.teaser.ti-group .text h2 strong { font-family:'Roboto Slab Bold', serif; }
.teaser.ti-group .text h2.einslive-reinhoeren, .teaser.ti-group .text h2.einslive-reinschauen, .teaser.ti-group .text h2.wdr-reinhoeren, .teaser.ti-group .text h2.wdr-reinschauen, .teaser.ti-group .text h2.hitradio-reinhoeren, .teaser.ti-group .text h2.hitradio-reinschauen { cursor:pointer; }
.teaser.ti-group .text h2.einslive-reinhoeren:after, .teaser.ti-group .text h2.einslive-reinschauen:after, .teaser.ti-group .text h2.wdr-reinhoeren:after, .teaser.ti-group .text h2.wdr-reinschauen:after, .teaser.ti-group .text h2.hitradio-reinhoeren:after, .teaser.ti-group .text h2.hitradio-reinschauen:after {
  height:2.77rem;
  display:inline-flex;
  margin-left:.83rem;
  transition:all ease-in-out .2s;
  transform:translateY(.38rem);
}
.teaser.ti-group .text h2.einslive-reinhoeren:after, .teaser.ti-group .text h2.einslive-reinschauen:after { content:url('/images/icons/einslive_play.svg'); }
.teaser.ti-group .text h2.wdr-reinhoeren:after, .teaser.ti-group .text h2.wdr-reinschauen:after { content:url('/images/icons/wdr-play.svg'); }
.teaser.ti-group .text h2.hitradio-reinhoeren:after, .teaser.ti-group .text h2.hitradio-reinschauen:after { content:url('/images/icons/hitradio_play.svg'); }
.teaser.ti-group .text h2:hover.einslive-reinhoeren:after, .teaser.ti-group .text h2:hover.einslive-reinschauen:after { content:url('/images/icons/1live-play-hover.svg'); }
.teaser.ti-group .text h2:hover.wdr-reinhoeren:after, .teaser.ti-group .text h2:hover.wdr-reinschauen:after { content:url('/images/icons/wdr2_play_hover.svg'); }
.teaser.ti-group .text h2:hover.hitradio-reinhoeren:after, .teaser.ti-group .text h2:hover.hitradio-reinschauen:after { content:url('/images/icons/hitradio_play_hover.svg'); }
.teaser.ti-group .text .playing h2.einslive-reinhoeren:after, .teaser.ti-group .text .playing h2.einslive-reinschauen:after { content:url('/images/icons/1live_pause.svg'); }
.teaser.ti-group .text .playing h2.wdr-reinhoeren:after, .teaser.ti-group .text .playing h2.wdr-reinschauen:after { content:url('/images/icons/wdr2_pause.svg'); }
.teaser.ti-group .text .playing h2.hitradio-reinhoeren:after, .teaser.ti-group .text .playing h2.hitradio-reinschauen:after { content:url('/images/icons/hitradio_pause.svg'); }
.teaser.ti-group .text .playing h2:hover.einslive-reinhoeren:after, .teaser.ti-group .text .playing h2:hover.einslive-reinschauen:after { content:url('/images/icons/1live_pause_hover.svg'); }
.teaser.ti-group .text .playing h2:hover.wdr-reinhoeren:after, .teaser.ti-group .text .playing h2:hover.wdr-reinschauen:after { content:url('/images/icons/wdr2_pause_hover.svg'); }
.teaser.ti-group .text .playing h2:hover.hitradio-reinhoeren:after, .teaser.ti-group .text .playing h2:hover.hitradio-reinschauen:after { content:url('/images/icons/hitradio_pause_hover.svg'); }
.teaser.ti-group .text h3 {
  margin-top:.55rem;
  text-transform:none;
  font-family:'Roboto Slab', serif;
  color:var(--dark);
  font-weight:400;
}
.teaser.ti-group .text h3 strong { font-family:'Roboto Slab Bold', serif; }
.teaser.ti-group .text p:not(.no-flex) {
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  padding-left:0;
}
.teaser.ti-group .text p .large-green {
  min-width:6.66rem;
  text-align:right;
  margin-right:.83rem;
  white-space:nowrap;
}
.teaser.ti-group .video-container {
  overflow:hidden;
  display:flex;
}
.teaser.ti-group .video-container.playing video { width:100%; }
.teaser.ti-group .video-container video {
  max-width:100%;
  transform:scale(1);
  transition:transform ease-in-out .2s;
}
.teaser.ti-group .video-container:not(.playing) video:hover { transform:scale(1.05); }
.teaser.ti-group audio {
  opacity:0;
  visibility:hidden;
  height:0;
}
.teaser .multi-tarif {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  max-width:fit-content;
  margin:clamp(0px,2.6vw,50px) auto 0;
}
.teaser .multi-tarif p { margin:0; }
.teaser .multi-tarif p button { margin:0; }
@media (max-width: 991px) {
  .teaser .multi-tarif { justify-content:center; }
  .teaser .multi-tarif p { padding-left:0 !important; }
}
.lrn-news-list:not(.home) .teaser, .small-teaser:not(.home) .teaser { position:relative; }
.lrn-news-list:not(.home) .teaser.article .text, .small-teaser:not(.home) .teaser.article .text {
  padding-top:1.66rem;
  padding-right:.83rem;
  padding-left:3.88rem;
  min-height:15.27rem;
  position:relative;
  z-index:1;
}
.lrn-news-list:not(.home) .teaser.article .text h4, .small-teaser:not(.home) .teaser.article .text h4 {
  font-size:1.33rem;
  font-family:'Roboto Slab Bold', serif;
  font-weight:700;
  text-transform:none;
  margin-bottom:1.11rem;
  position:relative;
  word-break:normal;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.lrn-news-list:not(.home) .teaser.article .text h4:before, .small-teaser:not(.home) .teaser.article .text h4:before {
  content:url('/images/icons/headline-trenner.svg');
  position:absolute;
  z-index:-1;
  transform:translateX(-70%) translateY(-40%);
}
.lrn-news-list:not(.home) .teaser.article .text h4 .subtitle, .small-teaser:not(.home) .teaser.article .text h4 .subtitle {
  font-size:.9rem;
  font-weight:400;
}
.lrn-news-list:not(.home) .teaser.article .text button, .small-teaser:not(.home) .teaser.article .text button {
  margin:auto 0 0;
  font-family:'Open Sans Regular', sans-serif;
  font-size:.88rem;
  padding:1.05rem 2.16rem;
  max-height:3.16rem;
  align-self:flex-start;
  justify-self:flex-end;
}
.lrn-news-list:not(.home) .teaser.article .text h5, .small-teaser:not(.home) .teaser.article .text h5 {
  margin-bottom:1.11rem;
  text-transform:none;
  font-size:1.11rem;
}
.lrn-news-list:not(.home) .teaser.article .text:has(h5) h4, .small-teaser:not(.home) .teaser.article .text:has(h5) h4 { margin-bottom:0; }
.lrn-news-list:not(.home) .teaser.article .image picture img, .small-teaser:not(.home) .teaser.article .image picture img {
  aspect-ratio:1.5 / 1;
  object-fit:cover;
}
.small-teaser:not(.home) { height:100%; }
.small-teaser:not(.home) .teaser {
  height:100%;
  display:flex;
  flex-direction:column;
}
.small-teaser:not(.home) .teaser .image { flex:0 1 auto; }
.small-teaser:not(.home) .teaser .text { flex:1 1 auto; }
.small-teaser:not(.home) .teaser .text p:last-of-type { margin-bottom:1rem; }
.small-teaser:not(.home) .teaser a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}
.news-col { margin-bottom:3rem; }
.news-col >.lrn-newslist { height:100%; }
.news-col >.lrn-newslist > .lrn-listtype-news { height:100%; }
.news-col >.lrn-newslist > .lrn-listtype-news > .lrn-news-list { height:100%; }
.article-detail ol li { margin-bottom:.7rem; }
.article-detail .backlink {
  font-size:.8rem;
  padding:.27rem .55rem;
  margin-bottom:2rem;
  margin-left:calc(2rem + 1.66rem);
}
.article-detail .glossar { padding-left:calc(2rem + 1.66rem); }
.article-detail .glossar ul { margin:2rem 0 0; }
.article-detail article { padding-left:1.66rem; }
.article-detail article h3 {
  font-family:'Roboto Slab Bold', serif;
  font-weight:700;
  margin-bottom:1rem;
  margin-top:3rem;
  position:relative;
}
.article-detail article h3:before {
  content:url('/images/icons/headline-trenner-small.svg');
  height:5.27rem;
  width:2.88rem;
  display:block;
  position:absolute;
  transform:translate(-80%,-30%);
}
.article-detail article h4 { margin-bottom:1rem; }
.article-detail article p, .article-detail article img {
  padding-left:2rem;
  margin-bottom:1rem;
}
.article-detail article p img, .article-detail article img img { margin:1rem 0; }
.article-detail article ol { padding-left:4.222rem; }
.article-detail article ul {
  padding-left:3rem;
  list-style-type:disc;
}
.article-detail .kontakt-area {
  padding-left:calc(2rem + 1.66rem);
  margin:4rem 0;
}
.article-detail .kontakt-area p { margin-bottom:1rem; }
.article-detail .kontakt-area .kontakt-bottom p { margin:0; }
@media (min-width: 992px) {
  .article-detail .kontakt-area .kontakt-bottom h2 {
    max-width:80%;
    width:100%;
    margin:0 auto 2rem;
  }
}
@media (min-width: 992px) {
  .article-detail .kontakt-area .kontakt-bottom.media-elem h2 { max-width:100%; }
  .article-detail .kontakt-area .kontakt-bottom.media-elem .headline {
    max-width:80%;
    width:100%;
    margin:0 auto 2rem;
  }
}
.article-detail .article-subtext { margin-top:3rem; }
.article-detail .fussnoten {
  margin-top:2rem;
  padding-left:calc(2rem + 1.66rem);
}
.article-detail .fussnoten p {
  font-size:.7rem;
  line-height:1.8;
}
.article-detail p.box-green {
  margin:0;
  border:2px solid var(--accent-green);
  position:relative;
}
.article-detail p.box-green:before {
  content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.8 32.47'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23a5bb30;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cg%3E%3Cpath class='cls-1' d='m23.5,10.67c-1.9-1.8-4.5-2.6-7.1-2.3-4.1.5-7.4,3.8-7.9,7.8-.4,3,.6,5.8,2.8,7.8,1.4,1.3,2.1,3,2.1,4.6v.2c0,2,1.7,3.7,3.7,3.7h.6c2,0,3.7-1.7,3.7-3.7v-.6c0-1.5.7-2.9,1.9-4,2-1.7,3.1-4.2,3.1-6.8.1-2.6-1-5-2.9-6.7h0Zm-5.7,19.8h-.7c-.9,0-1.7-.8-1.7-1.7v-.3h4v.3c.1.9-.7,1.7-1.6,1.7h0Zm4.3-7.8c-1.2,1-2,2.4-2.4,3.8h-4.6c-.4-1.4-1.3-2.8-2.5-3.9-1.7-1.6-2.5-3.8-2.2-6.1.4-3.2,3-5.7,6.2-6.1h.8c1.7,0,3.4.6,4.7,1.8,1.5,1.3,2.4,3.3,2.4,5.3s-.9,3.9-2.4,5.2Z'/%3E%3Cpath class='cls-1' d='m34.1,17.57h-3.5c-.42,0-.7-.28-.7-.7s.35-.7.7-.7h3.5c.42,0,.7.28.7.7s-.28.7-.7.7Z'/%3E%3Cpath class='cls-1' d='m4.2,17.57H.7c-.42,0-.7-.28-.7-.7s.35-.7.7-.7h3.5c.42,0,.7.28.7.7s-.28.7-.7.7Z'/%3E%3Cpath class='cls-1' d='m16.7,4.2V.7c0-.42.28-.7.7-.7s.7.35.7.7v3.5c0,.42-.28.7-.7.7s-.7-.28-.7-.7Z'/%3E%3Cpath class='cls-1' d='m29.33,5.71l-2.47,2.47c-.3.3-.69.3-.99,0s-.25-.74,0-.99l2.47-2.47c.3-.3.69-.3.99,0s.3.69,0,.99Z'/%3E%3Cpath class='cls-1' d='m8.19,26.86l-2.47,2.47c-.3.3-.69.3-.99,0s-.25-.74,0-.99l2.47-2.47c.3-.3.69-.3.99,0s.3.69,0,.99Z'/%3E%3Cpath class='cls-1' d='m7.57,8.56l-2.47-2.47c-.3-.3-.3-.69,0-.99s.74-.25.99,0l2.47,2.47c.3.3.3.69,0,.99s-.69.3-.99,0Z'/%3E%3Cpath class='cls-1' d='m28.72,29.7l-2.47-2.47c-.3-.3-.3-.69,0-.99s.74-.25.99,0l2.47,2.47c.3.3.3.69,0,.99s-.69.3-.99,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display:block;
  width:2rem;
}
@media (min-width: 650px) {
  .article-detail p.box-green { padding:1rem 1rem 1rem 4rem; }
  .article-detail p.box-green:before {
    position:absolute;
    top:55%;
    translate:0 -50%;
    left:1rem;
  }
}
@media (max-width: 649px) {
  .article-detail p.box-green { padding:1rem; }
  .article-detail p.box-green:before { margin:0 auto 0.5rem auto; }
}
@media (min-width: 768px) {
  .article-detail p.box-green { margin-left:2rem; }
}
@media (max-width: 1099px) {
  .article-detail .two-col > div {
    flex:0 0 100%;
    max-width:100%;
  }
}
@media (min-width: 1100px) {
  .article-detail .two-col > div:last-of-type p:not(.box-green) { padding-left:0; }
  .article-detail .two-col > div:last-of-type p.box-green { margin-left:0; }
  .article-detail .two-col > div:last-of-type ul { padding-inline-start:0; }
}
.article-detail .two-col img {
  width:100%;
  margin:unset;
}
@media (min-width: 992px) and (pointer: fine) {
  .article-detail p:has(img) {
    cursor:pointer;
    position:relative;
    display:inline-block;
  }
  .article-detail p:has(img):before {
    content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='20' height='20' fill='%23FFF'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3Cpath d='M13,9H11V7A1,1,0,0,0,9,7V9H7a1,1,0,0,0,0,2H9v2a1,1,0,0,0,2,0V11h2a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E%0A");
    position:absolute;
    bottom:1rem;
    right:1rem;
    width:1.611rem;
    height:1.611rem;
    background:var(--accent-green);
    padding:0.25rem;
    opacity:0;
    transition:opacity 0.2s ease-in-out;
    pointer-events:none;
  }
  .article-detail p:has(img):hover:before { opacity:1; }
  .article-detail p:has(img) img { margin:0; }
}
@media (max-width: 991px), (pointer: coarse) {
  .article-detail p > img { pointer-events:none; }
}
#collapse-search {
  position:absolute;
  height:3.88rem;
  width:calc(100% - 6.66rem);
  max-width:1100px;
  z-index:250;
  background:var(--light);
  transition:all ease-in-out .2s;
  transform:translateY(-100%);
  opacity:0;
  visibility:hidden;
  top:calc(50% - 1.94rem);
}
#collapse-search input {
  padding:0 1.94rem;
  height:100%;
  border:none;
  box-shadow:0 0 .27rem .27rem var(--dark-transparent);
  background-image:url('/images/icons/lupe.svg');
  background-repeat:no-repeat;
  background-position:96% 50%;
}
#collapse-search.in {
  transform:translateY(0);
  opacity:1;
  visibility:visible;
}
.vue-slider {
  height:1px !important;
  margin-top:8rem;
  margin-bottom:8.88rem;
  margin-left:auto;
  margin-right:auto;
  max-width:1380px;
  max-width:80%;
}
.vue-slider-rail { background:var(--dark-gray-02); }
.vue-slide-dot-handle { border:1px solid var(--dark-gray-02); }
.vue-slider-dot {
  width:3.33rem !important;
  height:3.33rem !important;
  background-color:var(--light);
  border:1px solid var(--dark-gray-02);
  border-radius:50%;
}
.vue-slider-mark {
  width:2.22rem !important;
  height:2.22rem !important;
  background:var(--light);
  border:1px solid var(--dark-gray-02);
  border-radius:50%;
  position:absolute;
}
.vue-slider-dot-handle, .vue-slider-mark-step {
  width:80%;
  height:80%;
  top:50% !important;
  left:50% !important;
  position:absolute;
  background:var(--light-gray-01);
  transform:translate(-50%,-50%);
  border-radius:50%;
  cursor:pointer;
}
.vue-slider-dot-handle:hover, .vue-slider-mark-step:hover { background:var(--accent-green); }
.vue-slider-dot-handle { background:var(--accent-green); }
.vue-slider-mark-label {
  font-size:1.66rem !important;
  font-family:'Roboto Slab';
  color:var(--light-gray-01);
  white-space:nowrap;
  left:50%;
  transform:translateX(-50%);
  cursor:pointer;
}
.vue-slider-mark-label:hover { color:var(--accent-green); }
.partner {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  column-gap:2.22rem;
  row-gap:2.5rem;
  margin-bottom:clamp(2.78rem,10.5vw,11.38rem);
  margin-top:4.44rem;
}
.partner figure {
  height:7.77rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--light);
  border:1px solid var(--light-gray-01);
  box-shadow:0 0 .55rem var(--light);
  transition:all ease-in-out .2s;
  position:relative;
  padding:clamp(.83rem,1.7vw,1.94rem) clamp(1.11rem,2.2vw,2.22rem) clamp(1.11rem,2.2vw,2.22rem);
}
.partner figure:hover { box-shadow:0 0 .55rem var(--dark-gray-02); }
.partner figure a {
  z-index:1;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.source {
  margin-top:clamp(4.17rem,7.3vw,var(--main-nav-height));
  margin-bottom:.5rem;
  color:var(--main-blue);
}
.source p {
  line-height:1.11rem;
  font-size:.67rem;
}
.large-text h2 { margin-bottom:1.5rem; }
.large-text h3 { margin:1.5rem 0 .5rem 0; }
.lrn-el-608 .lrn-listtype-news .lrn-news-list .teaser .image picture img { object-fit:contain; }
.release_date, .release_date_full {
  font-size:.8rem;
  color:var(--accent-green);
  margin-bottom:.5rem;
}
@media (min-width: 1500px) {
  .release_date, .release_date_full { margin-left:1rem; }
}
@media (min-width: 769px) {
  .release_date_full { margin-left:calc(3.66rem); }
}
.audio__reference, .video__reference { margin-top:1rem; }
.audio__reference h3.button_text, .video__reference h3.button_text {
  margin-bottom:unset !important;
  color:var(--main-blue) !important;
  font-weight:bold;
}
.audio__reference .button__wrap button, .video__reference .button__wrap button {
  align-items:center;
  gap:1rem;
  transition:scale .2s ease-in-out;
}
.audio__reference .button__wrap button .button_text, .video__reference .button__wrap button .button_text { margin-bottom:0px; }
.audio__reference .button__wrap button:hover, .video__reference .button__wrap button:hover { scale:1.05; }
.audio__reference .button__wrap .play, .audio__reference .button__wrap .video-play, .video__reference .button__wrap .play, .video__reference .button__wrap .video-play {
  animation:unset;
  display:flex;
}
.audio__reference .button__wrap .play.hide, .audio__reference .button__wrap .video-play.hide, .video__reference .button__wrap .play.hide, .video__reference .button__wrap .video-play.hide { display:none; }
.audio__reference .button__wrap .pause, .audio__reference .button__wrap .video-pause, .video__reference .button__wrap .pause, .video__reference .button__wrap .video-pause {
  animation:unset;
  display:flex;
}
.audio__reference .button__wrap .pause.hide, .audio__reference .button__wrap .video-pause.hide, .video__reference .button__wrap .pause.hide, .video__reference .button__wrap .video-pause.hide { display:none; }
.audio__reference.single-reference, .video__reference.single-reference {
  display:flex;
  justify-content:center;
  margin:0 0 5rem;
}
.content-grid {
  display:grid;
  grid-template-columns:1fr;
  grid-auto-rows:min-content;
  gap:1rem;
  align-items:center;
  scroll-margin-block-end:3rem;
}
@media (min-width: 1200px) {
  .content-grid {
    display:grid;
    grid-template-columns:4fr 2fr;
    align-items:center;
    scroll-margin-block-end:3rem;
  }
}
.button-center {
  display:flex;
  justify-content:center;
  margin-block:2rem;
}
.content-grid > div {
  display:flex;
  flex-direction:column;
}
.research-list {
  display:flex;
  flex-direction:column;
  gap:2rem;
}
.research-list section:not(.container) { margin-top:2rem; }
.research-list section h3 { margin-bottom:1rem; }
.research-list section p { margin-bottom:1rem; }
.research-list section button p { margin:0; }
.workshops { margin-bottom:4rem; }
.workshops h3 {
  padding-left:0 !important;
  font-family:'Roboto Slab Bold', serif;
  margin-bottom:1rem;
  margin-top:3rem;
  position:relative;
  word-break:normal;
  hyphens:auto;
  -webkit-hyphens:auto;
}
.workshops h3:before {
  content:url('/images/icons/headline-trenner-small.svg');
  height:5.27rem;
  width:2.88rem;
  display:block;
  position:absolute;
  transform:translate(-80%,-30%);
}
.workshops .top {
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
}
.workshops .top .img { flex:5; }
.workshops .top .infobox {
  flex:1;
  border:2px solid var(--accent-green);
  align-self:flex-start;
  padding:.75rem;
}
.workshops .top .infobox p { margin-bottom:.5rem; }
.workshops .top .infobox p:last-of-type { margin-bottom:0; }
.workshops .top .infobox p span { font-family:'Roboto Slab Bold', serif; }
.workshops .main-content > * { padding-left:2rem; }
.workshops .main-content ul {
  padding-left:2rem;
  list-style-type:disc;
}
.workshops .referent {
  display:flex;
  flex-wrap:wrap;
  padding-left:2rem;
  gap:1rem;
  max-width:100%;
}
.workshops .referent img {
  flex:1;
  align-self:flex-start;
}
.workshops .referent .text { flex:3; }
.workshops-title:before {
  content:url('/images/icons/headline-trenner-small.svg');
  height:5.27rem;
  width:2.88rem;
  display:block;
  position:absolute;
  transform:translate(-80%,-30%);
}
.workshop-filter-container .workshoplist-filter {
  margin-bottom:30px;
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}
.workshop-filter-container .workshoplist-filter select {
  flex:1 0 auto;
  max-width:21rem;
  min-width:10rem;
  appearance:none;
  font-size:1rem;
  font-weight:700;
  text-transform:uppercase;
  padding:1rem .777rem;
  border:1px solid #D0D0D0;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.797' height='9.313' viewBox='0 0 15.797 9.313'%3E%3Cg id='Component_197_1' data-name='Component 197 – 1' transform='translate(0.707 0.707)'%3E%3Cpath id='Path_133' data-name='Path 133' d='M-2048-14401l7.192,7.191,7.192-7.191' transform='translate(2048 14400.995)' fill='none' stroke='%23707070' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .777rem top 50%, 0 0;
  background-color:transparent;
  transition:all ease-in-out .2s;
}
.workshop-filter-container .workshoplist-filter select:hover {
  border-color:var(--accent-green);
  color:var(--accent-green);
  cursor:pointer;
}
.workshop-overview-table {
  width:100%;
  position:relative;
  border-collapse:collapse;
}
.workshop-overview-table th, .workshop-overview-table td {
  font-size:1rem;
  padding:1.22rem;
  text-align:left;
}
.workshop-overview-table th {
  text-transform:uppercase;
  font-family:'Open Sans Bold', sans-serif;
}
.workshop-overview-table tr {
  border-bottom:2px solid var(--dark-transparent);
  background:var(--light-gray-03);
  transition:all ease-in-out .2s;
}
.workshop-overview-table tr:first-of-type { background:none; }
.workshop-overview-table td {
  transition:all ease-in-out .2s;
  border-right:none;
}
.workshop-overview-table td:first-of-type {
  min-width:8.88rem;
  border-left:none;
}
@media (min-wdith: 1200px) {
  .workshop-overview-table td:last-of-type { width:7.777rem; }
}
.workshop-overview-table td.workshop-type {
  border-left:none;
  display:flex;
  justify-content:flex-end;
}
.workshop-overview-table td.workshop-type span {
  border:2px solid var(--accent-green);
  background:var(--accent-green);
  color:#FFF;
  text-transform:uppercase;
  padding:clamp(.5rem,.833vw,.833rem) clamp(.8rem,1.5vw,1.77rem) clamp(.5rem,.88vw,.88rem);
  font-family:'Noto Sans ExtraBold', sans-serif;
  transition:all ease-in-out .2s;
  display:block;
  width:10.277rem;
  white-space:nowrap;
  max-width:fit-content;
}
@media (min-width: 1200px) {
  .workshop-overview-table td { border-left:2px solid var(--dark-transparent); }
}
.workshop-overview-table tr.clickable:hover {
  cursor:pointer;
  background:var(--accent-green);
}
.workshop-overview-table tr.clickable:hover td {
  color:#FFF;
  border-color:#FFF;
}
.workshop-overview-table tr.clickable:hover td.workshop-type span { border-color:#FFF; }
@media screen and (max-width: 1199px) {
  .workshop-overview-table tr {
    display:flex;
    flex-direction:column;
    height:auto;
  }
  .workshop-overview-table tr:first-of-type { display:none; }
  .workshop-overview-table tr td {
    width:100%;
    padding:10px 22px;
    text-align:left;
  }
}
.workshop-details { margin-bottom:2rem; }
.workshop-details .workshop-teaser {
  font-size:1.5rem;
  font-family:'Open Sans Bold', sans-serif;
  margin-bottom:1.666rem;
}
.workshop-details .workshop-description { margin-bottom:1.666rem; }
input[type="radio"].reg_form_input {
  width:1.111rem;
  height:1.111rem;
  background:#FFF;
}
input[type="radio"].reg_form_input:before {
  width:75%;
  height:75%;
}
input[type="radio"].reg_form_input:checked {
  width:1.111rem;
  height:1.111rem;
  border-color:var(--accent-green);
}
input[type="radio"].reg_form_input:checked:before {
  width:75%;
  height:75%;
}
input[type="text"].reg_form_input, input[type="email"].reg_form_input, input[type="number"].reg_form_input, input[type="password"].reg_form_input, textarea.reg_form_input {
  padding:.5rem;
  background:#FFF;
}
select {
  font-size:1rem;
  border:1px solid var(--light-gray-01);
  width:100%;
  transition:border-color ease-in-out .2s;
  padding:.5rem;
  background:#FFF;
  margin-top:.666rem;
  height:2.555rem;
}
select:hover {
  border-color:var(--main-blue);
  cursor:pointer;
}
#registration_form label, #shirtorderform label {
  text-transform:uppercase;
  font-family:'Open Sans Bold', sans-serif;
}
#registration_form section.anschrift, #shirtorderform section.anschrift {
  margin:0 0 2.222rem;
  gap:2.777rem 0;
}
#registration_form section.anschrift > div, #shirtorderform section.anschrift > div { padding:0; }
#registration_form section.anschrift .inner-grid, #shirtorderform section.anschrift .inner-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
  grid-template-rows:auto;
  gap:2.777rem 2.222rem;
}
@media (max-width: 1187px) {
  #registration_form section.anschrift .inner-grid, #shirtorderform section.anschrift .inner-grid { grid-template-columns:repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); }
}
#registration_form section.anschrift .inner-grid input, #shirtorderform section.anschrift .inner-grid input { margin-top:.666rem; }
#registration_form section.anschrift textarea, #shirtorderform section.anschrift textarea { margin-top:2.777rem; }
#registration_form section.submitArea, #shirtorderform section.submitArea { margin-top:3.166rem; }
#registration_form section.submitArea input, #shirtorderform section.submitArea input {
  margin:unset;
  padding:1rem 2.333rem;
  text-transform:uppercase;
  font-size:1rem;
  font-family:'Open Sans Bold', sans-serif;
}
#registration_form i, #shirtorderform i {
  font-family:'Open Sans Italic', sans-serif;
  font-size:.666rem;
}
#registration_form .anrede, #shirtorderform .anrede {
  justify-content:space-evenly;
  align-self:flex-start;
}
#registration_form .anrede > :not(.form-group), #shirtorderform .anrede > :not(.form-group) {
  flex:0 0 100%;
  height:1.5rem;
  margin-bottom:1.2rem;
}
#registration_form .anrede .form-group, #shirtorderform .anrede .form-group { align-self:center; }
#registration_form .anrede .form-group label, #shirtorderform .anrede .form-group label {
  text-transform:unset;
  font-family:'Open Sans', sans-serif;
  margin:0 0 0 .555rem;
}
#shirtorderform {
  max-width:66.666rem;
  margin:2.944rem auto 3.333rem;
}
#shirtorderform section.anschrift .inner-grid { gap:2.777rem 1.111rem; }
#shirtorderform section.anschrift .inner-grid .sizes-column, #shirtorderform section.anschrift .inner-grid .images-column {
  grid-column-start:1;
  grid-column-end:3;
}
#shirtorderform section.anschrift .inner-grid .images-column .images {
  gap:1.111rem;
  flex-wrap:wrap;
}
#shirtorderform section.anschrift .inner-grid .images-column .images > div { flex:1 1 calc(50% - 0.5 * 1.111rem); }
#shirtorderform .shared-fields {
  display:flex;
  gap:1.111rem;
}
#shirtorderform .shirt-sizes {
  gap:1rem;
  margin-top:.666rem;
}
#shirtorderform .shirt-sizes input[type="radio"] { margin:0 !important; }
#shirtorderform .shirt-sizes label:hover { cursor:pointer; }
#shirtorderform .shirt-sizes .form-group { gap:.3rem; }
.error__list {
  list-style:disc;
  list-style-position:inside;
}
.error__list li {
  color:red;
  margin-bottom:unset;
}
.slider-container article.article-detail { margin-bottom:3.333rem; }
.blog-slider {
  position:relative;
  padding:2.388rem 0 2.055rem;
}
.blog-slider::before {
  content:'';
  position:absolute;
  top:0;
  left:-50vw;
  width:200vw;
  height:100%;
  background:var(--light-blue-02);
  z-index:-1;
}
.blog-slider .glide__slides { align-items:stretch; }
.blog-slider .glide__slides .glide__slide {
  display:grid;
  grid-template-columns:1fr 1fr;
  padding-left:3.66rem;
  height:auto;
}
.blog-slider .glide__slides .glide__slide .blog-slider__image {
  padding:1.333rem 2.222rem 2.222rem 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.blog-slider .glide__slides .glide__slide .blog-slider__image iframe {
  width:100%;
  object-fit:cover;
  aspect-ratio:16/9;
}
.blog-slider .glide__slides .glide__slide .blog-slider__image .image-container {
  position:relative;
  max-height:90%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.blog-slider .glide__slides .glide__slide .blog-slider__image .image-container a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}
.blog-slider .glide__slides .glide__slide .blog-slider__image .image-container img {
  width:100%;
  height:100%;
  object-fit:contain;
}
.blog-slider .glide__slides .glide__slide .blog-slider__image .audio__reference { margin-top:0; }
.blog-slider .glide__slides .glide__slide .blog-slider__content {
  padding:1rem 1.333rem .666rem 2.222rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.blog-slider .glide__slides .glide__slide .blog-slider__content h4 {
  font-family:'Roboto Slab Bold', serif;
  margin-bottom:.555rem;
  text-transform:unset;
}
.blog-slider .glide__slides .glide__slide .blog-slider__content a { font-family:'Open Sans SemiBold', sans-serif; }
.blog-slider .glide__slides .glide__slide .blog-slider__content p { padding:0; }
.blog-slider .glide__slides .glide__slide .audio__reference { margin-top:.5rem; }
.blog-slider .glide__slides .glide__slide .audio__reference button {
  padding:0;
  display:flex;
  align-items:center;
  gap:1rem;
}
.blog-slider .glide__slides .glide__slide .audio__reference button h3 {
  margin:0;
  text-transform:unset;
  font-size:1.222rem;
}
.blog-slider .glide__slides .glide__slide .audio__reference button h3:before { content:none; }
.blog-slider .glide__slides .glide__slide .audio__reference button #pause { display:none; }
.blog-slider .glide__slides .glide__slide .audio__reference button.playing #pause { display:block; }
.blog-slider .glide__slides .glide__slide .audio__reference button.playing #play { display:none; }
.blog-slider .glide__slides .glide__slide .audio__reference button > * { pointer-events:none; }
.blog-slider .glide__arrows {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  display:flex;
  justify-content:space-between;
  height:1px;
  align-items:center;
}
.blog-slider .glide__arrows .glide__arrow--left { left:-3.888rem; }
.blog-slider .glide__arrows .glide__arrow--right { right:-5rem; }
.blog-slider .glide__bullets {
  align-items:center;
  justify-content:center;
  gap:1rem;
  margin-top:1.5rem;
}
.blog-slider .glide__bullets .glide__bullet {
  background:var(--light);
  padding:0;
  width:1rem;
  height:.5rem;
}
.blog-slider .glide__bullets .glide__bullet.glide__bullet--active { background:var(--accent-green); }
#blog-image-modal {
  max-width:90vw;
  max-height:90vh;
  padding:3rem 1rem 1rem;
  background:white;
  border:none;
  border-radius:4px;
  position:fixed;
  height:max-content;
  z-index:999;
}
#blog-image-modal[open] { display:flex; }
#blog-image-modal .header {
  position:absolute;
  top:1rem;
  right:1rem;
  cursor:pointer;
}
#blog-image-modal .header svg {
  width:1.388rem;
  height:1.388rem;
  transition:transform 0.2s ease-in-out;
}
#blog-image-modal .header:hover svg { transform:rotate(90deg); }
#blog-image-modal .image-container {
  display:flex;
  max-height:calc(86vh);
  overflow:hidden;
}
#blog-image-modal .image-container img {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  margin:auto;
}
#blog-image-modal::backdrop { background:rgba(0,0,0,0.5); }
.lrn-el-682 {
  max-width:1080px;
  margin:0 auto;
}
.kooperationen {
  display:flex;
  flex-wrap:wrap;
  gap:8.125rem;
  margin-block:5rem;
}
@media (min-width: 1200px) {
  .kooperationen { gap:10.625rem; }
}
.kooperationen .audio__reference button.play, .kooperationen .audio__reference button.video-play, .kooperationen .audio__reference button.pause, .kooperationen .audio__reference button.video-pause, .kooperationen .video__reference button.play, .kooperationen .video__reference button.video-play, .kooperationen .video__reference button.pause, .kooperationen .video__reference button.video-pause {
  padding-inline:0rem;
  padding-block:0rem;
}
@media (min-width: 1200px) {
  .kooperationen .audio__reference button.play, .kooperationen .audio__reference button.video-play, .kooperationen .audio__reference button.pause, .kooperationen .audio__reference button.video-pause, .kooperationen .video__reference button.play, .kooperationen .video__reference button.video-play, .kooperationen .video__reference button.pause, .kooperationen .video__reference button.video-pause { padding-block:inherit; }
}
.kooperationen .kooperation {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
@media (min-width: 1200px) {
  .kooperationen .kooperation { flex-direction:row; }
}
.kooperationen .kooperation picture {
  display:flex;
  align-self:center;
}
@media (min-width: 1200px) {
  .kooperationen .kooperation picture { align-self:start; }
}
.kooperationen .kooperation picture img {
  aspect-ratio:1.5028901734104;
  object-fit:contain;
}
.kooperationen .kooperation .content {
  padding:.66rem 0.83rem 0 1.88rem;
  min-height:15.27rem;
  position:relative;
  z-index:1;
}
@media (min-width: 768px) {
  .kooperationen .kooperation .content {
    padding:.66rem 0.83rem 0 3.88rem;
    flex:0 0 70%;
    max-width:70%;
  }
}
.kooperationen .kooperation .content h4 {
  font-size:1.33rem;
  font-family:'Roboto Slab Bold', serif;
  font-weight:700;
  text-transform:none;
  margin-bottom:1.11rem;
  position:relative;
  word-break:normal;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.kooperationen .kooperation .content h4:before {
  content:url('/images/icons/headline-trenner.svg');
  position:absolute;
  z-index:-1;
  transform:translateX(-70%) translateY(-40%);
}
.kooperationen .kooperation .content h4 .subtitle {
  font-size:.9rem;
  font-weight:400;
}
.kooperationen .kooperation .content .probe-container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:1rem;
}
@media (min-width: 1200px) {
  .kooperationen .kooperation .content .probe-container { gap:3rem; }
}
.video-modal {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
  background:rgba(0,0,0,0.9);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.3s ease, visibility 0.3s ease;
}
.video-modal.show {
  opacity:1;
  visibility:visible;
}
.video-modal__overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
}
.video-modal__container {
  position:relative;
  max-width:90vw;
  max-height:90vh;
  background:#000;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,0.5);
}
.video-modal__close {
  position:absolute;
  top:10px;
  right:10px;
  background:rgba(0,0,0,0.7);
  border:none;
  border-radius:50%;
  width:40px;
  height:40px;
  color:white;
  cursor:pointer;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background-color 0.2s ease;
  font-size:18px;
  padding:0;
}
.video-modal__close:hover { background:rgba(0,0,0,0.9); }
.video-modal__close:focus {
  outline:2px solid rgba(255,255,255,0.5);
  outline-offset:2px;
}
.video-modal__content { position:relative; }
.video-modal video {
  width:100%;
  height:auto;
  max-height:90vh;
}
@media (max-width: 768px) {
  .video-modal__overlay { padding:5px; }
  .video-modal__container {
    max-width:95vw;
    max-height:95vh;
  }
  .video-modal__close {
    top:5px;
    right:5px;
    width:35px;
    height:35px;
    font-size:16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .video-modal { transition:none; }
}
.contact-section {
  max-width:1080px;
  margin:0 auto;
  margin-block:9.375rem;
}
.contact-section .contact-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}
@media (min-width: 1200px) {
  .contact-section .contact-container {
    gap:4.875rem;
    flex-direction:row;
  }
}
.contact-section .contact-container .contact-info { padding-inline:1rem; }
@media (min-width: 768px) {
  .contact-section .contact-container .contact-info { padding-inline:0rem; }
}
.contact-section .contact-container .contact-heading { position:relative; }
.contact-section .contact-container .contact-heading:before {
  content:url(/images/icons/headline-trenner.svg);
  position:absolute;
  z-index:-1;
  transform:translateX(-70%) translateY(-30%);
}
#lrn-bi-63 h1, #lrn-bi-63 h2, #lrn-bi-63 h3, #lrn-bi-63 h4, #lrn-bi-63 h5, #lrn-bi-63 h6 {
  font-family:'Roboto Slab Bold', serif;
  text-transform:unset;
}
.lrn-el-686 .slider-container article.article-detail h3 {
  font-family:'Open Sans', sans-serif !important;
  text-align:center;
}
.language-nav-container {
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  gap:1rem;
  margin-bottom:2rem;
  align-items:start;
}
.language-nav-container .backlink { margin-bottom:0rem; }
@media (min-width: 500px) {
  .language-nav-container {
    flex-direction:row;
    margin-bottom:0rem;
  }
  .language-nav-container .backlink { margin-bottom:2rem; }
}
.language-nav-container .language-nav {
  --image-size:1.5rem;
  display:flex;
  flex-direction:row;
  gap:.5rem;
}
.language-nav-container .language-nav .language-nav-item a img {
  width:var(--image-size);
  aspect-ratio:1;
  border-radius:50%;
  transition:all ease-in-out .2s;
}
.language-nav-container .language-nav .language-nav-item:hover a img { box-shadow:0px 0px 0px 2px var(--accent-green); }
.language-nav-container .language-nav .language-nav-item.active a img { box-shadow:0px 0px 0px 2px var(--accent-green); }
article ul.emoji-list {
  list-style:none;
  padding-left:0rem !important;
}
@media (min-width: 768px) {
  article ul.emoji-list { padding-left:2rem !important; }
}
article ul.emoji-list li {
  position:relative;
  list-style:none;
  padding-left:2rem;
  margin-bottom:0.5rem;
}
article ul.emoji-list li::before {
  position:absolute;
  left:0;
  top:0;
}
article ul.emoji-list li:nth-of-type(1)::before { content:"⚓️"; }
article ul.emoji-list li:nth-of-type(2)::before { content:"🚲"; }
article ul.emoji-list li:nth-of-type(3)::before { content:"💼"; }
article ul.emoji-list li:nth-of-type(4)::before { content:"🍇"; }
article ul.emoji-list li:nth-of-type(5)::before { content:"🥨"; }
.navigation {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:200;
  background:var(--light);
}
.navigation .container-nav .navigation-set {
  width:100%;
  height:var(--main-nav-height);
  position:relative;
  z-index:210;
  transition:height .2s;
}
.navigation .container-nav .navigation-set > div { width:100%; }
.navigation .container-nav .navigation-set > div .navigation-responsive { flex:1 1 100%; }
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main {
  display:inline-flex;
  list-style:none;
  padding:0;
  margin:0;
  position:relative;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li {
  padding-right:clamp(30px,5.2vw,100px);
  margin:0;
  display:inline-block;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li:last-of-type { padding-right:0; }
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li > a, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li span {
  display:inline-block;
  text-align:left;
  font-size:20px;
  text-decoration:none;
  color:var(--main-blue);
  position:relative;
  white-space:nowrap;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li > a:before, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li span:before {
  display:block;
  content:attr(data-name);
  font-weight:700;
  font-family:'Open Sans Bold', sans-serif;
  height:0;
  overflow:hidden;
  visibility:hidden;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li > a:after, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li span:after {
  position:absolute;
  transform:translateX(0);
  content:url("/images/icons/nav-trenner.svg");
  color:var(--accent-green);
  opacity:0;
  transition:opacity .3s, transform .3s;
  left:0;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li > a[aria-expanded="true"], .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li span[aria-expanded="true"] { font-family:'Open Sans Bold', sans-serif; }
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li > a[aria-expanded="true"]:after, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li span[aria-expanded="true"]:after {
  opacity:1;
  transform:translateX(-20px);
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.active > a, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.active span, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.open > a, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.open span { font-family:'Open Sans Bold', sans-serif; }
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.active > a:after, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.active span:after, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.open > a:after, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.open span:after {
  opacity:1;
  transform:translateX(-20px);
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li:hover > a, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li:hover span {
  cursor:pointer;
  font-weight:700;
  font-family:'Open Sans Bold', sans-serif;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li:hover > a:after, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li:hover span:after {
  opacity:1;
  transform:translateX(-20px);
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.has-sub { position:relative; }
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.has-sub ul {
  position:absolute;
  background:var(--light);
  box-shadow:0 0 10px rgba(0,0,0,0.3);
  padding:30px 45px 30px 40px;
  left:-40px;
  transition:all ease-in-out .4s;
  opacity:0;
  visibility:hidden;
  z-index:-1;
  display:flex;
  flex-direction:column;
  top:2.5rem;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.has-sub ul li {
  padding:0;
  margin-bottom:1.1rem;
}
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.has-sub ul li:last-of-type { margin-bottom:0; }
.navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li.has-sub:hover ul {
  opacity:1;
  visibility:visible;
}
.navigation .navigation_logo {
  width:330px;
  height:205px;
  position:absolute;
  padding-top:30px;
  padding-right:60px;
  display:flex;
  justify-content:flex-end;
  transition:transform ease-in-out .2s;
  transform:scale(1);
  transform-origin:top left;
}
.navigation .navigation_logo svg {
  position:absolute;
  top:0;
  left:0;
  max-width:100%;
  height:auto;
}
.navigation .navigation_logo img {
  max-width:151px;
  max-height:53px;
  position:relative;
}
.navigation .navigation_logo a {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:2;
}
.navigation.scrolled { box-shadow:0 7px 7px var(--dark-transparent); }
.navigation.scrolled .container-nav .navigation-set { height:var(--scrolled-nav-height); }
.navigation.scrolled .navigation_logo { transform:scale(.7); }
.navigation-responsive_toggle {
  background:var(--light);
  position:relative;
  padding:10px 5px;
  animation:unset;
  display:flex;
  align-items:center;
  border-radius:5px;
}
.navigation-responsive_toggle svg g line { transition:all ease-in-out .2s; }
.navigation-responsive_toggle:hover {
  background:var(--main-blue);
  animation:none !important;
}
.navigation-responsive_toggle:hover svg g line { stroke:var(--light); }
@media (min-width: 1100px) {
  .navigation-responsive_toggle { display:none; }
}
.navigation-responsibe_toggle { display:none; }
footer {
  display:flex;
  position:relative;
  background:var(--light);
  height:var(--main-nav-height);
  margin-top:clamp(4.17rem,7.3vw,var(--main-nav-height));
}
footer .footer-nav {
  display:flex;
  justify-content:flex-end;
  width:100%;
  padding-right:320px;
}
footer .footer-nav .lrn-element {
  display:flex;
  align-items:center;
}
footer .footer-nav ul {
  margin:0;
  padding-inline-start:0;
  list-style-type:none;
  display:flex;
  flex-wrap:wrap;
}
footer .footer-nav ul li {
  flex:1 0 auto;
  margin:5px 20px;
  white-space:nowrap;
}
footer .footer-nav ul li a { color:var(--main-blue); }
footer .shape {
  width:15.56rem;
  height:9.72rem;
  position:absolute;
  bottom:0;
  right:0;
  background:var(--main-blue);
  clip-path:polygon(16% 21%,100% 0,100% 100%,0% 100%);
  padding-top:5.22rem;
  padding-left:3.65rem;
  cursor:pointer;
}
footer .shape img {
  max-width:6.22rem;
  max-height:2.17rem;
}
[class*="side_contact_area_"] { display:inline-block; }
#header {
  width:100%;
  height:calc(100vh - var(--main-nav-height));
  margin-top:var(--main-nav-height);
  position:relative;
  background:var(--bg-placeholder);
}
#header picture {
  width:100%;
  height:100%;
}
#header picture img {
  object-fit:cover;
  object-position:80%;
  max-height:100%;
  height:100%;
  width:auto;
  min-width:100%;
}
#header .gradient-layer {
  position:absolute;
  width:100%;
  height:50%;
  bottom:0;
  right:0;
  background:linear-gradient(-10deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 60%);
}
#header .channel {
  position:absolute;
  bottom:0;
  right:0;
  padding-right:120px;
  padding-bottom:1.66rem;
}
#header .channel button {
  padding:0;
  margin:0 25px;
  background:transparent;
  max-width:6.66rem;
}
#header .channel button:first-of-type { margin-left:0; }
#header .channel button:last-of-type { margin-right:0; }
#header .channel button p { margin:0; }
#header .channel button a { z-index:1; }
#header .channel button img.best-of {
  position:relative;
  top:.8rem;
  aspect-ratio:1.3444 / 1;
  width:4.44rem;
}
#header .shapes {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#header .shapes .shape, #header .shapes .shape-border {
  background:var(--light-blue-01);
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
}
#header .shapes .shape { clip-path:polygon(0 0,42% 0,56% 100%,0% 100%); }
#header .shapes .shape-border {
  background:var(--light-blue-02);
  clip-path:polygon(0 0,43.5% 0,57.5% 100%,0% 100%);
}
#header .header-content {
  position:absolute;
  top:0;
  left:0;
  padding:12.22rem 0 0 min(10vw,15.55rem);
}
#header .header-content h1, #header .header-content h2 {
  color:var(--light);
  text-transform:none;
  margin:0;
}
#header .header-content h1 {
  font-size:clamp(2.61rem,3.7vw,5.22rem);
  line-height:clamp(3.16rem,6.8vw,7.22rem);
  margin-bottom:.83rem;
}
#header .header-content h2 {
  font-family:'Open Sans', sans-serif;
  font-size:clamp(1.11rem,2.1vw,2.33rem);
  line-height:clamp(1.66rem,3.2vw,3.16rem);
  font-weight:400;
  padding-left:5px;
  margin-bottom:5rem;
}
#header .header-content .btns {
  display:flex;
  margin:60px -21px 0;
}
#header .header-content .btns button {
  position:relative;
  width:12.77rem;
  height:3.88rem;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0 1.16rem;
}
#header .header-content .btns button span {
  font-size:1rem;
  font-family:'Open Sans SemiBold', sans-serif;
  display:flex;
  align-items:center;
}
#header .header-content .btns button span:after {
  display:block;
  width:1.66rem;
  height:1.66rem;
  margin-left:.83rem;
}
#header .header-content .btns button a {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1;
}
#header .header-content .btns button:first-of-type span:after { content:url('/images/icons/tarif-dl.svg'); }
#header .header-content .btns button:last-of-type span:after { content:url('/images/icons/beratung-bubble.svg'); }
#header .header-content .btns button:hover:first-of-type span:after { content:url('/images/icons/tarif-dl-green.svg'); }
#header .header-content .btns button:hover:last-of-type span:after { content:url('/images/icons/beratung-bubble-green.svg'); }
#header .header-content .btns button.dialog-toggle { position:relative; }
#header .header-content .btns button.dialog-toggle span { pointer-events:none; }
#header .header-content .btns button.dialog-toggle dialog {
  position:absolute;
  width:100%;
  opacity:0;
  visibility:hidden;
  top:0;
  border:2px solid var(--accent-green);
  transition:all ease-in-out .2s;
  z-index:99;
}
#header .header-content .btns button.dialog-toggle dialog a {
  position:relative;
  width:unset;
  height:unset;
  color:var(--accent-green) !important;
}
#header .header-content .btns button.dialog-toggle dialog p {
  text-align:left;
  margin-bottom:.5rem;
}
#header .header-content .btns button.dialog-toggle dialog p:last-of-type { margin-bottom:0; }
#header .header-content .btns button.dialog-toggle dialog[open] {
  top:100%;
  opacity:1;
  visibility:visible;
}
#header .header-content > .channel { display:none; }
.header-short {
  margin-top:var(--main-nav-height);
  position:relative;
  margin-bottom:3.61rem;
  max-height:15.56rem;
  height:100%;
  min-height:15.56rem;
  display:flex;
  align-items:center;
}
.header-short .container {
  position:relative;
  inset:0;
  display:flex;
  align-items:center;
  padding-left:7.77rem;
}
.header-short .container h1 { color:var(--light); }
@media (max-width: 600px) {
  .header-short .container h1 { font-size:clamp(1.4rem,3.4vw,2rem); }
}
.header-short .container h1:has(span) span {
  font-size:1.8rem;
  display:inline-block;
  word-break:normal;
  hyphens:auto;
  -webkit-hyphens:auto;
}
@media (max-width: 600px) {
  .header-short .container h1:has(span) span { font-size:1.3rem; }
}
.header-short .container img {
  margin-right:2.5rem;
  width:clamp(9rem,5.913rem + 12.664vw,21.11rem);
}
.header-short .container img.square {
  max-height:7.5rem;
  width:auto;
}
.header-short.best-of .container img { width:clamp(6rem,10vw,10.1rem); }
.subtext { max-width:85%; }
.subtext h3 {
  font-family:'Open Sans', sans-serif;
  font-weight:400;
  text-transform:none;
  color:var(--dark);
  font-size:clamp(1rem,1.5vw,1.55rem);
  line-height:1.3;
  margin-bottom:4.44rem;
  margin-top:0;
}
.subtext h3 strong { font-family:'Open Sans Bold', sans-serif; }
.subtext h3 a { font-family:'Open Sans Bold', sans-serif; }
.kontakt-bottom > .lrn-element { display:none; }
.kontakt-bottom .image {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2.22rem;
}
.kontakt-bottom .image picture { margin-bottom:.55rem; }
.kontakt-bottom .image picture img { aspect-ratio:1.5; }
.kontakt-bottom .image picture:hover img { transform:scale(1.1); }
.kontakt-bottom h2 {
  margin-top:4.16rem;
  position:relative;
}
.kontakt-bottom h2:before {
  content:url('/images/icons/headline-trenner.svg');
  position:absolute;
  z-index:-1;
  transform:translateX(-70%) translateY(-25%);
}
.kontakt-bottom h4 {
  margin:4rem 0 0;
  font-family:'Open Sans Bold';
  text-transform:none;
  text-align:center;
}
.kontakt-bottom .buttons {
  display:flex;
  justify-content:center;
}
.kontakt-bottom .buttons > div { text-align:center; }
.kontakt-bottom .buttons > div button {
  padding:1.38rem 1.66rem;
  margin:.83rem 1.11rem 0 1.11rem;
}
.kontakt-bottom .social__wrap {
  display:flex;
  flex-direction:column;
}
.kontakt-bottom .social__wrap a {
  align-self:flex-start;
  padding-top:.3rem;
}
.kontakt-bottom .social__wrap img {
  max-width:24px;
  aspect-ratio:1;
}
@media (min-width: 1500px) {
  .kontakt-bottom .social__wrap {
    flex-direction:row;
    justify-content:space-between;
  }
}
.kontakt-bottom.media-elem > .headline { display:none; }
.kontakt-bottom.media-elem .headline { margin:4.16rem 0 1.4rem; }
.kontakt-bottom.media-elem .headline h2 { margin:0; }
.kontakt-bottom.media-elem .headline h3 {
  margin:0;
  text-transform:unset;
}
.kontakt-bottom.media-elem .image { display:block; }
.kontakt-bottom.media-elem .image picture img {
  transition:transform ease-in-out .2s;
  transform:scale(1);
  aspect-ratio:unset;
}
.kontakt-bottom.media-elem .image picture:hover img { transform:scale(1.1); }
.kontakt-top { margin-bottom:6.66rem; }
.kontakt-top .text {
  display:flex;
  justify-content:center;
  margin-top:4.72rem;
}
.kontakt-top .text .lrn-element {
  background:var(--accent-green);
  height:100%;
  display:inline-flex;
  align-items:center;
  padding:1.38rem 3.61rem 1.55rem 2.22rem;
  clip-path:polygon(3% 0,100% 0%,97% 100%,0% 100%);
}
.kontakt-top .text .lrn-element p, .kontakt-top .text .lrn-element h1 { color:var(--light); }
.kontakt-top .text .lrn-element p {
  font-size:1.3rem;
  font-family:'Open Sans SemiBold', sans-serif;
}
.kontakt-top .text .lrn-element h1 {
  margin:0 3.88rem 0 2.5rem;
  font-size:clamp(1.7rem,3.2vw,3.35rem);
}
.kontakt-top .text .lrn-element h1 a { color:var(--light); }
.kontakt-top .image {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  row-gap:2.77rem;
  column-gap:1.11rem;
}
.kontakt-top .image figure {
  width:100%;
  max-width:28.88rem;
}
.kontakt-top .image figure:nth-of-type(4n + 2) { transform:translateX(-28%); }
.kontakt-top .image figure:nth-of-type(4n + 3) { transform:translateX(28%); }
.kontakt-top .image figure:nth-of-type(4n + 3), .kontakt-top .image figure:nth-of-type(4n + 4) { justify-self:flex-end; }
.kontakt-top .image figure picture { display:inherit; }
.kontakt-top .image figure picture img {
  width:100%;
  display:block;
  transition:transform ease-in-out .2s;
  transform:scale(1);
  transform-origin:center;
  aspect-ratio:1.5;
}
.kontakt-top .image figure picture img:hover { transform:scale(1.1); }
.kontakt-top .image figcaption {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-end;
}
.kontakt-top .image figcaption span {
  text-align:right;
  font-family:'Roboto Slab Light', serif;
  color:var(--main-blue);
  font-size:1.3rem;
  margin-top:.66rem;
  position:relative;
}
.kontakt-top .image figcaption span strong { font-family:'Roboto Slab Bold', serif; }
.kontakt-top .image figcaption span:not(.position):before {
  content:url('/images/icons/headline-trenner-small.svg');
  height:5.44rem;
  width:2.88rem;
  display:block;
  position:absolute;
  transform:translate(-80%,-40%);
}
.kontakt-top .image figcaption span.position {
  margin-top:-1rem;
  font-size:1rem;
}
.kontakt-top .image figcaption .social__wrap {
  display:flex;
  flex-direction:column;
  min-height:4.56rem;
}
.kontakt-top .image figcaption .social__wrap a {
  align-self:flex-start;
  padding-top:.3rem;
}
.kontakt-top .image figcaption .social__wrap img {
  max-width:24px;
  aspect-ratio:1;
}
@media (min-width: 1024px) {
  .kontakt-top .image figcaption .social__wrap a { padding-top:.5rem; }
}
.kontakt-top .kontakt-at {
  text-align:center;
  margin-top:1.5rem;
}
.kontakt-top .kontakt-at a {
  font-size:1.3rem;
  white-space:nowrap;
  padding:0 1rem;
}
.kontakt-top .kontakt-at h4 {
  font-size:1.5rem;
  font-family:'Open Sans Bold', sans-serif;
  text-transform:none;
  color:var(--accent-green);
  display:inline-block;
}
.feedbackform {
  max-width:44.44rem;
  margin:0 auto;
}
.feedbackform h2 {
  margin-bottom:4.16rem;
  position:relative;
}
.feedbackform h2:before {
  content:url('/images/icons/headline-trenner.svg');
  height:10rem;
  width:5.44rem;
  display:block;
  position:absolute;
  transform:translate(-80%,-30%);
}
.feedbackform fieldset { margin-bottom:3.88rem; }
.feedbackform fieldset input { margin-bottom:2.22rem; }
.feedbackform fieldset input[type="checkbox"] { margin:0; }
.feedbackform fieldset .textarea { margin-bottom:3.88rem; }
.feedbackform fieldset .textarea #counter {
  display:flex;
  justify-content:flex-end;
  margin-top:.44rem;
}
.feedbackform fieldset .textarea #counter span {
  color:var(--dark-gray-01);
  font-size:.8rem;
}
.feedbackform fieldset .checkbox {
  position:relative;
  padding-left:1.6rem;
}
.feedbackform fieldset .checkbox input {
  position:absolute;
  left:0;
  top:.72rem;
  transform:translateY(-50%);
}
.feedbackform fieldset .checkbox label {
  color:var(--dark-gray-01);
  line-height:0;
}
.feedbackform .submit {
  display:flex;
  justify-content:center;
}
.lrn-feedbackanswer {
  font-size:2rem;
  color:var(--main-blue);
  font-family:'Open Sans Bold', sans-serif;
  text-align:center;
}
.side-contact-area {
  position:fixed;
  right:2.77rem;
  top:10.55rem;
  display:flex;
  flex-direction:column;
  z-index:10;
  transform:translateX(200%);
  transition:transform ease-in-out .2s, top ease-in-out .2s;
}
.side-contact-area.show { transform:translateX(0); }
.side-contact-area.lower { top:calc(var(--navHeaderHeight) + 3.61rem); }
.side-contact-area.lower.scrolled { top:calc(var(--newNavHeaderHeight) + 3.61rem); }
.side-contact-area .lrn-element { margin-bottom:1.66rem; }
.side-contact-area .lrn-element:last-of-type { margin-bottom:0; }
.side-contact-area .lrn-element svg {
  width:2.77rem;
  height:2.77rem;
  overflow:visible;
}
.side-contact-area .lrn-element svg .st0 {
  fill:var(--accent-green);
  transform:translateX(0);
  transition:transform ease-in-out .2s;
}
.side-contact-area .lrn-element svg .st1 { fill:var(--light-gray-02); }
.side-contact-area .lrn-element svg#email .st1 {
  fill-rule:evenodd;
  clip-rule:evenodd;
}
.side-contact-area .lrn-element:hover svg .st0 { transform:translateX(-1.11rem); }
.references .reference .images {
  display:flex;
  justify-content:flex-end;
  padding-right:3.33rem;
  padding-top:1.39rem;
  padding-bottom:2.22rem;
}
.references .reference .images .group {
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}
.references .reference .images .group picture img { object-fit:contain; }
.references .reference .images .group picture.ref-logo {
  margin-bottom:1.94rem;
  overflow:visible;
}
.references .reference .images .group picture.ref-logo img {
  aspect-ratio:1.92 / 1;
  height:7.22rem;
}
.references .reference .images .group.single-image { justify-content:center; }
.references .reference .text {
  padding-left:3.33rem;
  padding-right:205px;
  padding-top:110px;
  border-left:1px solid var(--light-gray-01);
}
.references .reference .text p { margin-bottom:1rem; }
.references .reference .text p:last-of-type { margin-bottom:0; }
.references button {
  background:transparent;
  padding:0;
}
.references button:hover { animation:.2s 1 ease-in-out forwards scale; }
.references .glide__arrows {
  position:absolute;
  top:50%;
  height:0;
  width:100%;
  transform:translateY(-60px);
  display:flex;
  justify-content:space-between;
}
.references .glide__arrows button { height:9rem; }
.references .glide__bullets {
  display:none;
  justify-content:center;
  margin-top:1rem;
}
.references .glide__bullets .glide__bullet {
  margin:0 .5rem;
  height:.8rem;
  width:1.4rem;
  background:var(--light-gray-01);
}
.references .glide__bullets .glide__bullet.glide__bullet--active { background:var(--accent-green); }
.references.detail .reference { margin-bottom:100px; }
.references.detail .reference .text { padding-top:1.39rem; }
.references.detail .reference .text h3 {
  text-transform:none;
  color:var(--dark);
  font-family:'Roboto Slab Bold', serif;
  margin-top:0;
  margin-bottom:30px;
}
.ref-link {
  margin-bottom:clamp(2.76rem,5.2vw,5.56rem);
  margin-top:2.78rem;
  margin-left:calc(41.66% + 3.33rem);
}
.ref-link span { font-size:.89rem; }
@media (max-width: 1920px) {
  #header .header-content { padding:12.22rem 0 0 min(15vw,15.55rem); }
}
@media (max-width: 1799px) {
  .article-detail { padding-right:2.77rem; }
}
@media (max-width: 1599px) {
  .navigation .navigation_logo {
    width:18rem;
    left:-3rem;
  }
  .navigation .container-nav { margin-left:16.11rem; }
}
@media (max-width: 1529px) {
  #header .header-content .btns {
    flex-direction:column;
    gap:1.16rem;
  }
}
@media (max-width: 1499px) {
  h2.w-line:before {
    transform:translateX(-70%) translateY(-36%) scale(.55);
    top:unset;
  }
  .container, .container-reg { max-width:1200px; }
  .container.blog-article-container { max-width:91.11rem; }
  .kontakt-top .image figure:nth-of-type(4n + 2), .kontakt-top .image figure:nth-of-type(4n + 3) { transform:translateX(0); }
  .partner { margin-top:1.67rem; }
  .references .reference .text { padding-right:2.78rem; }
  .kontakt-bottom .buttons > div button {
    padding:1rem;
    white-space:nowrap;
  }
}
@media (max-width: 1349px) {
  .navigation .container-nav {
    width:calc(100vw - 18.88rem);
    width:calc(100dvw - 18.88rem);
    margin-right:2.77rem;
  }
  .navigation .container-nav #collapse-search { width:calc(100% - 5rem); }
  .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main {
    display:flex;
    justify-content:space-between;
  }
  .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li { padding:0; }
}
@media (min-width: 1200px) {
  .blog-slider .glide__slides .glide__slide .blog-slider__image { border-right:2px solid var(--light); }
}
@media (max-width: 1199px) {
  .kontakt-top .text .lrn-element {
    display:flex;
    align-items:center;
    padding:1.38rem 2.77rem 1.55rem 2.77rem;
    clip-path:polygon(8% 0,100% 0%,92% 100%,0% 100%);
    flex-direction:column;
    width:100%;
    max-width:55vw;
  }
  .kontakt-top .text .lrn-element p { text-align:center !important; }
  .kontakt-top .text .lrn-element h1 { margin:1rem auto; }
  .lrn-news-list:not(.home) .teaser.article .text, .small-teaser:not(.home) .teaser.article .text {
    min-height:unset;
    padding-left:1.66rem;
  }
  .lrn-news-list:not(.home) .teaser.article .text h4:before, .small-teaser:not(.home) .teaser.article .text h4:before { transform:translateX(-70%) translateY(-40%) scale(.66); }
  .blog-slider .glide__slides .glide__slide {
    grid-template-columns:1fr;
    grid-template-rows:1fr max-content;
    padding:0 1.5rem;
  }
  .blog-slider .glide__slides .glide__slide .blog-slider__image { padding:0; }
  .blog-slider .glide__slides .glide__slide .blog-slider__image.has-audio .hoerproben_container { translate:-5% 0; }
  .blog-slider .glide__slides .glide__slide .blog-slider__content {
    padding:1rem 5rem .666rem;
    text-align:center;
  }
  .blog-slider .glide__slides .glide__slide .blog-slider__content .audio__reference {
    display:flex;
    justify-content:center;
  }
  .blog-slider .glide__arrows .glide__arrow--right { right:-3.888rem; }
}
@media (max-width: 1099px) {
  #lrn-pagecontent {
    min-height:calc(100vh - (var(--scrolled-nav-height) * 2) - clamp(4.17rem,7.3vw,var(--main-nav-height)));
    min-height:calc(100dvh - (var(--scrolled-nav-height) * 2) - clamp(4.17rem,7.3vw,var(--main-nav-height)));
  }
  .navigation { height:var(--scrolled-nav-height); }
  .navigation .container-nav {
    margin-left:11.11rem;
    width:calc(100vw - 13.88rem);
    width:calc(100dvw - 13.88rem);
  }
  .navigation .container-nav #collapse-search {
    height:100%;
    top:0;
  }
  .navigation .container-nav #collapse-search input {
    position:relative;
    height:85%;
    top:7.5%;
    appearance:none;
  }
  .navigation .container-nav .navigation-set { height:var(--scrolled-nav-height); }
  .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li { padding:0; }
  .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li a, .navigation .container-nav .navigation-set > div .navigation-responsive .navigation_main li span { text-align:right; }
  .navigation .navigation_logo {
    transform:scale(.7);
    height:7rem;
    width:16rem;
    left:-1rem;
  }
  .navigation.scrolled { transform:unset; }
  #collapse-nav {
    position:absolute;
    top:100%;
    right:-2.72rem;
    min-width:50%;
    background:var(--light);
    padding:1rem 1.66rem 1rem 1rem;
    height:auto !important;
    opacity:0;
    transform:translateX(100%);
    visibility:hidden;
    z-index:100;
    transition:opacity ease-in-out .3s;
    overflow-y:auto;
    max-height:calc(100dvh - var(--scrolled-nav-height));
    display:flex;
    flex-direction:column;
  }
  #collapse-nav li {
    text-align:right;
    max-height:1.56rem;
    overflow:unset;
    transition:all ease-in-out .2s;
    background:var(--light);
    margin-bottom:1rem;
  }
  #collapse-nav li ul {
    left:unset;
    right:0;
    position:relative;
    transform-origin:top right;
    padding:.83rem .83rem 0 .83rem;
    box-shadow:none;
    top:0;
  }
  #collapse-nav li.has-sub[data-tapcount="1"].open { max-height:16.66rem; }
  #collapse-nav li.has-sub[data-tapcount="1"].open ul {
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    z-index:1;
    max-height:15rem;
    border-bottom:1px solid var(--main-blue);
  }
  #collapse-nav li.has-sub[data-tapcount="1"].open ul li {
    max-height:1.56rem;
    margin-bottom:1rem;
  }
  #collapse-nav li.level-1:last-of-type { margin-bottom:0; }
  #collapse-nav.in, #collapse-nav.collapsing {
    opacity:1;
    transform:translateX(0);
    visibility:visible;
    box-shadow:0 0 .83rem 5px var(--dark-transparent);
  }
  #collapse-nav #collapsed-search { display:none; }
  .navigation-responsive {
    display:flex;
    justify-content:flex-end;
  }
  .navigation-responsive > #collapse-search {
    display:block;
    left:0;
    top:0;
    height:4.44rem;
  }
  .navigation-responsive > #collapse-search input {
    border-top:none;
    border-bottom:none;
  }
  .active .navigation-responsive_toggle {
    background:var(--light);
    color:var(--main-blue);
  }
  #header {
    margin-top:var(--scrolled-nav-height);
    height:calc(100vh - var(--scrolled-nav-height));
  }
  .header-short {
    margin-top:var(--scrolled-nav-height);
    height:100%;
    min-height:8.33rem;
    max-height:unset;
  }
  .header-short .container:has(h1):has(span) { padding:2.4rem 5.895rem 2rem 7.77rem; }
  .header-short .container.has-icon img.square { max-height:5rem; }
  .subtext h3 { margin:1.33rem 0; }
  .side-contact-area {
    right:.77rem;
    top:calc(var(--scrolled-nav-height) + 1.66rem);
  }
}
@media (max-width: 1099px) and (pointer: coarse) {
  #header { height:calc(100dvh - var(--scrolled-nav-height)); }
}
@media (min-width: 992px) {
  .blog-slider .glide__bullets { display:none; }
}
@media (min-width: 992px) and (max-width: 1800px) {
  .container, .container-reg { padding-right:5.895rem; }
}
@media (min-width: 992px) and (max-width: 1499px) {
  .references .glide__arrows .glide__arrow--left { left:-3.6rem; }
}
@media (min-width: 992px) and (max-width: 1150px) {
  .kontakt-bottom .image { gap:.5rem; }
  .kontakt-bottom .image picture img {
    min-height:6.555rem;
    object-fit:cover;
  }
  .kontakt-bottom .buttons > div button { padding:.6rem; }
  .kontakt-bottom .buttons > div button span { font-size:1rem; }
}
@media (max-width: 991px) {
  html, body {
    width:100%;
    max-width:100vw;
    overflow-x:hidden;
    position:relative;
    margin:0;
    padding:0;
  }
  .container, .container-reg {
    padding-left:1.94rem;
    padding-right:3.31rem;
  }
  .row {
    margin-left:0;
    margin-right:0;
  }
  [class^="col-"] {
    padding-left:0;
    padding-right:0;
  }
  ul.w-arrow { padding-inline-start:1.66rem; }
  .navigation .navigation_logo svg { max-height:unset; }
  #header .shapes { display:none; }
  #header > .channel { display:none; }
  #header .small-border {
    position:absolute;
    bottom:0;
    padding-top:1.67rem;
    clip-path:polygon(0 12%,100% 2%,100% 100%,0% 100%);
    background:var(--light-blue-02);
    width:100%;
  }
  #header .header-content {
    position:relative;
    padding:3.33rem 1.94rem .83rem;
    width:100%;
    clip-path:polygon(0 10%,100% 0%,100% 100%,0% 100%);
    background:var(--light-blue-01);
  }
  #header .header-content h2 { margin-bottom:1.22rem; }
  #header .header-content .btns {
    margin:0 -21px 1.66rem;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
  }
  #header .header-content .btns button {
    width:100%;
    max-width:16.11rem;
    height:4.16rem;
    margin-bottom:1.11rem;
  }
  #header .header-content > .channel {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    position:relative;
    padding:0;
    column-gap:1.11rem;
    max-width:fit-content;
    margin:0 auto;
  }
  #header .header-content > .channel button { margin:0; }
  #header .header-content > .channel button img { width:7rem; }
  #header .header-content > .channel button img.best-of {
    top:.3rem;
    height:3.22rem;
    width:auto;
  }
  #header .gradient-layer { display:none; }
  .side-contact-area .lrn-element svg {
    width:1.94rem;
    height:1.77rem;
  }
  .teaser .image img { width:100%; }
  .teaser .text { padding-top:1.33rem; }
  .teaser .text p { padding-left:1.66rem; }
  .teaser .text button { margin-top:1.67rem; }
  .teaser.article .text { padding-top:1.33rem; }
  .teaser.article.large .text p { padding-left:0; }
  .teaser.ti-group .text { padding-top:1.33rem; }
  .lrn-newslist.home .teaser.article .text { padding-left:1.66rem; }
  .references .glide__arrows { display:none; }
  .references .glide__bullets { display:flex; }
  .references .reference.row {
    margin-left:0;
    margin-right:0;
  }
  .references .reference .images {
    padding:0;
    justify-content:center;
  }
  .references .reference .text {
    padding:1.94rem 0 0;
    border:none;
  }
  .kontakt-bottom > .lrn-element {
    display:block;
    width:100%;
  }
  .kontakt-bottom > .lrn-element h2 {
    margin:0 0 1.55rem 0;
    padding-left:1.66rem;
  }
  .kontakt-bottom > .lrn-element h2:before { transform:translateX(-70%) translateY(-35%); }
  .kontakt-bottom .image { padding:0; }
  .kontakt-bottom .info { margin-top:1.77rem; }
  .kontakt-bottom .info > .lrn-element:first-of-type { display:none; }
  .kontakt-bottom.media-elem > .headline {
    display:block;
    width:100%;
    margin:0 0 1.55rem 0;
  }
  .kontakt-bottom.media-elem .image { padding:0; }
  .kontakt-bottom.media-elem .info { margin-top:1.77rem; }
  .kontakt-bottom.media-elem .info > .headline { display:none; }
  footer { height:var(--scrolled-nav-height); }
  footer .footer-nav {
    padding-right:8.56rem;
    padding-left:1.94rem;
  }
  footer .footer-nav ul li { margin:5px; }
  footer .shape {
    transform:scale(.55);
    transform-origin:bottom right;
  }
  .article-detail { padding-right:.83rem; }
  .feedbackform h2 { padding-left:1.11rem; }
  .feedbackform h2:before {
    content:url('/images/icons/headline-trenner-med.svg');
    height:6.94rem;
    width:3.88rem;
    transform:translate(-75%,-35%);
    z-index:-1;
  }
  .ref-link {
    margin-left:auto;
    margin-right:auto;
    display:flex;
  }
  .partner { grid-template-columns:repeat(2,1fr); }
  .blog-slider:before {
    width:150dvw;
    left:-4.97rem;
  }
  .blog-slider .glide__arrows { display:none; }
  .blog-slider .glide__bullets { display:flex; }
  .blog-slider .glide__slides { align-items:center; }
  .blog-slider .glide__slides .glide__slide .blog-slider__image.has-audio {
    height:5.555rem;
    align-self:flex-end;
  }
}
@media (max-width: 899px) {
  .container, .container-reg { padding-right:3.05rem; }
  .side-contact-area { right:10px; }
  .subtext { max-width:100%; }
}
@media (max-width: 824px) {
  .research-list section p > img {
    float:unset !important;
    padding:0 0 1rem !important;
    width:100%;
  }
}
@media (max-height: 829px) and (max-width: 1729px) {
  #header .channel { padding-bottom:1rem; }
  #header .channel button img { max-width:5.5rem; }
  #header .channel button img.best-of { top:.4rem; }
}
@media (max-height: 649px) and (max-width: 1729px) {
  #header { min-height:calc(630px - var(--main-nav-height)); }
  #header .header-content { padding-top:4rem; }
}
@media (max-height: 829px) and (min-width: 1400px) {
  #header { min-height:calc(780px - var(--main-nav-height)); }
}
@media (min-width: 768px) and (max-width: 1076px) {
  #registration_form .anschrift > div:first-of-type, #shirtorderform .anschrift > div:first-of-type {
    flex:0 0 100%;
    max-width:100%;
  }
  #registration_form .anschrift > div:last-of-type, #shirtorderform .anschrift > div:last-of-type {
    flex:100%;
    max-width:100%;
  }
}
@media (max-width: 768px) {
  .navigation .navigation_logo { transform:scale(.64); }
  p { font-size:.89rem; }
  input[type="radio"] {
    width:1rem;
    height:1rem;
  }
  input[type="radio"]:checked {
    width:2rem;
    height:2rem;
  }
  .header-short { margin-bottom:1.66rem; }
  .header-short .container { padding-left:3.31rem; }
  .header-short .container:has(h1):has(span) { padding:2.4rem 5.895rem 2rem 3.31rem; }
  .side-contact-area.lower { top:calc(var(--navHeaderHeight) + 1.66rem); }
  .kontakt-bottom .image { gap:1.66rem; }
  .kontakt-bottom .image img { width:100%; }
  .kontakt-bottom .info { margin-top:0; }
  .kontakt-bottom .info .buttons { flex-direction:column; }
  .kontakt-bottom .info .buttons > div { margin-top:1.77rem; }
  .kontakt-top .image figcaption span:before { transform:translate(-80%,-40%) scale(.7); }
  .kontakt-top .text .lrn-element { max-width:100%; }
  .article-detail .backlink { margin-left:0; }
  .article-detail .glossar, .article-detail .kontakt-area, .article-detail .fussnoten { padding-left:0; }
  .article-detail article { padding-left:0; }
  .article-detail article p, .article-detail article img { padding-left:0; }
  .teaser.ti-group .text p .large-green { min-width:5rem; }
  footer {
    height:var(--scrolled-nav-height);
    margin-top:var(--scrolled-nav-height);
  }
  .vue-slider {
    margin:4rem auto 4.8rem auto;
    width:100% !important;
    max-width:95%;
  }
  .vue-slider-mark {
    width:1rem !important;
    height:1rem !important;
  }
  .vue-slider-dot {
    width:2rem !important;
    height:2rem !important;
  }
  .vue-slider-mark-label {
    font-size:1rem !important;
    margin-top:1rem !important;
  }
  .article-detail ul, .article-detail ol { padding-left:1rem !important; }
  .article-detail ul li, .article-detail ol li { font-size:.89rem; }
  .workshops .top .img { flex:100%; }
  .blog-slider .glide__slides .glide__slide { padding:0; }
  .blog-slider:before { left:-3.31rem; }
}
@media (max-width: 649px) {
  .navigation .container-nav #collapse-search {
    top:100%;
    left:-11.11rem;
    width:100vw;
    width:100dvw;
    border-top:1px solid var(--main-blue);
    border-left:none;
    border-right:none;
  }
  .navigation .container-nav #collapse-search #search-input {
    position:relative;
    height:100%;
    top:0;
    appearance:none;
    box-shadow:none;
    border-left:1px solid var(--main-blue);
    border-right:1px solid var(--main-blue);
  }
  #header .header-content h1 {
    font-size:2rem;
    line-height:1.2;
  }
  #header .header-content > .channel button img { width:4.72rem; }
  #header .header-content > .channel button img.best-of {
    height:unset;
    width:5.5rem;
  }
  #collapse-nav {
    width:100vw;
    width:100dvw;
  }
  .kontakt-top .image { grid-template-columns:1fr; }
  .kontakt-top .image figure {
    justify-self:flex-start !important;
    max-width:100%;
  }
  .kontakt-bottom .image { grid-template-columns:100%; }
  .blog-slider .glide__slides .glide__slide .blog-slider__content { padding:1rem 1.5rem; }
}
@media (max-width: 599px) {
  .navigation .container-nav {
    margin-right:.56rem;
    width:calc(100vw - 11.67rem);
    width:calc(100dvw - 11.67rem);
  }
  #collapse-nav { right:-0.56rem; }
  .workshops > .container { padding:0; }
  #registration_form section.anschrift .inner-grid, #shirtorderform section.anschrift .inner-grid { gap:1.1rem; }
}
@media (max-width: 575px) {
  p .large-green { font-size:1.33rem; }
  h2.w-line {
    text-align:left !important;
    padding-left:1.66rem;
    font-size:1.25rem;
  }
  h2.w-line:before { transform:translateX(-70%) translateY(-42%) scale(.35); }
  button.green, button span { font-size:.89rem !important; }
  button.green { padding:1rem 1.67rem !important; }
  button[class|=" playable"], button[class|="playable"] {
    margin-bottom:1rem !important;
    white-space:nowrap;
    margin-top:-1rem !important;
  }
  button[class|=" playable"] h2, button[class|="playable"] h2 {
    font-size:1.5rem;
    margin-bottom:0 !important;
  }
  button[class|=" playable"] h2:before, button[class|="playable"] h2:before { transform:translateX(-70%) translateY(-30%) scale(.66) !important; }
  button[class|=" playable"] h2:after, button[class|="playable"] h2:after {
    position:relative;
    top:.4rem;
  }
  input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], textarea {
    padding:.5rem .8rem;
    font-size:.89rem;
  }
  #header {
    min-height:42.5rem;
    height:100%;
  }
  #header .header-content .btns button span:after { transform:scale(.83); }
  .header-short { min-height:unset; }
  .header-short .container { padding:1.75rem 1.94rem 1rem; }
  .header-short .container:has(h1):has(span) { padding:1.75rem 1.94rem 1rem; }
  .header-short .container.has-icon {
    flex-direction:column;
    justify-content:flex-end;
  }
  .header-short .container.has-icon img { margin-right:0; }
  .kontakt-bottom.media-elem > .headline h3 {
    padding-left:1.66rem;
    font-size:1rem;
  }
  .kontakt-top .text .lrn-element {
    clip-path:none;
    padding:1.3rem;
  }
  .kontakt-top .text .lrn-element h1 { margin:1rem 0; }
  footer .footer-nav ul li {
    font-size:.6rem;
    margin:.56rem;
  }
  .partner { grid-template-columns:1fr; }
  .article-detail article h3 { font-size:1.25rem; }
}
@media (max-width: 499px) {
  .blog-slider .glide__slides .glide__slide { padding:0; }
}
@media (max-width: 449px) {
  .container, .container-reg { padding-left:1.94rem; }
  #header .header-content > .channel button img.best-of { max-width:unset; }
  .teaser.ti-group .text p:not(.no-flex) { flex-wrap:wrap; }
  .teaser.ti-group .text p:not(.no-flex) .large-green {
    text-align:left;
    margin:unset;
  }
  .blog-slider:before { left:-1.94rem; }
}
@media (hover: hover) {
  picture.ref-logo:hover img { transform:scale(1.1); }
  .teaser:hover .image picture img { transform:scale(1.05); }
  #collapse-nav li.has-sub:hover { max-height:16.66rem; }
  #collapse-nav li.has-sub:hover ul {
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    z-index:1;
  }
}
@media (orientation: landscape) and (max-height: 649px) {
  #header { height:auto !important; }
}