/* D6, 12.09.2026. Einbindung ausschliesslich zentral im . Nur CSS: HTML, Skripte und Medien bleiben unveraendert. Sechs :root ueberstimmen die vier :root in fussleiste-2026-09-11.css, auch deren !important-Regeln und die alten Inline-Style-Bloecke. Die Befunde sind unten in Auftragsreihenfolge bearbeitet. */ /* 1: Lesbarer Chip; auf entdecken das dauerhafte statt des Loader-Schilds. .sz-scene-dots bleibt nach Entfernen von #augLoader im Dokument erhalten. Andere Seiten (insbesondere 404) werden nicht als entdecken behandelt. */ @media screen { :root:root:root:root:root:root .mk-schild.mk-sichtbar, :root:root:root:root:root:root body:has(.sz-scene-dots) .aug-ambient-wrap + .mk-schild.mk-tapete { font-size:14px!important; padding:7px 12px!important; opacity:1!important; box-sizing:border-box!important; width:auto!important; max-width:min(62vw,420px)!important; height:auto!important; min-height:0!important; max-height:none!important; white-space:normal!important; overflow-wrap:anywhere!important; border-radius:999px!important; } :root:root:root:root:root:root body:has(.sz-scene-dots) #augLoader .mk-schild { display:none!important; } :root:root:root:root:root:root body:has(.sz-scene-dots) .aug-ambient-wrap + .mk-schild.mk-tapete { display:block!important; position:fixed!important; z-index:2147483000!important; margin:0!important; transform:none!important; filter:none!important; pointer-events:none!important; } /* Weg 1a: contain statt cover, auch bei reduzierter Bewegung. Schrift in Bildpixeln kann CSS weder vergroessern noch entfernen. */ :root:root:root:root:root:root .aug-kino-moment { background-size:contain!important; background-position:center!important; background-repeat:no-repeat!important; background-color:#080b12!important; } :root:root:root:root:root:root .aug-kino-moment video { object-fit:contain!important; } } /* 2: Deckender Grund, 16px Abstand, einschliesslich schild-ausnahme. Die bestehende Ausblendung nicht ausgewaehlter Medien-Schilder bleibt. Ausnahme-Schilder behalten ihre Verankerung am jeweiligen Medium. */ @media screen { :root:root:root:root:root:root .mk-schild.mk-sichtbar, :root:root:root:root:root:root body:has(.sz-scene-dots) .aug-ambient-wrap + .mk-schild.mk-tapete { inset:auto 16px 16px auto!important; background:#080b12!important; opacity:1!important; } :root:root:root:root:root:root .mk-schild.mk-sichtbar[data-c34="schild-ausnahme"] { background:#0a0806!important; padding:5px 10px!important; } :root:root:root:root:root:root #bewegung-knopf { inset:auto auto 16px 16px!important; } } /* 3/4: Sichtbarer Text in der Seitensprache, ohne HTML-Textersatz. Die unsichtbare alte Textzeile hat Hoehe 0; ::after liefert den lesbaren 14px-Text. DOM-Text, title und ARIA bleiben Aufgabe eines HTML-Auftrags. Echte Fotos und berechnete Medien werden NICHT zu KI-Bildern umetikettiert. */ :root { --d6-ai:"Mit k\00fcnstlicher Intelligenz erstellt"; --d6-background:"Hintergrund mit k\00fcnstlicher Intelligenz erstellt"; --d6-photo:"ECHTES FOTO"; --d6-computed:"BERECHNET"; --d6-pause:"Film anhalten"; --d6-play:"Film fortsetzen"; --d6-quotes-pause:"Zitate anhalten"; --d6-quotes-play:"Zitate weiter"; --d6-of:"von"; } /* html[lang] hat Vorrang: sechs EN-Dateien behalten eine alte lang-de-Klasse. */ html[lang="en"], html:not([lang])[data-lang="en"] { --d6-ai:"AI-generated"; --d6-background:"AI-generated background"; --d6-photo:"REAL PHOTO"; --d6-computed:"COMPUTED"; --d6-pause:"Pause film"; --d6-play:"Play film"; --d6-quotes-pause:"Pause quotes"; --d6-quotes-play:"Play quotes"; --d6-of:"of"; } @media screen { :root:root:root:root:root:root .mk-schild { --d6-label:var(--d6-ai); color:transparent!important; text-shadow:none!important; line-height:0!important; text-align:center!important; } :root:root:root:root:root:root .mk-schild.mk-tapete { --d6-label:var(--d6-background); } :root:root:root:root:root:root .mk-schild.mk-echt { --d6-label:var(--d6-photo); } :root:root:root:root:root:root .mk-schild.mk-berechnet { --d6-label:var(--d6-computed); } :root:root:root:root:root:root .mk-schild.mk-sichtbar { display:block!important; } :root:root:root:root:root:root .mk-schild > :is([data-de],[data-en]) { display:none!important; } :root:root:root:root:root:root .mk-schild::after { content:var(--d6-label)!important; display:block!important; font:700 14px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important; color:#f6ead0!important; text-indent:0!important; white-space:normal!important; overflow-wrap:anywhere!important; } } /* 5: Die gemeinsamen und eingebetteten .mk-schild-Regeln mit 11/12px und rgba(10,8,6,.74) uebersteuern. Bestehende Bildunterschriften bleiben. Die vier eingebrannten Bildtexte liegen ausserhalb des CSS-Reviers. */ @media screen { :root:root:root:root:root:root .mk-schild { font-size:14px!important; background:#0a0604!important; opacity:1!important; } } /* 6: Nur belegte gestapelte Fuss-Abstaende abbauen. Widerspruch zu 7: #ki-schild-r153 bleibt mit der Verantwortungsangabe. Der KI-Satz im ungeteilten Rechtstext p.rs-mini ist per CSS nicht einzeln entfernbar. Keine Kuerzung dieses Absatzes und kein Verschieben des DOM. */ :root:root:root:root:root:root body:has(p.rs-mini) main:has(~ #ki-schild-r153), :root:root:root:root:root:root body:has(p.rs-mini) footer:has(p.rs-mini):has(~ #ki-schild-r153), :root:root:root:root:root:root body:has(p.rs-mini) footer:has(~ p.rs-mini):has(~ #ki-schild-r153), :root:root:root:root:root:root body:has(p.rs-mini) main:has(~ #ki-schild-r153) > footer:has(p.rs-mini) { padding-bottom:0!important; } :root:root:root:root:root:root body:has(p.rs-mini) .rs-banner.rs-fuss { display:none!important; } :root:root:root:root:root:root #ki-schild-r153 { margin:32px auto 0!important; } /* 7: Ein ausfuehrlicher allgemeiner Hinweis, ohne leere Ersatzplatte. Seiten ohne #ki-schild behalten ihre bisherige Kennzeichnung. Ein echtes h2 und data-ki-de benoetigen weiterhin einen HTML/JS-Auftrag. */ :root:root:root:root:root:root body:has(#ki-schild-r153) :is(.ki-kennzeichnung-platte,p.ki-kennzeichnung) { display:none!important; } :root:root:root:root:root:root #ki-schild-r153 { background:#080b12!important; opacity:1!important; color:#f6ead0!important; font-size:15px!important; line-height:1.6!important; } :root:root:root:root:root:root #ki-schild-r153 > :is(h2,p) { display:block!important; } :root:root:root:root:root:root #ki-schild-r153 > :first-child { margin:0 0 14px!important; font-size:1.05em!important; font-weight:600!important; letter-spacing:.01em!important; } :root:root:root:root:root:root #ki-schild-r153 > :last-child { margin:0!important; } /* Die zehn Varianten mit echten Sprach-Spans; direkte p[data-de] sind dagegen Textwechsel-Elemente und duerfen nicht ausgeblendet werden. */ :root:root:root:root:root:root #ki-schild-r153 span[data-en] { display:none!important; } :root:root:root:root:root:root #ki-schild-r153 span[data-de] { display:inline!important; } html[lang="en"]:root:root:root:root:root:root #ki-schild-r153 span[data-de] { display:none!important; } html[lang="en"]:root:root:root:root:root:root #ki-schild-r153 span[data-en] { display:inline!important; } /* 8: Balken/Play-Dreieck folgen dem vorhandenen aria-pressed-Zustand. Das Skript darf seinen alten Span weiter beschreiben; er ist ausgeblendet. ::before wird gegen die alte fussleiste-Ausnahmeregel voll zurueckgesetzt. */ @media screen { :root:root:root:root:root:root #bewegung-knopf { display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; opacity:1!important; color:#f0d98c!important; background:#080b12!important; border-radius:999px!important; font:600 14px/1.25 system-ui,sans-serif!important; } :root:root:root:root:root:root #bewegung-knopf > span { display:none!important; } :root:root:root:root:root:root #bewegung-knopf::before { content:""!important; display:block!important; position:static!important; inset:auto!important; z-index:auto!important; flex:0 0 14px!important; box-sizing:border-box!important; width:14px!important; height:16px!important; border:0!important; border-left:4px solid currentColor!important; border-right:4px solid currentColor!important; border-radius:1px!important; background:transparent!important; transform:none!important; } :root:root:root:root:root:root #bewegung-knopf[aria-pressed="true"]::before { flex-basis:14px!important; height:16px!important; border-radius:0!important; border-top:8px solid transparent!important; border-bottom:8px solid transparent!important; border-left:14px solid currentColor!important; border-right:0!important; } :root:root:root:root:root:root #bewegung-knopf::after { content:var(--d6-pause)!important; display:none!important; } :root:root:root:root:root:root #bewegung-knopf[aria-pressed="true"]::after { content:var(--d6-play)!important; } /* Der groessere Chip braucht statt der alten 56px nun 104px Reserve, damit am Seitenende auch ein dreizeiliger Text nichts ueberdeckt. Wenn D9 zentral eingebunden wird, verwaltet dessen Textfluss die Reserve. */ :root:root:root:root:root:root:not(:has(link[href*="handyleiste-2026-09-12.css"])) body:has(.mk-schild,#bewegung-knopf) { padding-bottom:104px!important; } } @media screen and (min-width:380px) { :root:root:root:root:root:root #bewegung-knopf { width:160px!important; min-width:160px!important; max-width:160px!important; padding:0 12px!important; } :root:root:root:root:root:root #bewegung-knopf::after { display:block!important; } /* 160px Button + 16px Luecke + 2 x 16px Fensterabstand reservieren. */ :root:root:root:root:root:root .mk-schild.mk-sichtbar:not([data-c34="schild-ausnahme"]), :root:root:root:root:root:root body:has(.sz-scene-dots) .aug-ambient-wrap + .mk-schild.mk-tapete { max-width:min(420px,calc(100vw - 208px))!important; } } /* 9: Vorhandene Punkte, Positionszustaende und Pause-Knoepfe. Echte Vor/Zurueck-Buttons, aria-live und ARIA-Gesamtzahlen sind ohne HTML/Skript-Eingriff nicht herstellbar. Keine Attrappen erzeugen. */ :root:root:root:root:root:root .lw-dot { border:1px solid rgba(201,162,63,.55)!important; } :root:root:root:root:root:root .lw-dot::after { background:rgba(201,162,63,.38)!important; } :root:root:root:root:root .lw-dot[aria-selected="true"]::after { background:#c9a23f!important; transform:scale(1.4)!important; } :root:root:root:root:root:root .lw-pause .lw-pause-wort { display:none!important; } :root:root:root:root:root:root .lw-pause::after { content:var(--d6-quotes-pause); } :root:root:root:root:root:root .lw-pause[aria-pressed="true"]::after { content:var(--d6-quotes-play); } :root:root:root:root:root:root .sz-scene-dots { display:inline-flex!important; flex-wrap:wrap!important; justify-content:center!important; box-sizing:border-box!important; max-width:100%!important; gap:4px!important; background:#0b0e16!important; border:1px solid rgba(201,162,63,.35)!important; border-radius:24px!important; padding:8px 12px!important; } :root:root:root:root:root:root .sz-dot { margin:0!important; flex:0 0 44px!important; } :root:root:root:root:root:root .sz-dot::before { background:rgba(201,162,63,.60)!important; } :root:root:root:root:root:root .sz-dot[aria-selected="true"]::before { background:#c9a23f!important; box-shadow:0 0 0 2px #fff!important; } :root:root:root:root:root:root .lw-carousel-dots { flex-wrap:wrap!important; } :root:root:root:root:root:root .lw-carousel-dots::before, :root:root:root:root:root:root .sz-scene-dots::after { display:block; flex-basis:100%; font:600 14px/1.5 system-ui,sans-serif; text-align:center; color:#f6ead0; } :root:root:root:root:root:root .lw-carousel-dots::before { content:var(--d6-pos,"1") " " var(--d6-of) " 3"; } :root:root:root:root:root:root .sz-scene-dots::after { content:var(--d6-pos,"1") " " var(--d6-of) " 12"; } .lw-carousel-dots:has([data-lw-dot="1"][aria-selected="true"]) { --d6-pos:"2"; } .lw-carousel-dots:has([data-lw-dot="2"][aria-selected="true"]) { --d6-pos:"3"; } .sz-scene-dots:has([data-scene="1"][aria-selected="true"]) { --d6-pos:"2"; } .sz-scene-dots:has([data-scene="2"][aria-selected="true"]) { --d6-pos:"3"; } .sz-scene-dots:has([data-scene="3"][aria-selected="true"]) { --d6-pos:"4"; } .sz-scene-dots:has([data-scene="4"][aria-selected="true"]) { --d6-pos:"5"; } .sz-scene-dots:has([data-scene="5"][aria-selected="true"]) { --d6-pos:"6"; } .sz-scene-dots:has([data-scene="6"][aria-selected="true"]) { --d6-pos:"7"; } .sz-scene-dots:has([data-scene="7"][aria-selected="true"]) { --d6-pos:"8"; } .sz-scene-dots:has([data-scene="8"][aria-selected="true"]) { --d6-pos:"9"; } .sz-scene-dots:has([data-scene="9"][aria-selected="true"]) { --d6-pos:"10"; } .sz-scene-dots:has([data-scene="10"][aria-selected="true"]) { --d6-pos:"11"; } .sz-scene-dots:has([data-scene="11"][aria-selected="true"]) { --d6-pos:"12"; } /* Neue entdecken-Ausnahme auch im Druck wie die bisherigen Chips behandeln. */ @media print { :root:root:root:root:root:root body:has(.sz-scene-dots) .aug-ambient-wrap + .mk-schild.mk-tapete, :root:root:root:root:root:root #bewegung-knopf { display:none!important; } }