/* Bauauftrag D3, 12.09.2026: gemeinsame Leseflaechen fuer DE und EN. * Einzige neue Datei; Einbindung zuletzt im durch die Leitung. * Spezifitaeten sind (IDs, Klassen/Attribute/Pseudoklassen, Elemente). * Vier :root-Pseudoklassen staerken die Regeln gegen spaetere HTML-Stile. * Nur Bildschirm: der vorhandene Druckkanon behaelt seine Papierfarben. */ @media screen { /* BEFUND 1 / Schritt 1: aug-harmonie-2407 in leistung.html und en/leistung.html, * .aug-ambient (0,1,0), .section-ambient video (0,1,1), * .aug-hero-stage .hero-ambient video (0,2,1): brightness(1.25) !important. * Neu: (0,5,0), (0,5,1), (0,6,1), jeweils !important. * Befund 2 verlangt zugleich unveraenderte Filme; diese Filteraenderung * stammt ausschliesslich aus dem ausdruecklichen Schritt 1 von Befund 1. */ :root:root:root:root .section-ambient video, :root:root:root:root .aug-ambient, :root:root:root:root .aug-hero-stage .hero-ambient video { filter: saturate(1.05) contrast(1.0) brightness(0.62) !important; } /* assets/leistung-2026-09-11.css: .section-ambient video.is-in = .62; * faq.html / en/faq.html: .aug-ambient.aug-ambient-in = .68. * Neu: (0,6,1), (0,5,0) bzw. (0,6,0) plus !important. */ :root:root:root:root .section-ambient video.is-in, :root:root:root:root .aug-ambient, :root:root:root:root .aug-ambient.aug-ambient-in { opacity: .30 !important; } /* BEFUND 1 / Schritt 2: .section-ambient::after (0,1,1) mit .10 * im Textband; .aug-ambient-veil / -vignette (0,1,0) mit schwachen * Verlaeufen in entdecken.html / faq.html und deren EN-Fassungen. * Neu: (0,5,1) bzw. (0,5,0) plus !important. */ :root:root:root:root .section-ambient::after, :root:root:root:root .aug-ambient-veil, :root:root:root:root .aug-ambient-vignette { background: linear-gradient(180deg, rgba(5,8,15,.72) 0%, rgba(5,8,15,.66) 26%, rgba(5,8,15,.66) 74%, rgba(5,8,15,.74) 100%) !important; } /* BEFUND 1 / Schritt 3: .kk-card (leistung, transparent ab 40%) und * .card (kern-probe, Verlauf bis transparent, !important), jeweils DE/EN. * Neu: mindestens (0,5,0), bei main.wrap > p.body (0,6,2). * Keine opacity auf Textflaechen; Farbe und Verlauf getrennt ersetzen. */ :root:root:root:root .kk-card, :root:root:root:root .card, :root:root:root:root .aug-curio, :root:root:root:root .lw-feld-block, :root:root:root:root .lw-feld-item, :root:root:root:root .term-section, :root:root:root:root main.wrap > p.body, :root:root:root:root p.lede { background-color: #101522 !important; background-image: none !important; position: relative !important; z-index: 1 !important; } :root:root:root:root .kk-card, :root:root:root:root .card { border-radius: 8px !important; } :root:root:root:root .kk-card, :root:root:root:root .kk-card p, :root:root:root:root .kk-out, :root:root:root:root .card, :root:root:root:root .card-def, :root:root:root:root .aug-curio, :root:root:root:root .lw-quote, :root:root:root:root p.lede { color: #edf0f5 !important; } /* (0,6,0) fuer .kk-card .kk-out schlaegt auch die neue Absatzfarbe * (0,5,1); die goldene Schlusszeile bleibt damit wie beauftragt erhalten. */ :root:root:root:root .kk-out, :root:root:root:root .kk-card .kk-out, :root:root:root:root .card-title-de { color: #f0dfae !important; } } @media screen { /* BEFUND 2: Haus-Mass aus index.html / en/index.html, c47-lesbarkeit. * autor/index.html / en/autor/index.html: #vita und .origin-note bislang * ohne eigenen Grund; .origin-note hat lediglich inline padding-top:22px. * Neue Auswahl: (1,5,1) fuer bewachte Hauptabschnitte, (1,4,0) fuer * #vita/#publications/#kontakt, (0,5,0) fuer Klassen, jeweils !important. * Der explizite C47-Kontaktzweig (2,4,0) schlaegt #hauptinhalt #kontakt. * data-lese="1" ist im Bestand noch nicht gesetzt: Aktivierung durch * die Leitung erforderlich. Autor-Sonderfaelle greifen ohne das Merkmal. * Keine zusaetzliche Filmregel in diesem Befund. */ :root:root:root:root[data-lese="1"] #hauptinhalt > section, :root:root:root:root[data-lese="1"] #hauptinhalt > article, :root:root:root:root #vita, :root:root:root:root #publications, :root:root:root:root .origin-note, :root:root:root:root .vita-award, :root:root:root:root .bio, :root:root:root:root #hauptinhalt .bio, :root:root:root:root #kontakt, :root:root:root:root #hauptinhalt #kontakt { background-color: rgba(9,12,18,.96) !important; background-image: none !important; padding: 28px !important; border-radius: 14px !important; width: calc(100% - 32px) !important; box-sizing: border-box !important; position: relative !important; z-index: 1 !important; } } @media screen and (max-width:600px) { :root:root:root:root[data-lese="1"] #hauptinhalt > section, :root:root:root:root[data-lese="1"] #hauptinhalt > article, :root:root:root:root #vita, :root:root:root:root #publications, :root:root:root:root .origin-note, :root:root:root:root .vita-award, :root:root:root:root .bio, :root:root:root:root #hauptinhalt .bio, :root:root:root:root #kontakt, :root:root:root:root #hauptinhalt #kontakt { padding: 20px !important; } } @media screen { /* BEFUND 3: #ki-schild-r153 in begriff/aug-0001.html, aug-0080.html * und EN hat inline opacity:.82, padding:14px 18px, max-width:900px. * Neu (1,4,0) plus !important schlaegt normale Inline-Werte sowie * C48 html[data-c48="1"] #ki-schild-r153 (1,1,1) und C47 (1,1,0). * Die bestehende fussleiste-2026-09-11.css bleibt gemaess Revier unberuehrt. */ :root:root:root:root #ki-schild-r153 { position: relative !important; z-index: 1 !important; background-color: rgba(6,9,15,.97) !important; opacity: 1 !important; color: #e9ecf4 !important; border-radius: 12px !important; padding: 20px !important; max-width: 70ch !important; } } @media screen { /* BEFUND 4: g01-ruhe-css (begriff/aug-0001.html und EN) setzt auf * .ruhe-platte/.def-block usw. (0,1,0) radiale Verlaeufe bis Alpha 0. * Neu (0,5,0) plus !important ersetzt Farbe UND Bild. */ :root:root:root:root .ruhe-platte, :root:root:root:root .wc-top, :root:root:root:root .simple-block, :root:root:root:root .def-block, :root:root:root:root .cite-box, :root:root:root:root .wc-related, :root:root:root:root .g10-kopfblock, :root:root:root:root .g10-platte, :root:root:root:root .g10-platte-eng, :root:root:root:root .hv-lex-content, :root:root:root:root .lex-list, :root:root:root:root .lex-hero-inner, :root:root:root:root .disc-mini-lex { background-color: #0b0e14 !important; background-image: none !important; } /* Schatten aus g10-ruhig (lexicon/terms/rope-moment.html und EN), * insbesondere .siegel-leiste::before (0,1,1), laufen bis Alpha 0. * Neu mindestens (0,5,1), main.wrap .term-section::before (0,6,2). */ :root:root:root:root .ruhe-platte::before, :root:root:root:root .g10-kopfblock::before, :root:root:root:root .g10-platte::before, :root:root:root:root .g10-platte-eng::before, :root:root:root:root .siegel-leiste::before, :root:root:root:root main.wrap .term-section::before, :root:root:root:root body > .cite-box::before, :root:root:root:root footer .fbrand::before, :root:root:root:root footer p.meta::before, :root:root:root:root footer .rs-mini::before, :root:root:root:root footer .aug-foothub::before, :root:root:root:root footer .foot-links::before { background: none !important; } :root:root:root:root canvas.aug-field { z-index: -2 !important; } :root:root:root:root .nn-bloom { z-index: 0 !important; } /* C48: alle dortigen rgba(6,9,15,.97)-Flaechen hier voll decken, * statt die bestehende begriff-lesbarkeit-2026-09-12.css zu aendern. * Beispiel alt html[data-c48="1"] main.wrap .term-section (0,3,2), * neu (0,7,1); Hinweisblock alt (1,1,1), neu (1,5,0). * Der spaetere B4-Wert ersetzt fuer C48 auch den B3-Hintergrund. */ :root:root:root:root[data-c48="1"] main.wrap .c48-header, :root:root:root:root[data-c48="1"] main.wrap .term-section, :root:root:root:root[data-c48="1"] main.wrap .src-details, :root:root:root:root[data-c48="1"] main.wrap .lex-verwandt, :root:root:root:root[data-c48="1"] main.wrap .lex-rueckweg, :root:root:root:root[data-c48="1"] body > .cite-box, :root:root:root:root[data-c48="1"] body > .siegel-band, :root:root:root:root[data-c48="1"] footer, :root:root:root:root[data-c48="1"] #ki-schild-r153, :root:root:root:root[data-c48="1"] .rs-banner.rs-fuss { background-color: #0b0e14 !important; background-image: none !important; } :root:root:root:root[data-c48="1"] main.wrap .c48-header::before, :root:root:root:root[data-c48="1"] main.wrap .src-details::before, :root:root:root:root[data-c48="1"] main.wrap .lex-verwandt::before, :root:root:root:root[data-c48="1"] main.wrap .lex-rueckweg::before { background: none !important; } } @media screen { /* BEFUND 5: .siegel-band .siegel-chip img (0,2,1) setzt 28px, * grayscale(1) und opacity:.62 !important in autor/index.html und EN, * begriff/aug-0001.html und EN; C48-Bildregel hat (0,3,2). * Neu (0,6,1) plus !important gewinnt gegen beide. * Vorhandene 30px-Bildhuellen sind nicht Teil der geprueften Reparatur. * alt="" / aria-hidden="true" erfordern HTML-Arbeit der Leitung. */ :root:root:root:root .siegel-band .siegel-chip img { width: 52px !important; height: auto !important; filter: none !important; opacity: 1 !important; } /* Ohne Direktkind-Bedingung: (0,5,0) statt .siegel-band (0,1,0). * B6 praezisiert spaeter den Grund; C48 bleibt gemaess B4 voll deckend. */ :root:root:root:root .siegel-band { background-color: rgba(6,9,15,.97) !important; background-image: none !important; } /* Der beauftragte B5-Wert 17px wird in B6 auf 18px angehoben. * (0,7,0) schlaegt auch .siegel-band .siegel-chip span (0,2,1). */ :root:root:root:root .siegel-band .siegel-chip .siegel-chip-short { font-size: 17px !important; line-height: 1.5 !important; color: rgba(255,255,255,.80) !important; } } @media screen { /* BEFUND 6: autor/index.html / en/autor/index.html und die anderen * Siegel-Seiten: Band rgba(0,0,0,.58), Titel 16px/.52, Chip .66 und * grayscale(1), Langtext display:none !important, Kurztext inline. * Neu: Band (0,5,0), Titel/Chip (0,6,0), Spans (0,6,1), * Kurz-/Langtext (0,7,0), verschachtelter Langtext (0,7,1). * Die hoehere Spezifitaet sichert 16px Langtext gegen die 18px-Spanregel. * NICHT AUSGEFUEHRT: display:block fuer den Langtext. Lokaler Browsertest * bei 390px ergab damit 13px Ueberlauf auf faq und 29px auf aug-0001. * Bild/Langtext/Kurztext sind direkte Flexkinder: der vorgeschriebene * Blockwert stellt keine Erklaerung UNTER der Kurzzeile her. * Die vorhandene Ausblendung bleibt deshalb bis zur korrigierten * Layout-Reparatur bestehen (Hausordnung: nachweislich falsch, nicht raten). * Belegziel und BVMID-Zusatz sind HTML-Arbeit ausserhalb dieses Reviers. */ :root:root:root:root .siegel-band { background-color: rgba(9,12,18,.97) !important; background-image: none !important; } :root:root:root:root .siegel-band .siegel-band-titel { font-size: 18px !important; color: rgba(255,255,255,.88) !important; letter-spacing: .10em !important; } :root:root:root:root .siegel-band .siegel-chip { color: rgba(255,255,255,.92) !important; filter: none !important; align-items: flex-start !important; max-width: 420px !important; } :root:root:root:root .siegel-band .siegel-chip img { filter: none !important; opacity: 1 !important; } :root:root:root:root .siegel-band .siegel-chip span { font-size: 18px !important; line-height: 1.5 !important; } :root:root:root:root .siegel-band .siegel-chip .siegel-chip-long, :root:root:root:root .siegel-band .siegel-chip .siegel-chip-long span { font-size: 16px !important; color: rgba(255,255,255,.72) !important; } :root:root:root:root .siegel-band .siegel-chip .siegel-chip-long { margin-top: 4px !important; } :root:root:root:root .siegel-band .siegel-chip .siegel-chip-short { display: block !important; font-size: 18px !important; line-height: 1.5 !important; font-weight: 600 !important; color: inherit !important; } :root:root:root:root .siegel-band .siegel-fussnote a { color: rgba(255,255,255,.88) !important; font-size: 17px !important; } }