/* Landing page first; the contextual navigation starts with the second screen. */
.wissen-hero{
  width:100%;
  height:calc(100svh - 87px);
  min-height:0;
  max-height:none;
}

.training>.training-hero{
  height:calc(100svh - 87px);
  min-height:640px;
  overflow:hidden;
}
.training>.training-hero>.hero{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
.training>.training-hero .training-entry-photo{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center 48%;
}
.begleitung-landing{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  min-height:calc(100svh - 87px);
}
@media(max-width:800px){
  .wissen-hero{height:calc(100svh - 65px);min-height:0}
  .training>.training-hero{height:calc(100svh - 65px);min-height:620px}
  .begleitung-landing{min-height:calc(100svh - 65px)}
}
@media(max-width:600px){
  .training>.training-hero{min-height:580px}
  .training>.training-hero .training-entry-photo{object-position:center 42%}
}

/* Article filters become the contextual navigation on Wissen. */
.section-nav .section-filter-nav{
  display:flex;
  flex-direction:column;
  width:100%;
}
.section-nav .section-filter-nav .filter{
  width:100%;
  margin:0;
  padding:9px 0 9px 12px;
  border:0;
  border-left:1px solid #303036;
  border-radius:0;
  background:transparent;
  color:#99999f;
  font:400 14px/1.5 'IBM Plex Mono','Space Mono',monospace;
  letter-spacing:0;
  text-align:left;
  white-space:nowrap;
}
.section-nav .section-filter-nav .filter:hover,
.section-nav .section-filter-nav .filter.active{
  border-left-color:#8fbeff;
  color:#f2f1ed;
}
@media(max-width:800px){
  .section-nav .section-filter-nav{
    flex-direction:row;
    gap:20px;
    width:auto;
  }
  .section-nav .section-filter-nav .filter{
    width:auto;
    padding:5px 0;
    border-left:0;
    border-bottom:1px solid #444;
    white-space:nowrap;
  }
  .section-nav .section-filter-nav .filter:hover,
  .section-nav .section-filter-nav .filter.active{
    border-bottom-color:#8fbeff;
  }
}

/* Align the closing statement with the article grid. */
.wissen-closing-signal{
  width:100%;
  max-width:1280px;
  margin:42px auto 80px;
  padding:34px 5%;
}
.wissen-closing-signal .closing-copy p{
  font-size:clamp(29px,2vw,34px);
  line-height:1.12;
}

/* Selected Wissen closing: 03 Offenes Statement. */
.wissen-closing-signal{
  min-height:500px;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center;
  row-gap:36px;
  padding:70px 6%;
  text-align:center;
}
.wissen-closing-signal .closing-copy{
  width:min(1000px,100%);
}
.wissen-closing-signal .closing-copy::before{
  content:"";
  display:block;
  width:1px;
  height:42px;
  margin:0 auto 24px;
  background:linear-gradient(#ed675a,transparent);
}
.wissen-closing-signal .closing-label{
  justify-content:center;
}
.wissen-closing-signal .closing-copy p{
  max-width:18ch;
  margin:24px auto 0;
  font-size:clamp(43px,5.2vw,78px);
  line-height:.99;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.wissen-closing-signal .closing-form{
  grid-column:1!important;
  width:min(560px,100%)!important;
  justify-self:center!important;
}
@media(max-width:600px){
  .wissen-closing-signal{min-height:430px;padding:58px 24px;row-gap:30px}
  .wissen-closing-signal .closing-copy p{font-size:clamp(36px,10vw,48px)}
}

/* Final spacing and navigation for the selected Wissen closing. */
.site-layout.has-side>.section-nav .newsletter-nav-link{
  margin-top:18px;
  color:#a8caff;
  line-height:1.45;
}
.site-layout.has-side>.section-nav .newsletter-nav-link:hover,
.site-layout.has-side>.section-nav .newsletter-nav-link.active{
  color:#f2f1ed;
  border-left-color:#8fbeff;
}
.site-layout.has-side main>.page{padding-bottom:40px}
.wissen-closing-signal{margin-top:0;min-height:450px;padding-top:52px;padding-bottom:58px}
.wissen-closing-signal .closing-copy::before{display:none}
.wissen-closing-signal .closing-form{width:min(700px,100%)!important}
.wissen-closing-signal .closing-form button{padding-inline:22px}
@media(max-width:800px){
  .site-layout.has-side>.section-nav .newsletter-nav-link{margin-top:0}
}
@media(max-width:600px){
  .site-layout.has-side main>.page{padding-bottom:28px}
  .wissen-closing-signal{min-height:400px;padding-top:42px;padding-bottom:48px}
  .wissen-closing-signal .closing-form button{padding-inline:14px;font-size:11px}
}

/* Keep the newsletter destination in the same rhythm as the filters. */
.site-layout.has-side>.section-nav .newsletter-nav-link{
  margin-top:0;
  color:#99999f;
}