/* StrickerTV-Erscheinungsbild: Schwarz, Weiss, Rot, Barlow Condensed. Wird auf jeder Seite zuletzt geladen. */
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlow-condensed-800.woff2) format("woff2");font-weight:800 900;font-display:swap}
@font-face{font-family:"Barlow";src:url(fonts/barlow-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(fonts/barlow-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow";src:url(fonts/barlow-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(fonts/barlow-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(fonts/barlow-700-normal.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
:root{--display:"Barlow Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;--sans:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;--serif:var(--sans);--rot:#e51b20;--rot-hell:#f2332f;--rot-text:#c4141a;--rot-text-dunkel:#ff4d47}
/* Rot als Schrift: --rot (#e51b20) trägt nur grosse Titel (ab 24 px, fett ab 19 px), Flächen, Linien und den Pinsel.
   Kleinere rote Schrift nimmt --rot-text auf Weiss und hellem Grau (6,1:1 auf #fff, 5,5:1 auf #f4f4f4)
   und --rot-text-dunkel auf Schwarz und dunklem Grau (6,4:1 auf #000, 4,9:1 auf #222). Auf rotem Grund steht nur #fff. */

/* Titel */
h1,h2,h3{font-family:var(--display)!important;letter-spacing:0!important;font-style:normal}
h1,h2{text-transform:uppercase;font-weight:800!important;line-height:1!important;text-wrap:balance}
h3{font-weight:700!important;line-height:1.1}
h1 em,h2 em,h3 em{font-style:normal!important;font-weight:inherit!important}
h2 em{color:var(--rot)!important}
h1 em{color:inherit!important;padding-bottom:.05em;background:url(pinsel.svg) no-repeat 0 100%/100% .17em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Etiketten: eine Grösse, kein Leuchten */
.section-kicker,.section-label,.eyebrow,[class$="-kicker"],[class$="__eyebrow"]{font-family:var(--display);font-size:17px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase}
.section-kicker span{width:22px!important;height:4px!important;border-radius:0!important;box-shadow:none!important;background:var(--rot)!important}
.status-dot{display:none!important}

/* Kopf und Navigation */
.site-header{background:#000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.desktop-nav a,.header-shop,.header-support{font-family:var(--display);font-size:17px!important;font-weight:600!important;letter-spacing:.04em!important}
.desktop-nav a{color:#d0d0d0}
.desktop-nav span{display:none!important}
.mobile-menu a{text-transform:uppercase}
.mobile-menu span{background:none!important;color:#8c8c8c!important;font-family:var(--sans);font-size:13px!important;text-transform:none}
.archive-compass{background:#0c0c0c!important}
.archive-compass__label{display:none!important}
.archive-compass__links a{border-radius:0!important;font-family:var(--display);font-size:16px!important;font-weight:600!important;letter-spacing:.03em;text-transform:uppercase}
.archive-compass__links a[aria-current="page"]{color:#fff!important;background:var(--rot)!important;border-color:var(--rot)!important;box-shadow:none!important}
.archive-compass__tree{font-size:13px!important}

/* Knöpfe */
.primary-action,.dark-action,.light-action,.text-action,.filter-bar button,.search-field button{font-family:var(--display);font-size:17px!important;font-weight:700!important;letter-spacing:.04em!important}
.filter-bar button{padding:8px 16px}

/* Startseite: Kopf und Bühne schwarz wie die Sendung, der Rest hell und einladend */
body.start{color:#141414;background:#fff}
body.start .archive-compass{display:none}
.start .hero{grid-template-columns:minmax(0,.78fr) minmax(460px,1.22fr);min-height:0;padding-top:54px;padding-bottom:54px;gap:clamp(32px,4.5vw,64px);color:#f5f5f5;background:#0c0c0c;box-shadow:0 0 0 100vmax #0c0c0c;clip-path:inset(0 -100vmax)}
.start .hero h1{font-size:clamp(38px,4.3vw,62px)}
.start .hero-deck{margin:22px 0 16px;color:#bdbdbd;font-size:18px}
.start .hero-meta{color:#8c8c8c;font-size:13px}
.start .hero-meta>*{border-color:#333}
.start .hero .text-action{border-color:#f5f5f5;color:#f5f5f5}
.start .hero-actions{flex-wrap:wrap}
.start .hero .section-kicker{color:var(--rot-hell)}
.start .section-label,.start .section-label a{color:var(--rot);text-decoration:none}
.start .hero-media{aspect-ratio:16/9;box-shadow:none}
.start .hero-media::after{background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.6))}
.start .archive-status{border-color:#e2e2e2;align-items:end}
.start .archive-status strong{color:#0c0c0c;font-size:52px;font-weight:800;line-height:1}
.start .archive-status span{color:#5d5d5d;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.start .archive-status a{color:#0c0c0c;font-family:var(--display);font-size:17px;letter-spacing:.04em;padding-bottom:4px;border-bottom:2px solid var(--rot)}
.start .direct-entries-head{grid-template-columns:1.1fr 1fr;align-items:end}
.start .direct-entries-head .section-label{grid-column:1/-1;margin:0}
.start .direct-entries-head>p:last-child{color:#555;font-size:17px}
.start .direct-entry-grid{gap:12px;border:0}
.start .direct-entry-grid a{min-height:190px;border:0;border-top:4px solid var(--rot);background:#f4f4f4;color:#0c0c0c;transition:background .15s,color .15s}
.start .direct-entry-grid a:hover{background:#0c0c0c;color:#fff;transform:none}
.start .direct-entry-grid span{color:var(--rot);font-family:var(--display);font-size:15px;font-weight:700}
.start .direct-entry-grid strong{margin:8px 0 10px;font-size:30px;font-weight:800;line-height:1;text-transform:uppercase}
.start .direct-entry-grid small{color:#555;font-size:14.5px}
.start .direct-entry-grid a:hover small{color:#c9c9c9}
.start .direct-entry-grid b{border:0;color:inherit;font-family:var(--display);font-size:16px}
.start .latest,.start .formats{color:#0c0c0c}
.start .latest{background:#f6f6f6;box-shadow:0 0 0 100vmax #f6f6f6;clip-path:inset(0 -100vmax)}
.start .formats{background:#fff}
/* helle Abschnitte */
.start .archive-preview,.start .dossier-preview,.start .travel-preview,.start .media-preview,.start .site-map-preview{color:#141414;background:#fff;border-color:#e6e6e6}
.start .media-preview,.start .site-map-preview{background:#f6f6f6}
.start .archive-intro>p:not(.section-label),.start .dossier-preview-head>div:last-child p,.start .travel-preview-copy>p:not(.section-label),.start .media-preview-copy>p:not(.section-label),.start .site-map-preview-copy p{color:#4d4d4d}
.start .archive-intro h2 a{color:#0c0c0c}
.start .archive-label-link{border-color:var(--rot)}
.start .light-action{color:#fff;background:#0c0c0c}
.start .light-action:hover{background:var(--rot)}
.start .archive-open-action>span{color:#b5b5b5}
.start .archive-demo{border:0;background:#f4f4f4;border-top:4px solid var(--rot)}
.start .archive-demo label{color:#555}
.start .search-field input{border-color:#bdbdbd;background:#fff}
.start .archive-note{color:#666}
.start .search-suggestions a,.start .search-suggestions button{color:#141414}
.start .dossier-preview-head>div:last-child a,.start .travel-preview-copy>a,.start .media-preview-copy>a{color:#0c0c0c;border-bottom:2px solid var(--rot)}
.start .daily-pearl,.start .dossier-preview-grid a,.start .travel-preview-map{border:0}
.start .media-preview-stack article{border-color:#dcdcdc;box-shadow:0 18px 44px rgba(0,0,0,.16);background:#fff}
.start .site-map-preview-copy a{border:1.5px solid #0c0c0c;color:#0c0c0c}
.start .site-map-preview-copy a:hover{background:#0c0c0c;color:#fff;border-color:#0c0c0c}
.start .site-map-preview-copy span{color:var(--rot)}
.start .format-list a{color:#0c0c0c}
/* Heute vor Jahren */
.jahrestag{max-width:var(--content,1220px);margin:0 auto;padding:clamp(48px,7vw,92px) 28px}
.jt-kopf{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 40px;align-items:end;margin-bottom:28px}
.jt-kopf .section-label{grid-column:1/-1;margin:0}
.jt-kopf h2{margin:0;font-size:clamp(40px,6vw,76px);line-height:.95}
.jt-kopf h2 em{color:var(--rot);font-style:normal}
.jt-kopf>p:last-child{margin:0;color:#4d4d4d;font-size:17px}
.jt-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jt-karte{display:flex;flex-direction:column;gap:12px;color:#0c0c0c;text-decoration:none}
.jt-bild{position:relative;display:block;aspect-ratio:16/9;background:#141414 center/cover no-repeat}
.jt-bild i{position:absolute;right:6px;bottom:6px;padding:2px 7px;background:rgba(0,0,0,.82);color:#fff;font-size:13px;font-style:normal}
.jt-text small{display:block;margin-bottom:4px;color:var(--rot);font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.jt-text b{display:block;font-family:var(--display);font-size:25px;font-weight:700;line-height:1.1}
.jt-karte:hover b{color:var(--rot)}
.jt-karte:hover .jt-bild{outline:3px solid var(--rot);outline-offset:-3px}
@media(max-width:760px){.jahrestag{padding-left:18px;padding-right:18px}.jt-kopf{grid-template-columns:1fr}.jt-raster{grid-template-columns:1fr}}
.video-card h3{font-size:23px!important;font-weight:700!important;line-height:1.08}
.video-channel{font-family:var(--display);font-size:15px!important}
.video-card p{font-size:13px}
.format-list strong{font-weight:800!important;text-transform:uppercase}
.format-list small{font-size:16px}
.daily-pearl-copy strong,.dossier-preview-grid strong,.travel-preview-map strong,.media-preview-stack article strong{text-transform:uppercase;font-weight:800!important}
.daily-pearl-copy>span,.dossier-preview-grid small{font-size:15px}

@media(max-width:1000px){.start .hero{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .start .hero{grid-template-columns:1fr;padding-top:26px;padding-bottom:40px;gap:24px}
  .start .hero h1{font-size:clamp(36px,10.5vw,52px)}
  .start .direct-entries-head{grid-template-columns:1fr}
  .start .archive-status strong{font-size:40px}
  .section-kicker,.section-label,.eyebrow{font-size:15px!important}
}

/* Gemeinsamer Kopf und Fuss aller Unterseiten (tools/seite.py, tools/kopf.py) */
header.sx-kopf{position:relative!important;z-index:60;display:flex!important;align-items:center;justify-content:flex-start;gap:clamp(12px,2vw,26px);box-sizing:border-box;width:100%!important;max-width:none!important;min-height:64px;margin:0!important;padding:0 clamp(16px,3vw,34px)!important;background:#000!important;border:0!important;border-bottom:1px solid #222!important;font-family:var(--display);inset:auto!important}
.sx-kopf .sx-logo{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0;margin:0;border:0;background:none}
.sx-kopf .sx-logo img{display:block;width:auto!important;height:30px!important;max-width:none}
@media(max-width:1339px){.sx-kopf .sx-logo img{height:24px!important}}
.sx-kopf .sx-nav{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:2px;margin:0;padding:0;background:none;border:0;position:static}
.sx-kopf .sx-nav a,.sx-kopf .sx-aktion a,.sx-kopf .sx-burger{font-family:var(--display)!important;font-size:17px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:.04em!important;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;border-radius:0!important}
.sx-kopf .sx-nav a{padding:22px 9px 20px!important;color:#d0d0d0!important;background:none!important;border:0!important;border-bottom:3px solid transparent!important}
.sx-kopf .sx-nav a:hover{color:#fff!important}
.sx-kopf .sx-nav a[aria-current]{color:#fff!important;border-bottom-color:var(--rot)!important}
.sx-kopf .sx-nur-mobil{display:none!important}
.sx-kopf .sx-aktion{display:flex;align-items:center;gap:8px;margin-left:auto}
.sx-kopf .sx-aktion a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px}
.sx-kopf .sx-shop{padding:8px 12px!important;color:#fff!important;border:1px solid #444!important;background:none!important}
.sx-kopf .sx-stuetzen{padding:9px 14px!important;color:#fff!important;background:var(--rot)!important;border:0!important}
.sx-kopf .sx-burger{display:none;position:relative;box-sizing:border-box;padding:9px 12px;color:#fff;background:none;border:1px solid #444;cursor:pointer}
.sx-kopf .sx-burger:hover{border-color:#fff}
@media(max-width:1260px){
  .sx-kopf .sx-burger{display:block;min-width:44px;min-height:44px}
  .sx-kopf .sx-shop{display:none!important}
  /* offenes Menü: Kreuz statt Wort (gleich breit, der Kopf springt nicht), die Seite darunter ist abgedunkelt und ruht */
  .sx-kopf .sx-burger[aria-expanded="true"]{color:transparent;border-color:#fff}
  .sx-kopf .sx-burger[aria-expanded="true"]::before,.sx-kopf .sx-burger[aria-expanded="true"]::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:3px;margin:-1.5px 0 0 -11px;background:#fff;transform:rotate(45deg)}
  .sx-kopf .sx-burger[aria-expanded="true"]::after{transform:rotate(-45deg)}
  .sx-kopf.offen::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.62)}
  .sx-kopf .sx-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;box-sizing:border-box;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;padding:6px 16px 16px;background:#000;border-bottom:3px solid var(--rot)}
  .sx-kopf.offen .sx-nav{display:flex}
  .sx-kopf .sx-nav a{flex:0 0 auto;padding:13px 4px!important;font-size:21px!important;border-bottom:1px solid #222!important}
  .sx-kopf .sx-nav a[aria-current]{color:#fff!important;border-bottom:3px solid var(--rot)!important}
  .sx-kopf .sx-nur-mobil{display:block!important}
  .sx-kopf .sx-logo img{height:26px!important}
  .sx-kopf .sx-nav a.sx-nav-stuetzen{color:var(--rot-text-dunkel)!important}
}
/* 481 bis 560 px: Logo, Suche, «Unterstützen» und Menü haben nebeneinander keinen Platz (die Seite lief rechts über); «Unterstützen» steht dort nur im Menü. Ab 561 px steht es als Knopf im Kopf und darum nicht doppelt im Menü. */
@media(min-width:481px) and (max-width:560px){.sx-kopf .sx-stuetzen{display:none!important}}
@media(min-width:561px) and (max-width:1260px){.sx-kopf .sx-nav a.sx-nav-stuetzen{display:none!important}}
@media(max-width:480px){.sx-kopf .sx-stuetzen{display:none!important}.sx-kopf .sx-logo img{height:auto!important;width:min(250px,calc(100vw - 160px))!important}}
/* Ohne JavaScript: kein Knopf, der nichts tut. Das Menü steht als zweite Zeile offen im Kopf. */
@media (scripting:none) and (max-width:1260px){
  header.sx-kopf{flex-wrap:wrap;row-gap:0;padding-top:10px!important}
  .sx-kopf .sx-burger{display:none}
  .sx-kopf .sx-nav{display:flex;position:static;order:3;flex:1 0 100%;flex-direction:row;flex-wrap:wrap;gap:0 16px;max-height:none;overflow:visible;margin-top:10px;padding:0 0 6px;border:0;border-top:1px solid #222}
  .sx-kopf .sx-nav a{padding:11px 2px!important;font-size:19px!important;border-bottom:0!important}
  .sx-kopf .sx-nav a[aria-current]{border-bottom:0!important}
}
footer.sx-fuss{display:block!important;box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;padding:44px clamp(16px,3vw,34px) 26px!important;background:#000!important;color:#9a9a9a!important;border:0!important;border-top:3px solid var(--rot)!important;font-family:var(--sans);font-size:15px;line-height:1.4;text-align:left}
.sx-fuss-in{display:grid;grid-template-columns:minmax(120px,1.1fr) repeat(3,1fr);gap:28px;max-width:1180px;margin:0 auto}
.sx-fuss .sx-logo img{display:block;width:min(100%,300px);height:auto}
.sx-fuss .sx-logo{display:flex;align-items:center;align-self:start;max-width:300px;min-height:44px}
.sx-fuss nav{display:flex!important;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0;border:0;background:none}
.sx-fuss nav :is(b,h2){margin:0 0 6px;padding:0;border:0;background:none;line-height:1.2!important;color:#fff;font-family:var(--display);font-size:17px;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase;text-wrap:initial}
.sx-fuss nav a{display:flex!important;align-items:center;min-width:44px;min-height:44px;padding:0!important;color:#bdbdbd!important;font-size:16px!important;font-weight:400!important;text-decoration:none!important;border:0!important;background:none!important;letter-spacing:0!important;text-transform:none!important}
.sx-fuss nav a:hover{color:#fff!important;text-decoration:underline!important}
/* mit Maus am breiten Bildschirm (bei ausgeschriebenem Menü) genügen engere Zeilen; sonst bleibt jede Zeile 44 px hoch */
@media (hover:hover) and (pointer:fine) and (min-width:1261px){.sx-fuss nav a{min-height:32px}}
.sx-fuss small{display:block;max-width:1180px;margin:34px auto 0;padding-top:16px;border-top:1px solid #222;color:#9a9a9a;font-size:16px}
@media(max-width:720px){.sx-fuss-in{grid-template-columns:1fr 1fr;row-gap:22px}.sx-fuss-in>.sx-logo{grid-column:1/-1}.sx-fuss-in>nav:first-of-type{grid-row:span 2}}
.archive-compass{display:none!important}

/* ── Helle Seiten: Korrekturen nach der Umstellung (10.11.2026) ── */
/* Bildkarten: dunkler Verlauf, weisse Schrift */
.su-latest-feature-copy,.su-latest-feature-copy h3,.su-latest-feature-copy h3 a,.su-latest-feature-copy a,.su-latest-feature-copy button{color:#fff!important}
.su-latest-feature .su-latest-meta{color:#d6d6d6!important}
.su-dossier:before{background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.9))!important}
.su-dossier,.su-dossier strong{color:#fff!important}
.su-dossier small,.su-dossier .su-dossier-count{color:#dedede!important}
.card::before{background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(0,0,0,.92))!important}
.card .card-copy,.card .card-copy h3,.card .card-copy .open{color:#fff!important}
.card .card-copy p{color:#dcdcdc!important}
.card .card-copy .type{color:#ff5a55!important}
.featured-grid a strong,.featured-grid a b{color:#fff!important}
.featured-grid a small{color:#dcdcdc!important}
.featured-grid a span{color:#ff5a55!important}
/* Belegbilder: Karte fest hoch, Bild füllt sie (statt Karte so hoch wie der ganze Screenshot) */
.evidence-card{height:330px}
.evidence-card img{position:absolute;inset:0;width:100%;height:100%}
.evidence-card:before{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.9) 96%)!important}
.evidence-card .evidence-copy strong{color:#fff}
.evidence-card .evidence-copy span{color:#ff5a55}
@media(max-width:760px){.evidence-card{height:245px}}
/* Suchfelder hell */
#stricker-universe-pilot #su-search,.ti-search input,.tr-search-shell input,.tree-heading input{background:#fff!important;color:#0c0c0c!important;border:1.5px solid #0c0c0c!important;border-radius:0!important;box-shadow:none!important}
#stricker-universe-pilot #su-search:focus,.ti-search input:focus,.tr-search-shell input:focus,.tree-heading input:focus{border-color:var(--rot)!important;box-shadow:0 0 0 3px rgba(229,27,32,.16)!important}
#stricker-universe-pilot .su-search-clear{background:#ededed!important;color:#0c0c0c!important}
input::placeholder{color:#767676;opacity:1}
/* Zeitmarken, Marken, Knöpfe */
.tr-time{background:var(--rot)!important;color:#fff!important}
.tr-time:hover{background:#b9151a!important}
.btn.ghost{color:#0c0c0c!important;border-color:#0c0c0c!important}
.btn.ghost:hover{background:#0c0c0c!important;color:#fff!important}
.su-open[data-platform="youtube"]{border-color:#e9b3b0!important;color:#b9151a!important}
.thumb.platform-thumb strong{color:#fff!important}
/* Kachel für Quellen ohne Vorschaubild: dunkel, damit die weisse Marke lesbar ist (hell auf hell war unlesbar) */
.thumb.platform-thumb{background:#161616!important;border:1px solid #3a3a3a!important}
.thumb.platform-thumb small{color:#c9c9c9!important}
/* zu blasses Grau anheben */
.person-status,.person-hits,.status-key,.su-day-label,.su-stills-note,.su-network-more,.su-transcript-progress-meta span,.su-corona-note,.su-media-source,.biography-sources{color:#5a5a5a!important}
.tr-primary{color:#b9151a!important;border-color:#b9151a!important}
main p.label,.panel p{color:var(--rot-text)}
.entry-proof .source-link{color:#ff6b66!important}

/* Lesetext überall in Barlow */
body{font-family:var(--sans)!important}
button,input,select,textarea{font-family:inherit}

/* Schnellsuche im Kopf (assets/archive-navigation.js) */
.sx-suchknopf{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #444;border-radius:0;background:none;color:#fff;font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;cursor:pointer}
.sx-suchknopf:hover{border-color:#fff}
@media(max-width:1100px){.sx-suchknopf span{display:none}.sx-suchknopf{padding:9px 10px}}
/* solange ein Fenster über der Seite liegt (Menü, Suche; window.sxFenster), scrollt die Seite nicht mit */
html.sx-sperre{overflow:hidden!important}
.sx-suche{position:fixed;left:0;right:0;top:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;height:100%;padding:clamp(10px,8vh,90px) 14px 14px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overscroll-behavior:contain;font:400 17px/1.45 var(--sans);letter-spacing:normal;text-transform:none;text-align:left;color:#0c0c0c}
.sx-suche[hidden]{display:none}
.sx-suche-in{display:flex;flex-direction:column;box-sizing:border-box;width:min(720px,100%);max-height:100%;background:#fff;border-top:5px solid var(--rot);box-shadow:0 24px 70px rgba(0,0,0,.5)}
.sx-suche-kopf{display:flex;flex:0 0 auto;border-bottom:1px solid #dcdcdc}
.sx-suche-kopf input{flex:1;min-width:0;margin:0;padding:18px 20px;border:0!important;border-radius:0;background:#fff!important;color:#0c0c0c!important;font-family:var(--display)!important;font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:.01em;line-height:1.2;-webkit-appearance:none;appearance:none}
.sx-suche-kopf input::placeholder{color:#6b6b6b}
.sx-suche-zu{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:60px;min-height:44px;margin:0;padding:0;border:0;border-left:1px solid #dcdcdc;border-radius:0;background:#fff;color:#0c0c0c;cursor:pointer}
.sx-suche-zu:hover{background:#0c0c0c;color:#fff}
.sx-suche-stand{flex:0 0 auto;margin:0;padding:11px 20px;color:#5a5a5a;font:400 16px/1.35 var(--sans);letter-spacing:normal;text-transform:none}
.sx-suche-liste{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #dcdcdc}
.sx-suche-liste[hidden]{display:none}
.sx-suche-liste a{display:block;padding:12px 20px 12px 15px;border-bottom:1px solid #ececec;border-left:5px solid transparent;color:#0c0c0c!important;text-decoration:none!important;background:#fff}
.sx-suche-liste a b{display:block;font-family:var(--display);font-size:21px;font-weight:700;line-height:1.15}
.sx-suche-liste a small{display:block;margin-top:3px;color:#5a5a5a;font-family:var(--sans);font-size:15px;line-height:1.3}
.sx-suche-liste a[aria-selected="true"]{background:#f4f4f4;border-left-color:var(--rot)}
.sx-suche-liste a.sx-suche-voll{padding-top:15px;padding-bottom:15px;border-bottom:0;font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.03em;line-height:1.2;text-transform:uppercase;color:var(--rot-text)!important}
/* Tastenhinweise und Schalter für die Kurztaste: nur mit Maus und Tastatur, oder wenn «/» benutzt wurde */
.sx-suche-fuss{display:none;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding:6px 20px;border-top:1px solid #dcdcdc;background:#f4f4f4;color:#4a4a4a;font-family:var(--sans);font-size:14px;line-height:1.3}
.sx-suche-fuss label{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin:0;color:inherit;font:inherit;cursor:pointer}
.sx-suche-fuss input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--rot)}
@media (hover:hover) and (pointer:fine){.sx-suche-fuss{display:flex}}
.sx-suche.mit-tasten .sx-suche-fuss{display:flex}
/* Handy: die Suche füllt den Bildschirm */
@media(max-width:600px){
  .sx-suche{padding:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .sx-suche-in{width:100%;height:100%;max-height:none;box-shadow:none}
}

/* Sprunglink: erster Tabstopp jeder Seite, nur bei Tastaturfokus sichtbar */
.sx-skip{position:absolute;left:8px;top:-80px;z-index:10000;display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:0 18px;background:var(--rot);color:#fff!important;font:800 18px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.sx-skip:focus{top:8px}
.sx-anker{position:absolute;width:0;height:0;overflow:hidden}

/* Nur für Vorleseprogramme: unsichtbar, aber vorhanden */
.sx-nur-vorlesen{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

/* Tastaturfokus: überall derselbe Ring. Rot aussen, Weiss innen, damit er auf Schwarz, auf Weiss und auf Rot zu sehen ist. */
:focus-visible{outline:3px solid var(--rot)!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important}
/* rollt die Seite beim Tabben zum Element, bleibt Platz für den Ring: er klebt nicht am Bildschirmrand */
:focus-visible{scroll-margin:8px}
/* Textfelder: der Ring liegt direkt am Feld */
:is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=image],[type=color]),textarea,select):focus-visible{outline-offset:0!important}
/* volle Zeilen und Flächen bis an den Rand: der Ring liegt innen, sonst schneidet ihn der Rand ab */
.sx-kopf .sx-nav a:focus-visible,.sx-suche .sx-suche-zu:focus-visible{outline-offset:-3px!important;box-shadow:inset 0 0 0 5px #fff!important}
/* aufgeklapptes Menü (und Menüzeile ohne Skript): der Eintrag hat seitlich nur wenig Luft, das Menü rundherum genug; der Ring liegt dort aussen und berührt die Schrift nicht */
@media(max-width:1260px){.sx-kopf .sx-nav a:focus-visible{outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important}}
/* Randlose Flächen: der Bildrand schneidet einen Ring aussen ab, darum liegt er dort innen. */
.sd-poster:focus-visible{outline-offset:-3px!important;box-shadow:inset 0 0 0 5px #fff!important}
/* Bild und Abspielzeile des Posters liegen über seinem eigenen Rand und verdecken den Ring: er wird darüber noch einmal gezeichnet */
.sd-poster:focus-visible::after{content:"";position:absolute;inset:0;border:3px solid var(--rot);box-shadow:inset 0 0 0 2px #fff;pointer-events:none}
/* das Suchfeld der Schnellsuche zeigt den Fokus als roten Balken */
.sx-suche .sx-suche-kopf input:focus-visible{outline:0!important;box-shadow:inset 0 -4px 0 var(--rot)!important}
/* Sprungziele und Fenster, die den Fokus nur per Skript bekommen, brauchen keinen Ring */
.sx-anker:focus-visible,:is(main,section,article,div,h1,h2,h3,h4,p,dialog)[tabindex="-1"]:not([role]):focus-visible,[role=dialog]:focus-visible,dialog:focus-visible{outline:0!important;box-shadow:none!important}

/* Das Attribut hidden gilt immer, auch wenn eine Klasse display setzt */
[hidden]{display:none!important}

/* Seitenwechsel innerhalb der Website blenden weich über, der Kopf bleibt dabei stehen (Browser, die das nicht kennen, wechseln wie bisher) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
  header.sx-kopf{view-transition-name:sx-kopf}
  ::view-transition-group(sx-kopf){animation-duration:.2s}
}

/* Wer weniger Bewegung eingestellt hat, bekommt keine Fahrten, kein weiches Scrollen und keine Dauerschleifen */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}