/* Saxo Vertrieb – Stile der Bausteine. Erzeugt von werkzeug/umwandeln.mjs, nicht von Hand ändern. */
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}
@media print{@page{margin:.5cm}figure,table{break-inside:avoid}#dc-root,#dc-root>.sc-host{height:auto}*,*::before,*::after{print-color-adjust:exact;-webkit-print-color-adjust:exact;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation-delay:-99s!important;animation-duration:.001s!important;animation-iteration-count:1!important;animation-fill-mode:both!important;animation-play-state:running!important;transition-duration:0s!important}}
@keyframes dc-zeigen{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){[data-rv]{opacity:0;transform:translateY(28px);animation:dc-zeigen 0s 4s forwards}[data-mlg] [data-ml]{transform:translateY(108%);animation:dc-zeigen 0s 4s forwards}}
[data-dc-bg]:not([data-dc-da]){--dc-b:none}[data-dc-bg][data-dc-da]{--dc-b:var(--dc-u)}
@media print{[data-dc-bg]{--dc-b:var(--dc-u)!important}}
[data-dc-bg]{background-image:var(--dc-b,none),var(--dc-p,none)!important}
video{background-image:var(--dc-p,none);background-position:center;background-size:cover;background-repeat:no-repeat}
@media (scripting:none){[data-rv],[data-mlg] [data-ml]{opacity:1!important;transform:none!important;animation:none!important}[data-dc-bg]{--dc-b:var(--dc-u)!important}img[data-dc-src="/assets/bilder/i40-tag-morgen.webp"]{content:url("/assets/bilder/i40-tag-morgen.webp")}img[data-dc-src="/assets/bilder/i41-tag-mittag.webp"]{content:url("/assets/bilder/i41-tag-mittag.webp")}img[data-dc-src="/assets/bilder/i42-tag-abend.webp"]{content:url("/assets/bilder/i42-tag-abend.webp")}img[data-dc-src="/assets/bilder/i43-tag-nacht.webp"]{content:url("/assets/bilder/i43-tag-nacht.webp")}img[data-dc-src="/assets/tagesverlauf/i40-emblem-abdeckung.png"]{content:url("/assets/tagesverlauf/i40-emblem-abdeckung.png")}img[data-dc-src="/assets/tagesverlauf/i40-sonne-abdeckung.png"]{content:url("/assets/tagesverlauf/i40-sonne-abdeckung.png")}img[data-dc-src="/assets/tagesverlauf/i41-emblem-abdeckung.png"]{content:url("/assets/tagesverlauf/i41-emblem-abdeckung.png")}img[data-dc-src="/assets/tagesverlauf/i41-sonne-abdeckung.png"]{content:url("/assets/tagesverlauf/i41-sonne-abdeckung.png")}img[data-dc-src="/assets/tagesverlauf/i42-emblem-abdeckung.png"]{content:url("/assets/tagesverlauf/i42-emblem-abdeckung.png")}img[data-dc-src="/assets/tagesverlauf/i42-sonne-abdeckung.png"]{content:url("/assets/tagesverlauf/i42-sonne-abdeckung.png")}img[data-dc-src="/assets/tagesverlauf/i43-emblem-abdeckung.png"]{content:url("/assets/tagesverlauf/i43-emblem-abdeckung.png")}}
.scp-246fd402:focus{top:16px !important}
.scp-4469712f:hover{color:#D8BD8C !important}
.scp-4ec7061f:hover{color:#EFE9DE !important}
.scp-9f28781b:hover{border-color:#C19A5B !important}
.scp-3a37656b:hover{background:#FFFDF8 !important}
dc-v{display:none}g.dc-vg{display:none}
@media (min-width:1200px){dc-v.v-5a803d4{display:contents}g.dc-vg.v-5a803d4{display:inline}#dc-root .r-ef86d90{height:76px}}
@media (max-width:599.98px){#dc-root .r-ef86d90{height:60px}dc-v.v-84deff0{display:contents}g.dc-vg.v-84deff0{display:inline}#dc-root .r-c32007d{object-position:55% 60%}#dc-root .r-e9184aa{flex:1 1 100%}#dc-root .r-8dec147{width:86vw;grid-template-columns:1fr;width:86vw;grid-template-columns:1fr;width:86vw;grid-template-columns:1fr;width:86vw;grid-template-columns:1fr;width:86vw;grid-template-columns:1fr}#dc-root .r-8c36ef3{padding-bottom:calc(56px + env(safe-area-inset-bottom))}#dc-root .r-5b95cf7{font-stretch:80%}}
@media (min-width:600px) and (max-width:1199.98px){#dc-root .r-ef86d90{height:68px}}
@media (max-width:1199.98px){dc-v.v-370d09b{display:contents}g.dc-vg.v-370d09b{display:inline}}
@media (max-height:759.98px){#dc-root .r-5e10f0b{position:relative;height:auto}#dc-root .r-026bbf5{bottom:clamp(14px,2.4vh,24px)}#dc-root .r-87741ad{margin-top:0}}
@media (min-height:760px){#dc-root .r-5e10f0b{position:sticky;height:max(560px,100svh)}#dc-root .r-026bbf5{bottom:calc(10vh + clamp(14px,2.4vh,24px))}#dc-root .r-87741ad{margin-top:-10vh}}
@media (min-width:600px){#dc-root .r-c32007d{object-position:50% 50%}#dc-root .r-e9184aa{flex:0 0 auto}dc-v.v-2fe3694{display:contents}g.dc-vg.v-2fe3694{display:inline}#dc-root .r-8c36ef3{padding-bottom:0px}#dc-root .r-5b95cf7{font-stretch:100%}}
@media (min-width:1024px){dc-v.v-8440104{display:contents}g.dc-vg.v-8440104{display:inline}#dc-root .r-3e8640a{overflow-x:visible}#dc-root .r-8dec147{width:min(70vw,1200px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:min(70vw,1200px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:min(70vw,1200px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:min(70vw,1200px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:min(70vw,1200px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}#dc-root .r-c22aba0{max-height:58vh;max-height:58vh;max-height:58vh;max-height:58vh;max-height:58vh}}
@media (min-width:600px) and (max-width:1023.98px){dc-v.v-57d33d2{display:contents}g.dc-vg.v-57d33d2{display:inline}#dc-root .r-8dec147{width:72vw;grid-template-columns:1fr;width:72vw;grid-template-columns:1fr;width:72vw;grid-template-columns:1fr;width:72vw;grid-template-columns:1fr;width:72vw;grid-template-columns:1fr}}
@media (max-width:1099.98px){#dc-root .r-148ee0c{grid-column:1 / -1;grid-row:auto}#dc-root .r-45cd625{grid-column:1 / -1;grid-row:auto}#dc-root .r-6ff0a7a{aspect-ratio:16/10}#dc-root .r-baa0790{grid-template-columns:repeat(2,minmax(0,1fr))}#dc-root .r-44a53b8{grid-column:1 / -1}}
@media (min-width:1100px){#dc-root .r-148ee0c{grid-column:1 / span 7;grid-row:1}#dc-root .r-45cd625{grid-column:8 / span 5;grid-row:1}#dc-root .r-6ff0a7a{aspect-ratio:4/5}#dc-root .r-baa0790{grid-template-columns:repeat(5,minmax(0,1fr))}#dc-root .r-44a53b8{grid-column:auto}}
@media (max-width:1023.98px){dc-v.v-b6f68df{display:contents}g.dc-vg.v-b6f68df{display:inline}#dc-root .r-3e8640a{overflow-x:auto}#dc-root .r-c22aba0{max-height:none;max-height:none;max-height:none;max-height:none;max-height:none}}
@media (max-width:767.98px){#dc-root .r-53612c4{align-items:stretch}#dc-root .r-c48a7a5{width:100%;height:auto;background:transparent;padding:0;border-radius:0;box-shadow:none}#dc-root .r-10c8ec0{border-radius:0;border:1px solid #CFC3AE}dc-v.v-f4972c7{display:contents}g.dc-vg.v-f4972c7{display:inline}#dc-root .r-fb37fc6{overflow-y:visible}}
@media (min-width:768px){#dc-root .r-53612c4{align-items:center}#dc-root .r-c48a7a5{width:290px;height:min(628px, calc(100vh - 170px));background:#1A1F1D;padding:10px;border-radius:38px;box-shadow:inset 0 0 0 1px #C19A5B,0 40px 80px -40px rgba(15,37,33,.55)}#dc-root .r-10c8ec0{border-radius:30px;border:none}dc-v.v-68f1bec{display:contents}g.dc-vg.v-68f1bec{display:inline}#dc-root .r-fb37fc6{overflow-y:auto}}
@media (max-width:699.98px){#dc-root .r-8454ff9{aspect-ratio:4/3}#dc-root .r-efac00d{grid-column:1 / -1}#dc-root .r-7c03662{grid-column:1 / -1;margin-top:0}#dc-root .r-8630b76{grid-column:1 / -1}#dc-root .r-5a6a6c3{aspect-ratio:4/5}}
@media (min-width:700px){#dc-root .r-8454ff9{aspect-ratio:21/9}#dc-root .r-efac00d{grid-column:1 / span 5}#dc-root .r-7c03662{grid-column:6 / span 7;margin-top:clamp(0px,6vw,96px)}#dc-root .r-8630b76{grid-column:3 / span 6}#dc-root .r-5a6a6c3{aspect-ratio:16/10}}
@media (min-width:900px){dc-v.v-a07f9f7{display:contents}g.dc-vg.v-a07f9f7{display:inline}#dc-root .r-11aa96f{position:sticky}}
@media (max-width:899.98px){dc-v.v-7a21dee{display:contents}g.dc-vg.v-7a21dee{display:inline}#dc-root .r-11aa96f{position:static}}
@media (min-width:1200px){dc-v.v-5a803d4{display:contents}g.dc-vg.v-5a803d4{display:inline}#dc-root .r-ef86d90{height:76px}#dc-root .r-4589773{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) 340px}}
@media (max-width:599.98px){#dc-root .r-ef86d90{height:60px}dc-v.v-84deff0{display:contents}g.dc-vg.v-84deff0{display:inline}#dc-root .r-8c36ef3{padding-bottom:calc(56px + env(safe-area-inset-bottom))}#dc-root .r-5b95cf7{font-stretch:80%}}
@media (max-width:899.98px){#dc-root .r-4589773{grid-template-columns:1fr}dc-v.v-7a21dee{display:contents}g.dc-vg.v-7a21dee{display:inline}#dc-root .r-6e72c7c{min-height:70svh;min-height:70svh;min-height:70svh;min-height:70svh}#dc-root .r-11aa96f{position:static}}
@media (min-width:900px) and (max-width:1199.98px){#dc-root .r-4589773{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}dc-v.v-330fd17{display:contents}g.dc-vg.v-330fd17{display:inline}}
@media (min-width:900px){#dc-root .r-6e72c7c{min-height:88vh;min-height:88vh;min-height:88vh;min-height:88vh}dc-v.v-a07f9f7{display:contents}g.dc-vg.v-a07f9f7{display:inline}#dc-root .r-11aa96f{position:sticky}}
@media (max-width:719.98px){#dc-root .r-4e25b58{order:0;justify-self:start;order:0;justify-self:start}#dc-root .r-469b013{order:1;order:1}}
@media (min-width:720px){#dc-root .r-4e25b58{order:1;justify-self:end;order:1;justify-self:end}#dc-root .r-469b013{order:0;order:0}}
@media (min-width:800px){dc-v.v-b29d83d{display:contents}g.dc-vg.v-b29d83d{display:inline}}
@media (max-width:799.98px){dc-v.v-ef558e7{display:contents}g.dc-vg.v-ef558e7{display:inline}}
@media (max-width:699.98px){#dc-root .r-8053f2d{grid-column:1 / -1}#dc-root .r-11c9694{grid-column:1 / -1;margin-top:0}#dc-root .r-2258413{grid-column:1 / -1;margin-top:0}#dc-root .r-7400b01{aspect-ratio:4/3}}
@media (min-width:700px){#dc-root .r-8053f2d{grid-column:1 / span 7}#dc-root .r-11c9694{grid-column:8 / span 5;margin-top:clamp(0px,10vw,160px)}#dc-root .r-2258413{grid-column:3 / span 6;margin-top:clamp(0px,-2vw,0px)}#dc-root .r-7400b01{aspect-ratio:16/10}}
@media (min-width:600px){#dc-root .r-8c36ef3{padding-bottom:0px}#dc-root .r-5b95cf7{font-stretch:100%}}
@media (max-width:599.98px){#dc-root .r-ef86d90{height:60px}dc-v.v-84deff0{display:contents}g.dc-vg.v-84deff0{display:inline}#dc-root .r-a6fd0c3{min-height:max(560px,100svh)}#dc-root .r-e9184aa{flex:1 1 100%}#dc-root .r-8c36ef3{padding-bottom:calc(56px + env(safe-area-inset-bottom))}#dc-root .r-5b95cf7{font-stretch:80%}}
@media (min-width:600px){#dc-root .r-a6fd0c3{min-height:min(max(640px,92vh),1040px)}#dc-root .r-e9184aa{flex:0 0 auto}#dc-root .r-8c36ef3{padding-bottom:0px}#dc-root .r-5b95cf7{font-stretch:100%}}
@media (max-width:699.98px){#dc-root .r-8053f2d{grid-column:1 / -1;grid-column:1 / -1}#dc-root .r-5359d2f{grid-column:1 / -1;margin-top:0}#dc-root .r-11c9694{grid-column:1 / -1;margin-top:0}#dc-root .r-2258413{grid-column:1 / -1;margin-top:0}#dc-root .r-7400b01{aspect-ratio:4/3}}
@media (min-width:700px){#dc-root .r-8053f2d{grid-column:1 / span 7;grid-column:1 / span 7}#dc-root .r-5359d2f{grid-column:8 / span 5;margin-top:clamp(0px,8vw,120px)}#dc-root .r-11c9694{grid-column:8 / span 5;margin-top:clamp(0px,10vw,160px)}#dc-root .r-2258413{grid-column:3 / span 6;margin-top:clamp(0px,-2vw,0px)}#dc-root .r-7400b01{aspect-ratio:16/10}}
@media (min-width:420px){dc-v.v-6a1c7f7{display:contents}g.dc-vg.v-6a1c7f7{display:inline}}
@media (max-width:419.98px){dc-v.v-83b97b8{display:contents}g.dc-vg.v-83b97b8{display:inline}}
@media (max-width:699.98px){#dc-root .r-8053f2d{grid-column:1 / -1}#dc-root .r-5359d2f{grid-column:1 / -1;margin-top:0}}
@media (min-width:700px){#dc-root .r-8053f2d{grid-column:1 / span 7}#dc-root .r-5359d2f{grid-column:8 / span 5;margin-top:clamp(0px,8vw,120px)}}
@media (max-width:899.98px){#dc-root .r-11aa96f{position:static}dc-v.v-7a21dee{display:contents}g.dc-vg.v-7a21dee{display:inline}}
@media (min-width:900px){#dc-root .r-11aa96f{position:sticky}dc-v.v-a07f9f7{display:contents}g.dc-vg.v-a07f9f7{display:inline}}
@media (max-width:599.98px){#dc-root .r-ef86d90{height:60px}dc-v.v-84deff0{display:contents}g.dc-vg.v-84deff0{display:inline}#dc-root .r-a6fd0c3{min-height:max(560px,100svh)}#dc-root .r-8c36ef3{padding-bottom:calc(56px + env(safe-area-inset-bottom))}#dc-root .r-5b95cf7{font-stretch:80%}}
@media (min-width:600px){#dc-root .r-a6fd0c3{min-height:min(max(640px,92vh),1040px)}#dc-root .r-8c36ef3{padding-bottom:0px}#dc-root .r-5b95cf7{font-stretch:100%}}
@media (min-width:1100px){dc-v.v-4e4ab6d{display:contents}g.dc-vg.v-4e4ab6d{display:inline}}
@media (max-width:1099.98px){dc-v.v-0309058{display:contents}g.dc-vg.v-0309058{display:inline}}
@media (max-width:719.98px){#dc-root .r-358f2fe{order:0;order:0}#dc-root .r-469b013{order:1;order:1}}
@media (min-width:720px){#dc-root .r-358f2fe{order:1;order:1}#dc-root .r-469b013{order:0;order:0}}
@media (min-width:900px){dc-v.v-a07f9f7{display:contents}g.dc-vg.v-a07f9f7{display:inline}}
@media (max-width:899.98px){dc-v.v-7a21dee{display:contents}g.dc-vg.v-7a21dee{display:inline}}
@media (min-width:600px){dc-v.v-2fe3694{display:contents}g.dc-vg.v-2fe3694{display:inline}#dc-root .r-8c36ef3{padding-bottom:0px}#dc-root .r-5b95cf7{font-stretch:100%}}
@media (max-width:599.98px){#dc-root .r-ef86d90{height:60px}#dc-root .r-0d1d751{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}#dc-root .r-251f4ee{min-height:150px;min-height:150px;min-height:150px;min-height:150px;min-height:150px}#dc-root .r-2ad9ff5{position:sticky;bottom:56px;padding-bottom:12px}#dc-root .r-5b95cf7{font-stretch:80%}}
@media (min-width:900px){dc-v.v-a07f9f7{display:contents}g.dc-vg.v-a07f9f7{display:inline}#dc-root .r-6ad6cbd{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}}
@media (max-width:899.98px){dc-v.v-7a21dee{display:contents}g.dc-vg.v-7a21dee{display:inline}#dc-root .r-6ad6cbd{grid-template-columns:1fr}}
@media (min-width:600px){#dc-root .r-0d1d751{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#dc-root .r-251f4ee{min-height:200px;min-height:200px;min-height:200px;min-height:200px;min-height:200px}#dc-root .r-2ad9ff5{position:static;bottom:auto;padding-bottom:0}#dc-root .r-5b95cf7{font-stretch:100%}}
@media (max-width:699.98px){#dc-root .r-8053f2d{grid-column:1 / -1}#dc-root .r-e50f21a{grid-column:1 / -1}#dc-root .r-efac00d{grid-column:1 / -1}#dc-root .r-32c73a9{aspect-ratio:4/3}#dc-root .r-2687819{grid-column:1 / -1}#dc-root .r-5a6a6c3{aspect-ratio:4/5}#dc-root .r-8454ff9{aspect-ratio:4/3}#dc-root .r-9b4cdcd{grid-column:1 / -1}#dc-root .r-2134c0e{aspect-ratio:4/5}dc-v.v-d008f10{display:contents}g.dc-vg.v-d008f10{display:inline}}
@media (min-width:700px){#dc-root .r-8053f2d{grid-column:1 / span 7}#dc-root .r-e50f21a{grid-column:8 / span 5}#dc-root .r-efac00d{grid-column:1 / span 5}#dc-root .r-32c73a9{aspect-ratio:4/5}#dc-root .r-2687819{grid-column:6 / span 7}#dc-root .r-5a6a6c3{aspect-ratio:16/10}#dc-root .r-8454ff9{aspect-ratio:21/9}#dc-root .r-9b4cdcd{grid-column:1 / span 6}#dc-root .r-2134c0e{aspect-ratio:4/3}dc-v.v-169f122{display:contents}g.dc-vg.v-169f122{display:inline}}
@media (max-width:899.98px){#dc-root .r-450b383{grid-template-columns:1fr}dc-v.v-7a21dee{display:contents}g.dc-vg.v-7a21dee{display:inline}}
@media (min-width:900px){#dc-root .r-450b383{grid-template-columns:1.5fr 1fr}dc-v.v-a07f9f7{display:contents}g.dc-vg.v-a07f9f7{display:inline}}
@media (max-width:799.98px){#dc-root .r-bb10450{grid-template-columns:1fr}#dc-root .r-d9e1aa7{margin-top:0;margin-top:0}}
@media (min-width:800px){#dc-root .r-bb10450{grid-template-columns:1fr 1fr}#dc-root .r-d9e1aa7{margin-top:clamp(0px,8vw,120px);margin-top:clamp(0px,8vw,120px)}}
@media (max-width:999.98px){#dc-root .r-dd17d1b{grid-template-columns:1fr}#dc-root .r-1fd625b{top:60px}dc-v.v-b9ad760{display:contents}g.dc-vg.v-b9ad760{display:inline}}
@media (min-width:1000px){#dc-root .r-dd17d1b{grid-template-columns:240px minmax(0,1fr)}#dc-root .r-1fd625b{top:120px}dc-v.v-48b77b2{display:contents}g.dc-vg.v-48b77b2{display:inline}}
@media (max-width:699.98px){dc-v.v-d008f10{display:contents}g.dc-vg.v-d008f10{display:inline}}
/* ══════════════════════════════════════════════════════════════════════════
   werkzeug/barrierefreiheit.css — Korrektur „Barrierefreiheit Saxo Vertrieb“ (29.09.2026)
   Wird beim Bau an /_saxo/dc/stile.css angehängt und gilt damit nach allen Stilen der
   Bausteine. Zusammenhang und Liste der Bausteinänderungen: werkzeug/barrierefreiheit.mjs.
   ══════════════════════════════════════════════════════════════════════════ */

/* Nur für Screenreader: unsichtbarer Text (Satz einer zerlegten Überschrift, Endwert eines Zählers, Linkkontext) */
.a11y-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* ── 1. Text auf Foto und Film (B01, B23) ─────────────────────────────────
   Weicher Schatten im Dunkelgrün des Bildverlaufs (#0F2521), dicht an der Schrift. Auf dunklen
   Bildstellen verschwindet er im Verlauf; sichtbar wird er nur, wo das Bild hinter der Schrift hell ist.
   Stärke nach Schriftgröße: k = kleine Schrift bis 14 px (auch Gold), t = Fließtext, g = große Schrift.
   h = heller Schein für dunkle Schrift auf leicht gemustertem oder beschattetem Beige. */
:root{--a11y-halo-k:0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 3px #0F2521,0 0 3px #0F2521,0 0 3px #0F2521,0 0 3px #0F2521,0 0 6px rgba(15,37,33,.35);--a11y-halo-t:0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 5px rgba(15,37,33,.4);--a11y-halo-g:0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 2px #0F2521,0 0 5px rgba(15,37,33,.4);--a11y-halo-h:0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 2px #EFE9DE,0 0 3px #EFE9DE,0 0 3px #EFE9DE,0 0 3px #EFE9DE,0 0 3px #EFE9DE,0 0 6px rgba(239,233,222,.5)}
[data-halo="k"]{text-shadow:var(--a11y-halo-k)}
[data-halo="t"]{text-shadow:var(--a11y-halo-t)}
[data-halo="g"]{text-shadow:var(--a11y-halo-g)}
[data-halo="h"]{text-shadow:var(--a11y-halo-h)}
/* Knöpfe „Film anhalten“ liegen immer auf dem Film */
button[data-vp]{text-shadow:var(--a11y-halo-k)}
/* Symbole der durchsichtigen Kopfzeile (Telefon, Menü, Pfeile) wie die Schrift daneben */
header [data-halo] svg{filter:drop-shadow(0 0 1px #0F2521) drop-shadow(0 0 1px #0F2521) drop-shadow(0 0 2px rgba(15,37,33,.7))}

/* ── 3. Fokus (B11) ─────────────────────────────────────────────────────────
   Zum braunen Rahmen (saxo-basis.css, 2 px im Abstand von 3 px) kommt eine helle Füllung im Abstand
   (#EFE9DE). Auf hellem Grund fällt sie nicht auf, auf dunklem Grund und auf Fotos trägt sie den
   Kontrast. :focus-visible gilt nur bei Tastaturbedienung; Eingabefelder zeigen den Rahmen auch nach
   einem Klick, dort kommt die Füllung nur bei Tastaturbedienung dazu (html.a11y-tastatur). */
:focus-visible:not(input):not(textarea):not(select):not(.tv-punkt){box-shadow:0 0 0 3px #EFE9DE}
html.a11y-tastatur :is(input,textarea,select):focus-visible{box-shadow:0 0 0 3px #EFE9DE}
/* Reiterinhalt der App-Ansicht (B15, tabindex=0): Sein Behälter schneidet ab, was über den Rand ragt; ein Rahmen
   außen wäre unsichtbar. Deshalb liegt er innen (Braun auf dem hellen Grund der App). */
[role="tabpanel"][tabindex="0"]:focus-visible{outline-offset:-4px}
/* Reiter in seitlich scrollenden Leisten (Werte auf dem Handy): Die Leiste schneidet oben und unten ab, vom Rahmen
   blieb nur eine Kante. Auch hier liegt er innen. */
[role="tablist"][style*="overflow-x:auto"]>[role="tab"]:focus-visible{outline-offset:-4px}
/* Auswahlkarten (Konfigurator, Speicher nachrüsten): Das Auswahlfeld ist unsichtbar, die Karte zeigte den
   Tastaturfokus nicht (2.4.7; bei der Nachmessung gefunden). Jetzt trägt die Karte den Rahmen, innen wie im
   Entwurf angelegt (outline-offset:-2px), nur bei Tastaturbedienung. */
label:has(> input[style*="opacity:0"]:focus-visible){outline:2px solid #7E5E2C!important;outline-offset:-2px!important}

/* ── Fokus nie verdeckt (B05, B12, B24) ─────────────────────────────────────
   barrierefreiheit.js blendet die Kopfzeile und die Aktionsleiste ein, solange der Tastaturfokus
   darin liegt, und schiebt eine feste Leiste weg, solange sie den fokussierten Link verdecken würde. */
header[data-a11y-zeigen],nav[data-a11y-zeigen]{transform:none!important}
[data-a11y-weg]{transform:translateY(calc(100% + 2px))!important;transition:transform .3s ease!important}

/* ── 4. Kopfzeile unter 375 px (B02) ────────────────────────────────────────
   Logo, Telefon und „Menü“ brauchen 390 px. Darunter wird der Schriftzug kleiner, unter 360 px
   bleibt nur das Zeichen (der Link heißt weiter „Saxo Vertrieb – zur Startseite“). Ab 375 px unverändert. */
@media (max-width:374.98px){header a[aria-label^="Saxo Vertrieb"]>span{font-size:11.5px!important}}
@media (max-width:359.98px){header a[aria-label^="Saxo Vertrieb"]>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}

/* ── Vergrößerte Textabstände (1.4.12, bei der Nachmessung gefunden) ─────────
   html.a11y-abstand setzt barrierefreiheit.js nur, wenn jemand die Buchstabenabstände vergrößert. Das Heldenbild
   der Startseite wächst dann mit seinem Inhalt, wie im Entwurf für Fenster unter 760 px Höhe; sonst verdeckte der
   folgende Abschnitt Einleitung und Knöpfe. Ohne vergrößerte Abstände bleibt alles wie gestaltet. */
html.a11y-abstand section[data-screen-label="01 Hero"]{position:relative!important;height:auto!important}
/* Der Inhalt endet dann oberhalb des Knopfs „Film anhalten“ (der sitzt 10vh + Rand über der Unterkante, B06);
   sonst läge der Knopf auf dem Handy über der Bewertung. */
html.a11y-abstand section[data-screen-label="01 Hero"] [data-pp-tx]{padding-bottom:calc(10vh + clamp(14px,2.4vh,24px) + 56px)!important}
/* Über uns, Kennzahl „über 1.400 kWp“ (Auftrag Texte 30.09.2026, Punkt 15; Nachmessung): Zahl und Einheit stehen
   ohne Leerzeichen nebeneinander (Einheit als span mit Abstand links). Mit vergrößerten Abständen passt das am
   Desktop nicht mehr in die Spalte, und der Abschnitt schnitt „kWp“ ab. Dann darf die Einheit in die nächste Zeile
   (unsichtbares Umbruchzeichen); ohne vergrößerte Abstände steht beides wie gestaltet in einer Zeile. */
html.a11y-abstand section[data-screen-label="02 Wer wir sind"] [data-rv]>p>span::before{content:"\200B"}

/* ── Szene „Ein Tag über Dresden“ (B21) ─────────────────────────────────────
   Stehen zwei Punkte so eng, dass sich ihre Trefferflächen überdecken, teilt barrierefreiheit.js
   die Fläche zwischen ihnen auf (jede bleibt mindestens 24 × 24 px). Der Punkt bleibt an seiner Stelle. */
.tv-punkt[data-a11y-box]{width:var(--a11y-w)!important;height:var(--a11y-h)!important;margin:var(--a11y-mt) 0 0 var(--a11y-ml)!important}
.tv-punkt[data-a11y-box]::before,.tv-punkt[data-a11y-box]::after{left:var(--a11y-px)!important;top:var(--a11y-py)!important}

/* ── Hinweis unter der Szene (B09): Grau aus tagesverlauf.css (--tinte-3), auf #E3DBCC 3,97:1 ── */
.tv-hinweis{color:#5C625E}

/* ── Szene bei Nacht (B26) ──────────────────────────────────────────────────
   Der Punkt „Solarmodule“ liegt nachts auf mittelhell beleuchteten Modulen; sein Ring (#234B43) kam
   dort nur auf 2,7:1. Nachts trägt der Ring das Nachtgrün der Szene (--tanne-nacht, #0F2521). */
.tv--nacht .tv-punkt::after{border-color:var(--tanne-nacht,#0F2521)}

/* ── WhatsApp-Wahl (30.09.2026, werkzeug/kontaktwahl.js) ───────────────────────────────────────────
   Karte in den Farben der Seite: heller Grund, Goldlinie oben, Namen in der Display-Schrift. Am Handy als
   Blatt von unten, sonst mittig. Kontraste: Braun #7A5B2B 5,9 : 1, Grau #4A524E 7,6 : 1, Text #1A1F1D auf #F7F4EE.
   Trefferflächen mindestens 44 px. Fokusrahmen wie überall (barrierefreiheit.css, :focus-visible). */
html.kw-sperre{overflow:hidden}
dialog.kw{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-top:3px solid #C19A5B;background:#F7F4EE;color:#1A1F1D;box-shadow:0 30px 60px -24px rgba(15,37,33,.5);overflow:auto;opacity:0;transform:translateY(12px);transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}
dialog.kw.kw-offen{opacity:1;transform:none}
dialog.kw::backdrop{background:rgba(15,37,33,.55);opacity:0;transition:opacity .22s ease}
dialog.kw.kw-offen::backdrop{opacity:1}
dialog.kw .kw-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px 4px 24px}
dialog.kw .kw-titel{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7A5B2B}
dialog.kw .kw-zu{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#234B43;cursor:pointer}
dialog.kw .kw-zu:hover{color:#1A1F1D}
dialog.kw .kw-liste{list-style:none;margin:0;padding:4px 24px 20px}
dialog.kw a.kw-person{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;min-height:44px;padding:16px 0;border-top:1px solid #CFC3AE;color:#1A1F1D;text-decoration:none}
dialog.kw .kw-name{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25}
dialog.kw .kw-rolle{grid-column:1;font-size:14px;line-height:1.4;color:#4A524E}
dialog.kw .kw-pfeil{grid-column:2;grid-row:1/span 2;font-size:20px;color:#234B43;transition:transform .2s ease}
dialog.kw a.kw-person:hover .kw-name{text-decoration:underline;text-decoration-color:#C19A5B;text-underline-offset:.3em}
dialog.kw a.kw-person:hover .kw-pfeil,dialog.kw a.kw-person:focus-visible .kw-pfeil{transform:translateX(4px)}
@media (max-width:599.98px){
 dialog.kw{width:100%;max-height:85dvh;margin:auto 0 0;transform:translateY(100%)}
 dialog.kw.kw-offen{transform:none}
 dialog.kw .kw-liste{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
 dialog.kw,dialog.kw::backdrop,dialog.kw .kw-pfeil{transition:none}
 dialog.kw,dialog.kw.kw-offen{transform:none}
}