/* MWD History Slider – nutzt Engine/Navi wie Header-Slider */
 .mwd-history-slider {
  --mwd-min-h: 560px;
  --mwd-info-bg: rgba(255,255,255,.55);
  --mwd-info-blur: 8px;
  --mwd-year-h: 106px; /* Default, wird per JS auf Item-Höhe gesetzt */
  --mwd-blur-h: 238px; /* Höhe der separaten Blur-Fläche (einstellbar) */
  position: relative;
  isolation: isolate;
  min-height: var(--mwd-min-h);
}

.mwd-history-slider .mwd-track { min-height: var(--mwd-min-h); overflow: hidden; }
.mwd-history-slider .mwd-slides { display:flex; min-height:100%; transition: transform .6s ease; will-change: transform; }
.mwd-history-slider.mwd-rtl .mwd-slides { flex-direction: row-reverse; }

/* Vollflächiges Bild */
.mwd-history-slider .mwd-slide { position:relative; flex:0 0 100%; min-height: var(--mwd-min-h); }
.mwd-history-slider .mwd-media { position:absolute; inset:0; z-index:0; }
.mwd-history-slider .mwd-slide-img { width:100%; height:100%; object-fit:cover; display:block; }

/* Separater Blur-Layer zwischen Bild und Content/Year */
.mwd-history-slider .mwd-hs-blur { position:absolute; left:0; right:0; bottom:0; height: var(--mwd-blur-h, 238px); background: var(--mwd-info-bg); -webkit-backdrop-filter: blur(var(--mwd-info-blur)); backdrop-filter: blur(var(--mwd-info-blur)); z-index:1; pointer-events:none; }

/* Untere Infoleiste mit Glas/Blur-Hintergrund (Baseline, wird im Layered-Modus ersetzt) */
.mwd-history-slider .mwd-info { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:24px 32px; }
.mwd-history-slider .mwd-info-inner { display:grid; grid-template-columns:auto 1px minmax(0,1fr); align-items:end; gap:24px; background: var(--mwd-info-bg); -webkit-backdrop-filter: blur(var(--mwd-info-blur)); backdrop-filter: blur(var(--mwd-info-blur)); padding:24px 28px; }
.mwd-history-slider .mwd-year { font-weight:800; font-size: clamp(42px, 7vw, 84px); line-height: .9; text-shadow: 0 4px 0 rgba(8,56,77,.2); }
.mwd-history-slider .mwd-divider { width:1px; background:#1d3b4b; height: 80px; align-self:center; opacity:.85; }
.mwd-history-slider .mwd-desc { font-size: clamp(14px, 1.2vw, 18px); line-height:1.6; padding-bottom:6px; }

/* Layered-Modus: .mwd-history-layered ersetzt die Info-Leiste durch zwei getrennte Viewports (Text/Year) */
.mwd-history-slider.mwd-history-layered .mwd-info { display:none; }

/* Text-Viewport unten rechts (~70% Breite der Bilder) */
.mwd-history-slider .mwd-hs-text-viewport{ position:absolute; right:0; top: calc(100% - var(--mwd-blur-h)); bottom:auto; left:auto; width:74%; z-index:3; overflow:hidden; padding:24px 32px; box-sizing:border-box; }
.mwd-history-slider .mwd-hs-text-track{ display:flex; will-change: transform; }
.mwd-history-slider .mwd-hs-text-item{ flex:0 0 100%; padding:0 4px; box-sizing:border-box; }
.mwd-history-slider .mwd-hs-text-inner{ padding:24px 28px; }

/* Year-Viewport unten links (vertikal) */
.mwd-history-slider .mwd-hs-year-viewport{ position:absolute; left:151px; bottom:216px; width:210px; max-width:27%; z-index:3; overflow:hidden; box-sizing:border-box; height: var(--mwd-year-h, auto); }
.mwd-history-slider .mwd-hs-year-track{ will-change: transform; display:flex; flex-direction: column-reverse; }
.mwd-history-slider .mwd-hs-year-item{ height: var(--mwd-year-h, auto); display:flex; align-items:flex-end; font-weight:800; font-size: clamp(42px, 7vw, 84px); line-height:.9; text-shadow: 0 4px 0 rgba(8,56,77,.2); padding:0; box-sizing: border-box; }

.mwd-history-slider:after, .mwd-history-slider:before {content: ""; display: block; position:absolute; left: 390px; bottom: 74px; height:270px; width: 5px; background:white; z-index: 9}
.mwd-history-slider:before { left: 394px; bottom: 70px; background: black; }

/* Responsive Anpassungen */
@media (max-width: 1023px){
    .mwd-history-slider .mwd-hs-year-viewport{left:60px; top: 60px; bottom:auto; }
    .mwd-history-slider .mwd-hs-text-viewport { width: 100%; }
    .mwd-history-slider:after, .mwd-history-slider:before {display: none}
}
@media (max-width: 767px){
  .mwd-history-slider .mwd-hs-text-viewport{ width:100%; padding:14px 16px; }
  .mwd-history-slider .mwd-hs-text-inner{ padding:14px 16px; }
    .mwd-history-slider .mwd-hs-year-viewport{left:20px; top: 20px; width: 150px; max-width: 80%}
}

/* Navigation wie beim Header-Slider: rechteckige Buttons */
.mwd-history-slider .mwd-nav { position:absolute; top:50%; transform:translateY(-50%); background: rgba(0, 0, 0, .45) !important; color:#fff !important; border:0; border-radius:0; width:29px; height:42px; display:grid; place-items:center; cursor:pointer; z-index:3; padding:0; }
.mwd-history-slider .mwd-prev{ left:1rem } .mwd-history-slider .mwd-prev:hover{ padding-right:5px; }
.mwd-history-slider .mwd-next{ right:1rem } .mwd-history-slider .mwd-next:hover{ padding-left:5px; }
.mwd-history-slider .mwd-nav:focus-visible{ outline:3px solid #fff; outline-offset:2px; }

.mwd-history-slider .mwd-dots{ position:absolute; left:50%; bottom:24px; transform:translateX(-50%); display:flex; gap:20px; z-index:5; align-items:center; }
.mwd-history-slider .mwd-dot{ width:12px; height:12px; border-radius:50%; background:#ffffff; border:0; display:block; cursor:pointer; padding:0; }
.mwd-history-slider .mwd-dot[aria-current="true"], .mwd-history-slider .mwd-dot:focus-visible{ width:18px; height:18px; background:#08384d; border-radius:50%; }

/* Animations (Baseline): Bild/Info schieben horizontal; im Layered-Modus deaktiviert */
.mwd-history-slider .mwd-slide { overflow:hidden; }
.mwd-history-slider .mwd-slide .mwd-media, .mwd-history-slider .mwd-slide .mwd-info-inner { transition: transform .6s ease, opacity .6s ease; }
.mwd-history-slider:not(.mwd-history-layered) .mwd-slide[aria-current="true"] .mwd-media{ transform: translateX(0); }
.mwd-history-slider:not(.mwd-history-layered) .mwd-slide[aria-current="true"] .mwd-info-inner{ transform: translateX(0); }
/* vorheriges/nächstes optisch außerhalb platzieren (Engine verschiebt den Viewport via .mwd-slides) */
.mwd-history-slider:not(.mwd-history-layered) .mwd-slide:not([aria-current="true"]) .mwd-media{ transform: translateX(15%); }
.mwd-history-slider:not(.mwd-history-layered) .mwd-slide:not([aria-current="true"]) .mwd-info-inner{ transform: translateX(15%); }

/* Jahr vertikal wechseln: per pseudo wrapper */
.mwd-history-slider .mwd-year{ position:relative; display:inline-block; overflow:hidden; }
.mwd-history-slider .mwd-year::after{ content: attr(data-next); position:absolute; left:0; right:0; top:100%; }
/* Wir setzen data-next über JS nicht – rein optischer Effekt bleibt dezent */

/* Mobile */
@media (max-width: 767px){
  .mwd-history-slider { --mwd-min-h: 56vh; }
  .mwd-history-slider .mwd-info{ padding:14px 16px; }
  .mwd-history-slider .mwd-info-inner{ grid-template-columns:auto 1px 1fr; gap:14px; padding:14px 16px; }
  .mwd-history-slider .mwd-divider{ height:56px; }
  .mwd-history-slider .mwd-dots{ bottom:14px; gap:16px; }
}

@media (prefers-reduced-motion: reduce){
  .mwd-history-slider .mwd-slides{ transition:none !important }
  .mwd-history-slider .mwd-slide .mwd-media, .mwd-history-slider .mwd-slide .mwd-info-inner{ transition:none !important }
  .mwd-history-slider .mwd-hs-text-track, .mwd-history-slider .mwd-hs-year-track{ transition:none !important }
}