.bs-mitte-film::after{opacity:1!important;font-size:16px!important;}.ki-kennzeichnung{opacity:1!important;font-size:16px!important;}
.aug-pause-knopf,[data-pause-knopf],button[aria-label*="ause"]{background:rgba(8,11,18,.88)!important;}.pl-glow,.t-glow,[class*="zahl"],[class*="count"]{font-variant-numeric:lining-nums tabular-nums;}
a{color:inherit}

/* 07.08.2026 HANDY-BILDER: Hintergrund-Filme wurden ueber die ganze Abschnitts-Hoehe
   gespannt (bis 3733 Bildpunkte). Ein Querformat-Bild zeigt darin nur 6-21 % seiner
   Breite - ein sinnloser Streifen, bei Personen sieht man Hals statt Gesicht.
   Am Handy sitzen sie jetzt oben im Abschnitt mit ruhiger Hoehe. Rechner unveraendert. */
@media (max-width:820px){
  .secbg, .k2-ambient, .k2-ambient-wrap, .bs-mitte-film{
    height:62svh !important; max-height:62svh !important; bottom:auto !important;
  }
  /* der Rest des Abschnitts bekommt einen weichen Auslauf statt harter Kante */
  .secbg::after, .k2-ambient::after, .bs-mitte-film::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:38%;
    background:linear-gradient(180deg, rgba(6,8,12,0), rgba(6,8,12,.92));
    pointer-events:none;
  }
  /* Held-Bereich: nicht hoeher als ein Bildschirm, sonst wird der Film zum Faden */
  .hero.bs-harmonie-hero{ min-height:auto !important; }
  .hero.bs-harmonie-hero .bg{ height:78svh !important; max-height:78svh !important; bottom:auto !important; }
}


/* R155 - Einzel-Kennzeichnung an jedem KI-Medium (EU-KI-Verordnung Art. 50 Abs. 4+5) */
.mk-wrap{position:relative;display:block;max-width:100%}
.mk-wrap.mk-inline{display:inline-block;vertical-align:middle}
.mk-schild{position:absolute;right:6px;bottom:6px;z-index:5;pointer-events:none;
 display:inline-block;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.05em;
 padding:3px 6px;border-radius:5px;white-space:nowrap;
 color:#f6ead0;background:rgba(10,8,6,.74);border:1px solid rgba(224,200,120,.55);
 text-shadow:0 1px 2px rgba(0,0,0,.9);
 -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.mk-schild.mk-mitte{right:auto;left:50%;transform:translateX(-50%);bottom:7%}
.mk-schild.mk-echt{color:#e9f4ec;border-color:rgba(150,210,170,.60)}
.mk-schild.mk-berechnet{color:#dfe7f6;border-color:rgba(150,180,230,.60)}
/* Schild fuer den bildschirm-fuellenden Hintergrund-Film (liegt hinter allem) */
.mk-schild.mk-tapete{position:fixed;right:10px;bottom:10px;left:auto;top:auto;z-index:35;
 opacity:.66;font-size:10px;padding:2px 6px}
@media (max-width:480px){.mk-schild.mk-tapete{right:6px;bottom:6px;font-size:11px;opacity:.8}}
@media print{.mk-schild.mk-tapete{display:none}}
@media (max-width:480px){.mk-schild{font-size:12px;padding:2px 6px;right:4px;bottom:4px;letter-spacing:.03em}}
@media print{.mk-schild{color:#000;background:#fff;border-color:#000;text-shadow:none}}
/* Vertraeglichkeits-Regeln: alte Kind-Regeln greifen durch die neue Huelle hindurch */
.bw-kachel>.mk-wrap{flex:0 0 auto}
.gpu-photo .photo-frame>.mk-wrap>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
