/* =====================================================================
   Thüringer Bergbahn – Layout v2 (2026) · Stilvorlage "v2 Basis"
   Aufbau: 1) Schriften  2) Template-Basis (Prototyp V2)  3) Overlay-Header
           4) Ergänzungen fürs CMS (Unterseiten, Bestand, Teaser)
   Wird über den Baustein "v2 HTML im Head" geladen (alle Seiten außer den v2_aus-Ausnahmen).
   Das alte Stylesheet 179C22B9D72 wird davor weiterhin geladen (Inhalts-
   Elemente der Unterseiten); Konflikte werden in Abschnitt 4 neutralisiert.
   ===================================================================== */

/* 1) AutoPro – vorhandene WOFF2-Dateien des Projekts (/static/owbb2/fonts/) */
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-Light/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-Light/font.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-Regular/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-Regular/font.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-Bold/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-Bold/font.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-Black/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-Black/font.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-LightItalic2/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-LightItalic2/font.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-RegularItalic2/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-RegularItalic2/font.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-BoldItalic2/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-BoldItalic2/font.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"AutoPro";src:url("/static/owbb2/fonts/AutoPro-BlackItalic2/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-BlackItalic2/font.woff") format("woff");font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:"AutoPro SC";src:url("/static/owbb2/fonts/AutoPro-LightSmallCaps/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-LightSmallCaps/font.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro SC";src:url("/static/owbb2/fonts/AutoPro-RegularSmallCaps/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-RegularSmallCaps/font.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro SC";src:url("/static/owbb2/fonts/AutoPro-BoldSmallCaps/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-BoldSmallCaps/font.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro SC";src:url("/static/owbb2/fonts/AutoPro-BlackSmallCaps/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-BlackSmallCaps/font.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"AutoPro BlackItalic";src:url("/static/owbb2/fonts/AutoPro-BlackItalic2/font.woff2") format("woff2"),url("/static/owbb2/fonts/AutoPro-BlackItalic2/font.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}


/* 2) Template-Basis (Prototyp V2) */
/* ============================================================
   Design-Tokens (offizielles CI – aus dem Manual)
   ============================================================ */
:root{
  --green-light:#99C221;
  --green:#64A70B;
  --green-dark:#154A26;
  --green-signet:#284528;
  --blue:#63B1BC;
  --yellow:#F3D03E;
  --orange:#FF6900;
  --red:#EC0016;
  --ink:#1D1D1B;
  --grey-1:#3A3A38;
  --grey-2:#6F6F6A;
  --grey-3:#B7B7B0;
  --grey-4:#EFEFE9;
  --hairline:#E2E2E2;
  --paper:#FBFBF7;
  --white:#fff;

  --rad-sm:6px; --rad-card:10px; --rad-lg:14px;
  --shadow-card:0 6px 20px rgba(40,60,40,.10);
  --shadow-hi:0 14px 38px rgba(40,60,40,.18);
  --rail:1180px;
  --tr:200ms ease-in-out;
}

*{scroll-behavior:smooth}
body{
  font-family:"AutoPro",Verdana,system-ui,sans-serif;
  font-weight:400;font-size:16px;line-height:1.65;
  color:var(--ink);background:var(--white);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4{font-family:"AutoPro BlackItalic","AutoPro",Verdana,sans-serif;color:var(--green-dark);font-weight:400;font-style:normal;line-height:1.12;letter-spacing:.1px}
.lead-intro{font-size:1.2rem;line-height:1.7;color:var(--grey-1)}
a{color:var(--green);text-decoration:none;transition:color var(--tr)}
a:hover{color:var(--green-dark)}
.sc{font-family:"AutoPro SC","AutoPro",sans-serif;text-transform:lowercase;letter-spacing:.06em}
.container-rail{max-width:var(--rail);margin-inline:auto;padding-inline:22px}
section{scroll-margin-top:150px}

.rfr{vertical-align:-.08em}

/* ============================================================
   Buttons – CI-Form (kein Radius unten-rechts), Light-Schnitt
   ============================================================ */
.btn-tb,.btn-tb-gold,.btn-tb-outline,.btn-tb-red{
  --r:var(--rad-sm);
  display:inline-flex;align-items:center;gap:.5em;
  font-family:"AutoPro SC","AutoPro",sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em;
  padding:.62em 1.5em;border:1.5px solid transparent;cursor:pointer;
  border-radius:var(--r) var(--r) 0 var(--r);
  transition:background var(--tr),color var(--tr),border-color var(--tr),transform var(--tr),box-shadow var(--tr);
  line-height:1.1;text-align:left;
}
.btn-tb{background:var(--green);color:#fff}
.btn-tb:hover{background:var(--green-dark);color:#fff;transform:translateY(-1px)}
.btn-tb-gold{background:var(--yellow);color:var(--green-dark)}
.btn-tb-gold:hover{background:#e7c02f;color:var(--green-dark);transform:translateY(-1px)}
.btn-tb-red{background:var(--red);color:#fff}
.btn-tb-red:hover{background:#c70013;color:#fff}
.btn-tb-outline{background:#fff;color:var(--green);border-color:var(--green)}
.btn-tb-outline:hover{background:var(--green);color:#fff}
.btn-lg-tb{padding:.9em 1.8em;font-size:1.08rem}

/* ============================================================
   Utility-Leiste (bleibt oben, ohne Logo)
   ============================================================ */
.utility{background:var(--white);border-bottom:1px solid var(--hairline);font-size:.86rem;color:var(--grey-2)}
.utility .container-rail{display:flex;align-items:center;gap:1.4rem;min-height:52px;flex-wrap:wrap}
.util-status{display:flex;align-items:center;gap:1.3rem}
.util-chip{display:flex;align-items:center;gap:.45rem;white-space:nowrap}
.util-chip .rfr{font-size:1.05rem;color:var(--green)}
.util-chip strong{color:var(--ink);font-weight:400}
.util-chip.webcam-chip .rfr{color:var(--orange);font-size:1.15rem}
.weather-ico{position:relative;display:inline-block;width:1.55em;height:1.15em;vertical-align:-.22em;margin-right:.12em}
.weather-ico i{position:absolute}
.weather-ico .wi-sun{top:-.05em;right:0;font-size:.8em;color:var(--yellow);z-index:1}
.weather-ico .wi-cloud{bottom:0;left:0;font-size:1.02em;color:var(--blue);z-index:2}
.util-right{margin-left:auto;display:flex;align-items:center;gap:1.15rem}
.util-right a{color:var(--grey-2)}
.util-right a:hover{color:var(--green)}
.util-right .rfr{font-size:1.05rem}
.util-sep{width:1px;height:18px;background:var(--hairline)}
.lang-pill{border:1px solid var(--hairline);border-radius:999px;padding:.12em .7em;font-size:.78rem}
.season-toggle{display:inline-flex;border:1px solid var(--hairline);border-radius:999px;overflow:hidden}
.season-toggle button{border:0;background:transparent;padding:.2em .7em;font-size:.8rem;color:var(--grey-2);cursor:pointer;display:flex;align-items:center;gap:.3em;transition:background var(--tr),color var(--tr)}
.season-toggle button.active{background:var(--green);color:#fff}
.season-toggle button.active.winter{background:var(--blue)}

/* ============================================================
   Hauptnavigation – Logo links, Menüs klappen nach unten auf
   ============================================================ */
.mainnav{background:var(--white);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:1030;transition:box-shadow var(--tr)}
.mainnav.stuck{box-shadow:0 4px 18px rgba(0,0,0,.08)}
.mainnav .container-rail{position:relative;display:flex;align-items:stretch;gap:1rem;min-height:56px}
.nav-logo{display:flex;align-items:center;justify-content:flex-start;padding:.4rem 0;flex:0 0 100px}
.nav-logo img{height:100px;width:auto;transition:height .25s ease}
.mainnav.stuck .nav-logo img{height:54px}
.nav-panel{display:flex;align-items:stretch;flex:1;gap:0}
.nav-list{display:flex;align-items:stretch;gap:.2rem;list-style:none;margin:0;padding:0 0 0 .6rem;flex:1;justify-content:flex-end}
.nav-item{display:flex;align-items:stretch}
.nav-top{display:flex;flex-direction:row;align-items:center;gap:9px;
  padding:0 .8rem;white-space:nowrap;cursor:pointer;position:relative}
.nav-mascot{width:38px;height:38px;border-radius:50%;background:#eef6e3;display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.7);transition:opacity var(--tr),transform var(--tr);flex:0 0 auto}
.nav-mascot img{height:26px;width:auto;display:block}
.nav-label{font-family:"AutoPro",Verdana,sans-serif;font-weight:700;font-style:italic;color:var(--green-dark);font-size:1.1rem;line-height:1;transition:color var(--tr)}
.nav-top .caret{display:none;font-size:.72rem;color:var(--green);transition:transform var(--tr)}
.nav-item:hover .nav-label,.nav-item:focus-within .nav-label,.nav-item.open .nav-label{color:var(--green)}
.nav-item:hover .nav-mascot,.nav-item:focus-within .nav-mascot,.nav-item.open .nav-mascot{opacity:1;transform:none}
.nav-top::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:-1px;height:3px;background:var(--blue);border-radius:3px 3px 0 0;opacity:0;transition:opacity var(--tr);z-index:45}
.nav-item:hover .nav-top::after,.nav-item:focus-within .nav-top::after,.nav-item.open .nav-top::after{opacity:1}

/* Mega-Menü – volle Panels, öffnen nach unten */
.megamenu{position:absolute;top:100%;left:0;margin-top:3px;width:max-content;max-width:100%;
  background:#fff;border-radius:var(--rad-lg);box-shadow:var(--shadow-hi);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--tr),transform var(--tr),visibility var(--tr);z-index:40;overflow:hidden}
.nav-item.open .megamenu{opacity:1;visibility:visible;transform:none}
.mm-inner{position:relative;display:flex;gap:2.6rem;padding:2rem 2.4rem 2.2rem;max-width:var(--rail)}
.mm-corner{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 92px 92px 0;
  border-color:transparent #e7f0f2 transparent transparent;pointer-events:none}
.mm-tools{position:absolute;top:.9rem;right:1rem;display:flex;align-items:center;gap:.9rem;z-index:3}
.mm-sun{color:#f2b705;font-size:1.55rem;line-height:1}
.mm-close{border:0;background:transparent;cursor:pointer;font-size:1.35rem;color:var(--ink);line-height:1;padding:.1rem .25rem}
.mm-close:hover{color:var(--green)}
.mm-notch{position:absolute;top:-8px;left:120px;width:18px;height:18px;background:#fff;transform:rotate(45deg);border-radius:5px 0 0 0}
.mm-col{min-width:150px}
.mm-col h4{font-family:"AutoPro",Verdana,sans-serif;font-style:italic;font-weight:700;color:var(--green);font-size:1.2rem;margin:0 0 .7rem}
.mm-col a{display:block;color:var(--ink);padding:.32rem 0;font-size:1.02rem}
.mm-col a:hover{color:var(--green)}
.megamenu.mm-row{width:100%}
.mm-row .mm-inner{gap:4rem}
.mm-row .mm-col a{color:var(--green);font-weight:700;font-size:1.12rem;padding:.4rem 1.4rem .4rem 0}
/* Shop-Parallelogramm */
.shop-tab{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--yellow);color:var(--green-dark);text-decoration:none;
  padding:0 2.2rem 0 2.7rem;clip-path:polygon(22px 0,100% 0,100% 100%,0 100%);transition:background var(--tr);flex:0 0 auto}
.shop-tab:hover{background:#e7c02f;color:var(--green-dark)}
.shop-tab .shop-title{font-family:"AutoPro",Verdana,sans-serif;font-weight:700;font-size:1.35rem;line-height:1}
.shop-tab .shop-sub{font-size:.68rem;letter-spacing:.02em;opacity:.85;margin-top:.22rem}
/* Burger */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:48px;border:0;background:transparent;cursor:pointer;margin-left:auto}
.nav-burger span{display:block;height:3px;width:27px;background:var(--green-dark);border-radius:2px;transition:transform var(--tr),opacity var(--tr)}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Burger-Navigation bis 1279px – darunter passt die Menüleiste samt Shop-Reiter nicht in die Breite */
@media(max-width:1279.98px){
  .mainnav .container-rail{flex-wrap:wrap;min-height:64px;align-items:center;gap:.5rem}
  .nav-logo img{height:80px}
  .nav-burger{display:flex;width:52px;height:52px}
  .nav-burger span{width:30px;height:3px}
  .nav-panel{display:block;flex-basis:100%;order:3;max-height:0;overflow:hidden;transition:max-height .38s ease}
  .mainnav.nav-open .nav-panel{max-height:none;overflow:visible}
  .nav-list{flex-direction:column;align-items:stretch;justify-content:flex-start}
  .nav-item{flex-direction:column;align-items:stretch;border-top:1px solid var(--grey-4)}
  .nav-item:last-of-type{border-bottom:1px solid var(--grey-4)}
  .nav-top{flex-direction:row;align-items:center;justify-content:space-between;padding:1.15rem .2rem;gap:.5rem;min-height:62px}
  .nav-mascot{display:none}
  .nav-label{font-size:1.35rem}
  .nav-top .caret{display:inline-block;font-size:1rem;padding:.4rem}
  .nav-top::after{display:none}
  .nav-item.open .caret{transform:rotate(180deg)}
  .megamenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;width:auto;max-width:none;margin:0;max-height:0;overflow:hidden;transition:max-height .32s ease;background:var(--grey-4)}
  .nav-item.open .megamenu{max-height:2500px}
  .mm-inner{flex-direction:column;gap:0;padding:.2rem 0 .8rem 1rem;max-width:none}
  .mm-tools,.mm-corner,.mm-notch{display:none}
  .mm-col{min-width:0}
  .mm-col h4{margin:.7rem 0 .1rem;font-size:1.05rem}
  .mm-col a,.mm-row .mm-col a{display:block;padding:.85rem 0;font-size:1.12rem;min-height:48px}
  .shop-tab{clip-path:none;border-radius:var(--rad-sm);margin:1.3rem 0 .3rem;padding:1.05rem 1.3rem;
    flex-direction:column;gap:.15rem;align-self:stretch;align-items:center;height:auto;filter:none}
  .shop-tab .shop-title{font-size:1.5rem}
  .shop-tab .shop-sub{display:block;font-size:.72rem;opacity:.9}
  body.menu-lock{overflow:hidden}
}

/* ============================================================
   Große Slideshow (Hero-Carousel)
   ============================================================ */
.slideshow{background:var(--white);position:relative}
.slideshow .carousel-item{position:relative;min-height:78vh;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f4fafb 45%,#e8f3f5 100%)}
.slideshow .carousel-item.slide-forest{background:linear-gradient(180deg,#fff 0%,#f4f9ec 45%,#e7f1d9 100%)}
.slideshow .carousel-item.slide-winter{background:linear-gradient(180deg,#fff 0%,#f2f8fb 40%,#dcebf1 100%)}
.slide-illu{position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;user-select:none}
.slide-illu img{width:100%;display:block}
.slide-caption{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:3;width:100%;max-width:var(--rail);margin-inline:auto;padding:0 22px}
.slide-caption .eyebrow{margin-bottom:.5rem}
.slide-caption h1,.slide-caption h2{font-size:clamp(2rem,5vw,3.9rem);font-weight:400;color:var(--hc,var(--green-dark));max-width:16ch;line-height:1.08;margin:0}
.slide-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}
/* Foto-Slides (echte Bilder) – ohne Verlauf, Hauptmotiv mittiger positioniert */
.slideshow .carousel-item.slide-photo{background-size:cover;background-position:center center;background-repeat:no-repeat}
.slideshow .carousel-item.slide-photo::before{display:none}
.slide-photo .slide-caption{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;max-width:var(--rail);margin-inline:auto;padding:0 22px}
/* Überschrift-Farbe: frei aus dem DS (CSS-Var --hc, per Demo-Regler je Bild). data-ink steuert weiterhin Nav/Logo (hell/dunkel). */
.carousel-item[data-ink="dark"]{--hc:var(--green-dark)}   /* Default dunkle Slides */
.carousel-item[data-ink="light"]{--hc:#ffffff}             /* Default helle Slides */
/* Schatten für Lesbarkeit: auf allen Fotos + bei heller Schrift (nur EINE Farbe je Überschrift) */
.slide-photo .slide-caption h1,.slide-photo .slide-caption h2,
.carousel-item[data-ink="light"] .slide-caption h1,.carousel-item[data-ink="light"] .slide-caption h2{text-shadow:0 1px 2px rgba(0,0,0,.5),0 2px 16px rgba(0,0,0,.42)}
/* Steuerung */
.slideshow .carousel-control-prev,.slideshow .carousel-control-next{width:auto;top:auto;bottom:46%;opacity:1;z-index:5}
.slideshow .carousel-control-prev{left:14px}
.slideshow .carousel-control-next{right:14px}
.slide-arrow{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.9rem;line-height:1;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.25));transition:transform var(--tr),color var(--tr)}
.slide-arrow:hover{color:var(--green-light)}
.slideshow .carousel-indicators{z-index:5;bottom:16px;margin-bottom:0}
.slideshow .carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;background:var(--green-dark);opacity:.3;border:0;margin:0 5px;transition:opacity var(--tr),background var(--tr)}
.slideshow .carousel-indicators .active{opacity:1;background:var(--green)}
@media(max-width:767.98px){
  .slideshow .carousel-item{min-height:540px}
  .slide-arrow{font-size:2.1rem}
}

/* ============================================================
   Sektionen allgemein
   ============================================================ */
.section{padding:72px 0}
.section-tight{padding:48px 0}
.eyebrow{display:none}
.h-section{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:.2rem}
.section-intro{max-width:60ch;color:var(--grey-1);font-size:1.08rem}

.notice{background:#fff;border:1px solid #f6c9cc;border-left:5px solid var(--red);border-radius:var(--rad-card) var(--rad-card) 0 var(--rad-card);
  display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 1.3rem}
.notice .ni{color:var(--red);font-size:1.5rem;line-height:1.2}
.notice h4{color:var(--red);font-size:1.15rem;margin:0 0 .15rem}
.notice p{margin:0;color:var(--grey-1);font-size:.97rem}

.facts{background:var(--green-dark);color:#fff;border-radius:var(--rad-lg)}
.facts .col-fact{padding:1.6rem 1rem;text-align:center;position:relative}
.facts .col-fact+.col-fact::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,.18)}
.fact-num{font-size:2.4rem;font-weight:400;color:#fff;line-height:1}
.fact-num small{font-size:1.1rem}
.fact-label{font-size:.92rem;color:#cfe3c8;margin-top:.35rem}

.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.world{position:relative;border-radius:var(--rad-lg);overflow:hidden;display:block;background:#eef3e6;min-height:230px;box-shadow:var(--shadow-card)}
.world .world-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.world .world-grad{position:absolute;inset:0;background:rgba(20,58,32,.55)}
.world .world-body{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.5rem;color:#fff;z-index:2}
.world .world-body h3{color:#fff;font-size:1.55rem;margin:0}
.world .world-body p{margin:.3rem 0 0;font-size:.97rem;color:#eaf3e4;opacity:.95}
.world .world-body .more{display:inline-flex;align-items:center;gap:.35rem;color:#fff;font-weight:400;margin-top:.7rem}
.world.tall{grid-row:span 2;min-height:480px}
.world.wide{grid-column:span 2;min-height:280px}
@media(max-width:767.98px){
  .world-grid{grid-template-columns:1fr}
  .world.tall{grid-row:auto;min-height:260px}
  .world.wide{grid-column:auto;min-height:260px}
}

.aud-filter{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 2.2rem}
.aud-pill{display:inline-flex;align-items:center;gap:.6rem;background:#e6efce;color:var(--green);
  font-family:"AutoPro",Verdana,sans-serif;font-style:italic;font-weight:700;
  border:1px solid transparent;border-radius:16px 16px 0 16px;padding:.62rem 1.3rem;font-size:1.05rem;cursor:pointer;transition:background var(--tr),border-color var(--tr)}
.aud-pill .rfr{color:var(--green);font-size:1.25rem;font-style:normal}
.aud-pill:hover{background:#dce8b4}
.aud-pill.active{background:#e6efce;color:var(--green);border-color:var(--green)}

.tour-card{background:#fff;border:1px solid var(--hairline);border-radius:var(--rad-card);overflow:hidden;height:100%;
  display:flex;flex-direction:column;box-shadow:var(--shadow-card)}
.tour-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef3e6}
.tour-thumb img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.tour-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:var(--green-dark);
  border-radius:999px;padding:.28rem .8rem;font-size:.82rem;display:flex;align-items:center;gap:.4rem}
.tour-badge .rfr{color:var(--green)}
.tour-body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.tour-body h3{font-size:1.4rem;margin:0 0 .2rem}
.tour-rule{height:1px;background:var(--grey-4);margin:.5rem 0 .9rem}
.tour-body p{color:var(--grey-1);font-size:.96rem;margin:0 0 1rem}
.tour-meta{display:flex;gap:1.3rem;color:var(--green-dark);font-size:.92rem;margin-bottom:1rem}
.tour-meta span{display:inline-flex;align-items:center;gap:.4rem}
.tour-meta .rfr{color:var(--green);font-size:1.05rem}
.tour-more{margin-top:auto;color:var(--green);font-weight:400;display:inline-flex;align-items:center;gap:.35rem}
.tour-more:hover{color:var(--green-dark)}
.is-hidden{display:none!important}

.emo-band{position:relative;background:var(--green-dark);overflow:hidden}
.emo-band .emo-illu{width:100%;display:block;opacity:.96}
.emo-band .emo-illu picture{display:block;width:100%}
.emo-band .emo-illu img{width:100%;display:block}
.emo-band .emo-illu .winter-img{display:none}
body.is-winter .emo-band .emo-illu .summer-img{display:none}
body.is-winter .emo-band .emo-illu .winter-img{display:block}
.emo-overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,rgba(21,74,38,.9) 0%,rgba(21,74,38,.66) 42%,rgba(21,74,38,.2) 72%,rgba(21,74,38,0) 100%)}
.emo-content{max-width:var(--rail);margin-inline:auto;padding:0 22px;width:100%}
.emo-content blockquote{color:#fff;font-size:clamp(1.6rem,3.4vw,2.7rem);font-weight:300;line-height:1.28;max-width:min(560px,52%);margin:0}
.emo-content .emo-cite{color:var(--green-light);margin-top:1rem;font-family:"AutoPro SC";letter-spacing:.06em}
.emo-content .btn-tb-gold{margin-top:1.6rem}
@media(max-width:767.98px){.emo-overlay{background:linear-gradient(180deg,rgba(21,74,38,.5),rgba(21,74,38,.9))}.emo-content blockquote{max-width:none}}

.teaser-card{background:#fff;border:1px solid var(--hairline);border-radius:var(--rad-card) var(--rad-card) 0 var(--rad-card);padding:1.5rem;height:100%;
  display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.teaser-card .tk-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.teaser-card .tk-mascot{height:46px;width:auto;flex:0 0 auto}
.teaser-card h4{font-family:"AutoPro BlackItalic","AutoPro",Verdana,sans-serif;font-style:normal;font-weight:400;font-size:1.35rem;margin:0;line-height:1.1}
.teaser-card h4.tk-red{color:var(--red)}
.teaser-card h4.tk-green{color:var(--green)}
.teaser-card p{color:var(--ink);font-size:13px;letter-spacing:-.26px;font-weight:400;line-height:1.5;margin:0 0 1.2rem}
.teaser-card .tk-btn{margin-top:auto;align-self:flex-end;margin-right:-1.5rem;margin-bottom:-1.5rem;display:inline-block;font-family:"AutoPro SC","AutoPro",sans-serif;font-weight:700;letter-spacing:.02em;color:#fff;
  padding:.62em 1.3em;border-radius:var(--rad-sm) var(--rad-sm) 0 var(--rad-sm);font-size:.92rem;transition:background var(--tr)}
.teaser-card .tk-btn-red{background:var(--red)} .teaser-card .tk-btn-red:hover{background:#c70013;color:#fff}
.teaser-card .tk-btn-green{background:var(--green)} .teaser-card .tk-btn-green:hover{background:var(--green-dark);color:#fff}
/* rote Alarm-Kachel (Revision / Bauarbeiten) */
.teaser-card.alert{background:var(--red);border-color:var(--red);color:#fff}
.teaser-card.alert h4{color:#fff}
.teaser-card.alert p{color:#fff;opacity:.96}
.teaser-card.alert .tk-badge{background:rgba(255,255,255,.16)}
.teaser-card .tk-badge{width:46px;height:46px;border-radius:50%;background:#fdeaea;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.teaser-card .tk-badge .rfr{font-size:1.4rem;color:var(--red)}
.teaser-card.alert .tk-badge .rfr{color:#fff}

.contact-band{background:#eef6e3}
.contact-card{background:#fff;border-radius:var(--rad-card) var(--rad-card) 0 var(--rad-card);box-shadow:var(--shadow-card);padding:2rem}
.contact-card h3{display:flex;align-items:center;gap:.6rem}
.contact-card .mascot{height:34px}
.contact-card .c-line{color:var(--grey-1);margin:.1rem 0}
.contact-card a.c-link{color:var(--green)}

.footer{background:var(--white);border-top:3px solid var(--blue);padding:54px 0 30px;color:var(--grey-1);font-size:.95rem}
.footer h5{font-family:"AutoPro SC","AutoPro";text-transform:lowercase;letter-spacing:.08em;color:var(--green-dark);font-size:1.05rem;margin-bottom:.8rem}
.footer a{color:var(--grey-1);display:block;padding:.18rem 0}
.footer a:hover{color:var(--green)}
.footer .foot-logo{height:96px;margin-bottom:1rem}
.footer-sub{border-top:1px solid var(--hairline);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--grey-2);font-size:.86rem}
.foot-partners{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem 1.3rem;align-items:center}
.foot-partners a{padding:0;line-height:0}
.foot-partners img{width:118px;max-width:100%;height:auto;display:block}

/* (Scroll-Einblendung entfernt – Inhalte sind sofort sichtbar) */

.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;border:0;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transition:opacity var(--tr);z-index:1040}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{background:var(--green-dark)}

/* 3) V2 – Overlay-Header (Startseite) */
/* Header schwebt fix über dem Hero – die Slideshow beginnt bei y=0 darunter */
.siteheader{position:fixed;top:0;left:0;right:0;z-index:1030;background:transparent;
  transition:background .3s ease, box-shadow .3s ease}

/* Kein Lesbarkeits-Verlauf mehr – die Bilder sollen ohne Verlauf wirken (Kundenwunsch).
   Helle Schrift/Logo bekommen stattdessen einen dezenten Schatten (siehe unten). */

/* ---------- Heller (weißer) Schrift-Zustand: auf dem Bild ---------- */
.siteheader .utility{background:transparent;border-bottom:1px solid rgba(255,255,255,.22);color:#fff}
.siteheader .util-chip{color:#fff}
.siteheader .util-chip strong{color:#fff}
.siteheader .util-right a{color:#fff}
.siteheader .util-right a:hover{color:var(--green-light)}
.siteheader .util-sep{background:rgba(255,255,255,.4)}
.siteheader .weather-ico .wi-cloud{color:#fff}            /* Wolke weiß auf dunkel; Sonne bleibt gelb */

.siteheader .mainnav{position:static;background:transparent;border-bottom:0;box-shadow:none}
.siteheader .mainnav.stuck{box-shadow:none}
.siteheader .nav-label{color:#fff}
.siteheader .nav-top::after{background:#fff}
.siteheader .nav-burger span{background:#fff}
/* Ohne Verlauf: helle Schrift + Logo im transparenten Zustand per Schatten/Glow lesbar halten (auch auf hellen Bildern) */
.siteheader:not(.on-illu):not(.solid):not(.menu-open) .util-status,
.siteheader:not(.on-illu):not(.solid):not(.menu-open) .util-right,
.siteheader:not(.on-illu):not(.solid):not(.menu-open) .nav-label{text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.45)}
.siteheader:not(.on-illu):not(.solid):not(.menu-open) .nav-logo img{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6)) drop-shadow(0 0 9px rgba(0,0,0,.35))}

/* Logo: negativ (weiß) transparent, positiv wenn weiß */
.nav-logo .logo-pos{display:none}
.nav-logo .logo-neg{display:block}
.siteheader.solid .nav-logo .logo-neg{display:none}
.siteheader.solid .nav-logo .logo-pos{display:block}

/* ---------- Solid (gescrollt): kompletter Header weiß ---------- */
.siteheader.solid{background:var(--white);box-shadow:0 4px 18px rgba(0,0,0,.09)}
.siteheader.solid .utility{background:var(--white);border-bottom:1px solid var(--hairline);color:var(--grey-2)}
.siteheader.solid .util-chip{color:var(--grey-2)}
.siteheader.solid .util-chip strong{color:var(--ink)}
.siteheader.solid .util-right a{color:var(--grey-2)}
.siteheader.solid .util-right a:hover{color:var(--green)}
.siteheader.solid .util-sep{background:var(--hairline)}
.siteheader.solid .weather-ico .wi-cloud{color:var(--blue)}
.siteheader.solid .mainnav{background:var(--white)}
.siteheader.solid .nav-label{color:var(--green-dark)}
.siteheader.solid .nav-top::after{background:var(--blue)}
.siteheader.solid .nav-burger span{background:var(--green-dark)}

/* ---------- Dunkle Schrift (data-ink="dark"): dunkelgrüne Navigation + positives Logo ----------
   Für helle Bilder (Wimmelbilder + per Regler gewählte Fotos). */
.siteheader.on-illu .utility{border-bottom:1px solid var(--hairline);color:var(--grey-2)}
.siteheader.on-illu .util-chip{color:var(--grey-2)}
.siteheader.on-illu .util-chip strong{color:var(--ink)}
.siteheader.on-illu .util-right a{color:var(--grey-2)}
.siteheader.on-illu .util-right a:hover{color:var(--green)}
.siteheader.on-illu .util-sep{background:var(--hairline)}
.siteheader.on-illu .weather-ico .wi-cloud{color:var(--blue)}
.siteheader.on-illu .nav-label{color:var(--green-dark)}
.siteheader.on-illu .nav-top::after{background:var(--blue)}
.siteheader.on-illu .nav-burger span{background:var(--green-dark)}
.siteheader.on-illu .nav-logo .logo-neg{display:none}
.siteheader.on-illu .nav-logo .logo-pos{display:block}

/* ===================== MOBIL/TABLET (≤1279px): Kopfbereich + Vollbild-Menü ===================== */
@media(max-width:1279.98px){
  /* Kompakte Top-Leiste: nur Logo + Burger. Utility (Cabrio/Wetter/Webcam/Kontakt) wandert ins Menü. */
  .siteheader:not(.menu-open) .utility{display:none}

  /* Dunkler Verlauf hinter der mobilen Navigation → Logo/Burger über hellen Bildern lesbar */
  .siteheader:not(.solid):not(.menu-open)::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,0) 100%)}
  .siteheader:not(.solid):not(.menu-open) .nav-logo .logo-neg{display:block}
  .siteheader:not(.solid):not(.menu-open) .nav-logo .logo-pos{display:none}
  .siteheader:not(.solid):not(.menu-open) .nav-burger span{background:#fff}

  /* Menüpunkte im Panel: dunkelgrün */
  .siteheader .nav-list .nav-label{color:var(--green-dark)}
  .siteheader .nav-list .nav-top .caret{color:var(--green)}

  /* ---- Menü offen: Vollbild-Overlay über das ganze Fenster ---- */
  .siteheader.menu-open{position:fixed;inset:0;height:100dvh;background:#fff;display:flex;flex-direction:column;overflow-y:auto;z-index:2000;box-shadow:none}
  .siteheader.menu-open .mainnav{order:1;position:static;background:#fff}
  .siteheader.menu-open .mainnav .container-rail{padding-top:.5rem;padding-bottom:.3rem}
  .siteheader.menu-open .utility{order:2;margin-top:auto;background:var(--paper);border-top:1px solid var(--hairline)}
  .siteheader.menu-open .nav-logo .logo-neg{display:none}
  .siteheader.menu-open .nav-logo .logo-pos{display:block}
  .siteheader.menu-open .nav-burger span{background:var(--green-dark)}
  .siteheader.menu-open .nav-label{text-shadow:none}

  /* Utility groß & fingerfreundlich im Menü */
  .siteheader.menu-open .utility .container-rail{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:.2rem 22px 1.2rem}
  .siteheader.menu-open .util-status{flex-direction:column;align-items:stretch;gap:0}
  .siteheader.menu-open .util-chip{color:var(--grey-1);justify-content:flex-start;padding:.95rem .1rem;border-bottom:1px solid var(--hairline);font-size:1.08rem;min-height:54px}
  .siteheader.menu-open .util-chip strong{color:var(--ink)}
  .siteheader.menu-open .util-chip .rfr,.siteheader.menu-open .util-right .rfr{color:var(--green);font-size:1.3rem}
  .siteheader.menu-open .weather-ico .wi-cloud{color:var(--blue)}
  .siteheader.menu-open .util-right{margin-left:0;flex-wrap:wrap;gap:1.6rem;padding:1.1rem .1rem 0}
  .siteheader.menu-open .util-right a{color:var(--grey-1);font-size:1.05rem;min-height:44px;display:inline-flex;align-items:center;gap:.4rem}
  .siteheader.menu-open .util-sep{display:none}
}
@media(max-width:991.98px){
  /* Bildunterschrift unter die kompakte Kopfleiste schieben */
  .slideshow .slide-caption,
  .slideshow .slide-photo .slide-caption{top:0;transform:none;padding-top:120px;padding-bottom:26px}
}

/* ---------- Shop = einfache gelbe Box (füllt die Navigationshöhe → wird beim Scrollen schmaler mit) ---------- */
@media(min-width:1280px){
  .siteheader .shop-tab{align-self:stretch;height:auto;margin-left:1.6rem;padding:0 2rem;justify-content:center;
    clip-path:none;border-radius:0;filter:none}
}

/* =====================================================================
   4) Ergänzungen fürs CMS
   ===================================================================== */

/* ---------- 4a) Altes Stylesheet neutralisieren (Header/Nav/Footer/Typo) ---------- */
body{font-family:"AutoPro",Verdana,system-ui,sans-serif;letter-spacing:normal;color:var(--ink)}
header.siteheader{margin-bottom:0;padding:0}
.siteheader nav.mainnav,nav.crumbs{margin-top:0}
h1,h2,h3,h4{font-family:"AutoPro BlackItalic","AutoPro",Verdana,sans-serif;letter-spacing:.1px}
.h-section,.slide-caption h1,.slide-caption h2,.tour-body h3,.world-body h3,.contact-card h3,.teaser-card h4{margin-top:0}
/* Bootstrap-Karussell-Regeln des alten Stylesheets (".carousel .carousel-indicators …") */
.slideshow .carousel-indicators{bottom:16px!important}
.slideshow .carousel-indicators [data-bs-target]{box-sizing:content-box!important;width:12px!important;height:12px!important;border:0!important;border-radius:50%!important;padding:0}
.redakteur-editmode{display:none}

/* ---------- 4b) Statusleiste: Warenkorb-Zähler ---------- */
.v2-wk-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:.3rem;
  border-radius:9px;background:var(--green);color:#fff!important;font-size:.72rem;line-height:1;font-weight:700;text-shadow:none!important}
.v2-wk-badge:empty{display:none}
.util-chip a,a.util-chip{color:inherit}
.weather-ico[data-kind="sun"] .wi-cloud,.weather-ico[data-kind="snow"] .wi-sun,.weather-ico[data-kind="rain"] .wi-sun{display:none}
.weather-ico[data-kind="sun"] .wi-sun{position:static;font-size:1.05rem}
.weather-ico[data-kind="snow"] .wi-cloud,.weather-ico[data-kind="rain"] .wi-cloud{position:static}

/* ---------- 4c) Navigation: aktueller Bereich, Fokus ---------- */
.nav-item.current .nav-label{color:var(--green)}
.siteheader:not(.solid):not(.on-illu):not(.menu-open) .nav-item.current .nav-label{color:var(--green-light)}
.nav-item.current .nav-top::after{opacity:1}
.nav-top:focus-visible,.mm-col a:focus-visible,.shop-tab:focus-visible,.util-chip:focus-visible,.util-right a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.mm-col h4 a{color:inherit}

/* ---------- 4d) Unterseiten: weißer Header (sticky) + Seitenkopf ---------- */
/* !important wegen "header{position:relative!important}" in "ergänzende Styles" (Shop-Seiten) */
.siteheader.is-home{position:fixed!important}
.siteheader.is-sub{position:sticky!important;top:0}
.siteheader.menu-open,.siteheader.is-sub.menu-open{position:fixed!important}
.pagehead{background:var(--paper);border-bottom:1px solid var(--hairline)}
.pagehead .container-rail{padding-top:16px;padding-bottom:14px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .45rem;margin:0;font-size:.9rem;color:var(--grey-2)}
.crumbs a{color:var(--green)}
.crumbs a:hover{color:var(--green-dark)}
.crumbs .sep{opacity:.55}
.pagehead.has-img{position:relative;display:flex;align-items:flex-end;min-height:clamp(170px,22vw,300px);
  background-size:cover;background-position:center 55%;border-bottom:0}
.pagehead.has-img::before{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(21,74,38,.78) 0%,rgba(21,74,38,.25) 55%,rgba(21,74,38,0) 100%)}
.pagehead.has-img .container-rail{position:relative;z-index:1;width:100%;padding-bottom:20px}
.pagehead.has-img .crumbs,.pagehead.has-img .crumbs a{color:#fff}

/* ---------- 4e) Inhaltsbereich der Unterseiten (Bestand) ---------- */
main[role="main"]{padding-top:44px;padding-bottom:72px}
main[role="main"].container,main[role="main"] > .container-xl{max-width:var(--rail);padding-left:22px;padding-right:22px}
main[role="main"] h1{font-size:clamp(1.9rem,3.2vw,2.6rem);color:var(--green-dark);margin:0 0 1rem;line-height:1.1}
main[role="main"] h2{font-size:clamp(1.35rem,2.2vw,1.65rem);color:var(--green-dark);margin:1.8rem 0 .8rem}
main[role="main"] h3{font-size:1.25rem;color:var(--green)}
main[role="main"] p,main[role="main"] li{line-height:1.65}
main[role="main"] .btn{font-family:"AutoPro SC","AutoPro",sans-serif;font-weight:700;border-radius:var(--rad-sm) var(--rad-sm) 0 var(--rad-sm);box-shadow:none}
main[role="main"] .btn-primary{background-color:var(--green)}
main[role="main"] .btn-primary:hover{background-color:var(--green-dark)}
main[role="main"] .btn-dark{background-color:var(--green-dark)}
main[role="main"] .btn-danger{background-color:var(--red)}
main[role="main"] .btn-warning{background-color:var(--yellow);color:var(--green-dark)}
main[role="main"] .btn-info{background-color:var(--blue)}
.artikel.mitStrich{border-bottom-color:var(--grey-4)}
#stoerungsmeldung h2{color:var(--red)!important}

/* ---------- 4f) Teaser-Boxen (rechte Spalte + "Aktuelles" auf der Startseite) ---------- */
.teaserbereich .box,.v2-teaser-grid .box{background:#fff;border:1px solid var(--hairline);border-radius:var(--rad-card) var(--rad-card) 0 var(--rad-card);
  box-shadow:none;padding:1.4rem;text-align:left;font-family:"AutoPro",Verdana,sans-serif;font-size:.93rem;line-height:1.5;color:var(--ink);letter-spacing:normal;overflow:hidden}
.teaserbereich .box h3,.teaserbereich .box h4,.v2-teaser-grid .box h3,.v2-teaser-grid .box h4{font-family:"AutoPro BlackItalic","AutoPro",Verdana,sans-serif;font-size:1.3rem;line-height:1.12;color:var(--green);margin:0 0 .6rem;text-align:left}
.box.danger h4{color:var(--red)}
.box.success h4{color:var(--green-dark)}
.box.danger-2{background:var(--red)!important;border-color:var(--red)!important}
.box.danger-2,.box.danger-2 h3,.box.danger-2 h4,.box.danger-2 p,.box.danger-2 a:not(.btn){color:#fff!important}
.teaserbereich .box p,.v2-teaser-grid .box p{margin:0 0 .8rem}
.teaserbereich .box .btn,.v2-teaser-grid .box .btn{width:auto!important;display:inline-block;margin:.4rem 0 0;float:right;padding:.55em 1.2em;
  font-family:"AutoPro SC","AutoPro",sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.02em;color:#fff;background:var(--green);white-space:nowrap;
  border-radius:var(--rad-sm) var(--rad-sm) 0 var(--rad-sm);box-shadow:none}
.teaserbereich .box .btn:hover,.v2-teaser-grid .box .btn:hover{background:var(--green-dark);color:#fff}
.box.danger .btn{background:var(--red)!important}
.box.danger .btn:hover{background:#c70013!important}
.box.success .btn{background:var(--green-dark)!important}
.box.danger-2 .btn{background:#fff!important;color:var(--red)!important}
.teaserbereich .box::after,.v2-teaser-grid .box::after{content:"";display:block;clear:both}
.teaserbereich .box svg{max-width:46px;height:auto}
.teaserbereich .margin{margin-top:18px}

/* ---------- 4g) Startseite (v2): Aktuelles, Inhaltsliste ---------- */
main[role="main"].v2-home{display:block;padding:0;max-width:none}
.v2-aktuelles{background:var(--paper)}
.v2-teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.v2-teaser-grid > div{display:flex;margin:0!important}
.v2-teaser-grid > div > .box,.v2-teaser-grid > div > .teaser{flex:1;margin:0;height:100%}
.v2-teaser-grid .box svg{max-width:46px;height:auto}
.v2-teaser-grid .box .row{--bs-gutter-x:.8rem}
.notice h4 a{color:inherit}
.v2-richtext p:last-child{margin-bottom:0}
.lead-intro p{margin-bottom:.6rem}
.section-intro p{margin-bottom:0}
.tour-text{color:var(--grey-1);font-size:.96rem;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.tour-text p{margin:0 0 .4rem}
.tour-thumb{display:block}
.tour-item.is-capped{display:none}
.emo-content .emo-cite{color:var(--green-light);margin-top:1rem;font-family:"AutoPro SC","AutoPro",sans-serif;letter-spacing:.06em}
.c-lines p{margin:.1rem 0;color:var(--grey-1)}
.contact-card .rfr{color:var(--green)}

/* ---------- 4h) Footer v2 ---------- */
.v2-footer p{font-size:inherit;margin:0 0 .2rem}
.v2-footer .f-col a{display:inline-block;padding:.18rem 0}
.v2-footer .f-col p a{display:inline}
.v2-footer .f-col p+p{margin-top:.35rem}
.v2-footer .foot-partners img{width:118px;height:auto}

/* ---------- 4i) Nach oben ---------- */
#v2ToTop{position:fixed;right:18px;bottom:84px} /* über dem UserWay-Symbol */

/* ---------- 4k) Slideshow: Text bleibt bei jeder Breite zwischen den Pfeilen ---------- */
/* --arrow-space = Pfeil-Abstand zum Rand (14px) + Pfeilbreite (46px, mobil 34px) + 14px Luft.
   Der Text rückt nur so weit ein, wie der Seitenrand (Rail) nicht schon genug Platz lässt. */
.slideshow{--arrow-space:74px}
.slideshow .slide-caption,.slideshow .slide-photo .slide-caption{
  padding-left:max(22px,calc(var(--arrow-space) - max(0px,(100% - var(--rail)) / 2)));
  padding-right:max(22px,calc(var(--arrow-space) - max(0px,(100% - var(--rail)) / 2)))}
@media(max-width:767.98px){.slideshow{--arrow-space:62px}}
/* Notfalls umbrechen statt unter die Pfeile zu laufen: Silbentrennung nur auf sehr schmalen Displays (<360px),
   sonst bricht ein Wort nur, wenn es allein nicht in die Zeile passt */
.slide-caption h1,.slide-caption h2,.slide-cta .btn-tb{overflow-wrap:break-word}
.slide-cta .btn-tb{max-width:100%}
@media(max-width:359.98px){
  .slide-caption h1,.slide-caption h2,.slide-cta .btn-tb{-webkit-hyphens:auto;hyphens:auto}
  .slide-cta .btn-lg-tb{padding-inline:1.1em}
}

/* ---------- 4l) Slideshow: Option "Wichtige Information" + Untertitel ---------- */
/* Titel weiß auf Rot – unabhängig von "Dunkle Schrift" (data-ink) und vom Foto-Schatten */
.slideshow .carousel-item .slide-caption .is-alert{
  --hc:#fff;color:#fff;background:var(--red);text-shadow:none;
  display:inline-block;padding:.12em .42em .2em;
  border-radius:var(--rad-card) var(--rad-card) 0 var(--rad-card)}
/* Untertitel: Farbe folgt "Dunkle Schrift" (--hc), nicht "Wichtige Information" */
.slide-sub{margin-top:1.1rem;max-width:34ch;color:var(--hc,var(--green-dark));
  font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.45;font-weight:400}
.slide-sub p{margin:0 0 .4em}
.slide-sub p:last-child{margin-bottom:0}
.slide-sub a{color:inherit;text-decoration:underline}
.slide-sub:has(> p:only-child:empty){display:none}
.carousel-item[data-ink="light"] .slide-sub{text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.45)}
.slide-photo[data-ink="dark"] .slide-sub{text-shadow:0 0 10px rgba(255,255,255,.7)}

/* ---------- 4j) Druck ---------- */
@media print{.siteheader,.slideshow .carousel-control-prev,.slideshow .carousel-control-next,.to-top,.v2-footer{display:none!important}}