.revierpanorama{position:relative;isolation:isolate;overflow:hidden;background:#1d3023;color:#fff;min-height:640px;min-height:78svh;display:grid;align-items:center}
.revierpanorama__bild{position:absolute;inset:0;z-index:-2;pointer-events:none}
.revierpanorama__bild picture{display:contents}
.revierpanorama__bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%;border-radius:0}
.revierpanorama[data-scrollbild] .revierpanorama__bild img{height:var(--panorama-height,100vh);transform:translate3d(0,var(--panorama-y,0px),0);will-change:transform}
.revierpanorama__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,24,14,.78),rgba(9,24,14,.57) 60%,rgba(9,24,14,.34))}
.revierpanorama .revierpanorama__inhalt{padding-block:clamp(5rem,10vw,9rem);width:100%;text-align:left}
.revierpanorama .revierpanorama__etikett{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#efdfb5;margin:0 0 1.6rem}
.revierpanorama h2{font-size:clamp(2.25rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.025em;color:#fff;margin:0 0 1.7rem;max-width:20ch}
.revierpanorama .revierpanorama__text{max-width:49ch;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.75;color:#fff;margin:0 0 2rem}
.revierpanorama .revierpanorama__link{display:inline-flex;align-items:center;gap:1.25rem;padding:.95rem 1.3rem;background:#f4f0e4;color:#203521;border:1px solid #f4f0e4;border-radius:.45rem;text-decoration:none;font-weight:700;line-height:1.5}
.revierpanorama__link:hover{background:#fff}.revierpanorama__link:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:700px){.revierpanorama{min-height:620px;min-height:85svh}.revierpanorama__overlay{background:rgba(9,24,14,.68)}.revierpanorama .revierpanorama__inhalt{padding-block:4.5rem}.revierpanorama h2{font-size:clamp(2rem,8vw,3rem)}.revierpanorama__bild img{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.revierpanorama[data-scrollbild] .revierpanorama__bild img{transform:none;height:100%;will-change:auto}}

/* Startseite: verständlicher Einstieg in die Kurswahl. */
.kurswahl-einstieg{margin-top:2rem;padding:1.8rem 0 0;border-top:1px solid #d8d6c9;text-align:left}
.kurswahl-einstieg .kurswahl-einstieg__titel{font-family:Georgia,serif;font-size:clamp(1.65rem,2.8vw,2.4rem);line-height:1.2;letter-spacing:-.02em;color:#253a28;margin:0 0 1rem;font-weight:700}
.kurswahl-einstieg__titel span{color:#587327}
.kurswahl-einstieg .kurswahl-einstieg__text{max-width:68ch;font-size:1.05rem;line-height:1.75;color:#454f46;margin:0 0 1.5rem}
.kurswahl-einstieg .kurswahl-einstieg__wege{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;list-style:none;padding:0;margin:0}
.kurswahl-einstieg .kurswahl-einstieg__wege li{margin:0;padding:.8rem 0 0;border-top:2px solid #b8c29f;min-width:0}
.kurswahl-einstieg__wege li>span{display:block;color:#71844a;font-size:.7rem;letter-spacing:.12em;margin-bottom:.45rem}
.kurswahl-einstieg__wege strong{display:block;color:#253a28;font-size:1rem;line-height:1.4}
.kurswahl-einstieg__wege small{display:block;color:#566052;font-size:.8rem;line-height:1.5;margin-top:.25rem}
@media(max-width:700px){.kurswahl-einstieg .kurswahl-einstieg__wege{grid-template-columns:1fr 1fr;gap:1.15rem}.kurswahl-einstieg{margin-top:1.5rem;padding-top:1.5rem}}

/* Termin-Karussell: Pfeile gemeinsam mittig über der Kartenreihe. */
#termine .reihe__steuerung{justify-content:center;}

/* Ausbildungsweg: gesamte Aufnahme im sichtbaren Bereich unter dem Banner. */
@media(min-width:900px){
 html.js-bereit .geschichte__buehne{
  top:calc(var(--navigation-kopfende,var(--kopf-hoehe)) + 16px);
  height:min(620px,max(120px,calc(100dvh - var(--navigation-kopfende,var(--kopf-hoehe)) - 32px)));
 }
 html.js-bereit .geschichte__bild img{object-fit:contain;object-position:center;}
}
@media(max-width:899px){
 .geschichte__bild-mobil{aspect-ratio:auto;}
 .geschichte__bild-mobil img{display:block;width:100%;height:auto;object-fit:contain;}
}

/* Einleitung der Kursauswahl mittig auf der Startseite. */
#kurse .sektion__kopf{margin-inline:auto;text-align:center}
#kurse .sektion__kopf .kapitel{justify-content:center}
#kurse .sektion__kopf .kapitel__linie{display:none}
#kurse .kurswahl-einstieg,#kurse .sektion__kopf .hinweis{text-align:center}
#kurse .kurswahl-einstieg .kurswahl-einstieg__text{margin-inline:auto}
