/* C06 - Bestandsaufnahme 2026-09-11. Inhaltsbytes ohne style-Tags. Nr | DE-Zeile | EN-Zeile | Bytes DE/EN | Zweck | Behandlung 1 | 52 | 53 | 53576/53586 | Schriften, Grundgestaltung und Buehnen | inline: unterschiedliche Schriftpfade 2 | 1175 | 1176 | 1938/1938 | Einfuehrung | hier bytegleich ausgelagert 3 | 1221 | 1222 | 422/422 | Quellenzeile | hier bytegleich ausgelagert 4 | 1226 | 1227 | 4761/4761 | Erklaerung, Filmrolle, Radar | hier bytegleich ausgelagert 5 | 1413 | 1414 | 200/200 | Pauseknopf und Ziffern | hier bytegleich ausgelagert 6 | 1414 | 1415 | 16/16 | Vererbte Linkfarbe | hier bytegleich ausgelagert 7 | 1414 | 1415 | 1616/1616 | Medienkennzeichnung | hier bytegleich ausgelagert 8 | 1445 | 1446 | 30/30 | Sprungabstand | hier bytegleich ausgelagert 9 | 1451 | 1452 | 679/679 | Banner | inline: Reihenfolge und Messungen im body 10 | 1463 | 1464 | 386/386 | Darstellung ohne JavaScript | inline: noscript 11 | 1468 | 1469 | 732/732 | Ladebildschirm | inline: Reihenfolge und Messungen im body 12 | 1625 | 1626 | 853/853 | Hintergrundlicht | inline: Reihenfolge und Messungen im body 13 | 1668 | 1669 | 2237/2237 | Navigationsmenue | inline: Reihenfolge und Messungen im body 14 | 1734 | 1735 | 4040/4040 | Siegelband | inline: Reihenfolge und Messungen im body 15 | 1776 | 1777 | 1706/1706 | Empfangskarte | inline: Reihenfolge und Messungen im body 16 | 1900 | 1901 | 1694/1694 | Einfuehrungskarten | inline: Reihenfolge und Messungen im body 17 | 2247 | 2248 | 1399/1399 | Filmband | inline: Reihenfolge und Messungen im body 18 | 2773 | 2774 | 790/790 | Lichteffekt | inline: Reihenfolge und Messungen im body 19 | 3415 | 3416 | 574/574 | Kraftkarten | inline: Reihenfolge und Messungen im body 20 | 3566 | 3567 | 176/176 | Filmbewegung | inline: Reihenfolge und Messungen im body 21 | 3731 | 3732 | 2228/2228 | Funken und Klickwellen | inline: Reihenfolge und Messungen im body 22 | 3943 | 3944 | 430/430 | Lesefortschritt | inline: Reihenfolge und Messungen im body 23 | 4148 | 4149 | 1215/1215 | Schaltflaechen und Staubeffekt | inline: Reihenfolge und Messungen im body 24 | 4289 | 4290 | 12569/12569 | Stimmen und Karussell | inline: Reihenfolge und Messungen im body 25 | 4774 | 4775 | 943/943 | Kartenfilme | inline: Reihenfolge und Messungen im body 26 | 4801 | 4802 | 705/705 | Medienkennzeichnung | inline: Reihenfolge und Messungen im body 27 | 5056 | 5057 | 572/572 | Stimmenueberschriften | inline: Reihenfolge und Messungen im body 28 | 5076 | 5077 | 180/180 | Effekt ausblenden | inline: Reihenfolge und Messungen im body 29 | 5078 | 5079 | 1361/1361 | Filmhintergrund | inline: Reihenfolge und Messungen im body 30 | 5144 | 5145 | 166/166 | Seiteneinblendung | inline: Reihenfolge und Messungen im body 31 | 5150 | 5151 | 1169/1169 | Filmfarben | inline: Reihenfolge und Messungen im body 32 | 5192 | 5193 | 1671/1671 | Lesbarkeit | inline: Reihenfolge und Messungen im body 33 | 5423 | 5424 | 1010/1010 | Druck | inline: Reihenfolge und Messungen im body 34 | 5441 | 5442 | 549/549 | Tastaturfokus | inline: Reihenfolge und Messungen im body 35 | 5451 | 5452 | 2749/2749 | Schriftdateien | inline: Reihenfolge und Messungen im body 36 | 5551 | 5552 | 1315/1315 | Handyschrift | inline: Reihenfolge und Messungen im body 37 | 5582 | 5583 | 797/797 | Navigationshintergrund | inline: Reihenfolge und Messungen im body 38 | 5601 | 5602 | 1139/1139 | Pauseknopf | inline: Reihenfolge und Messungen im body 39 | 5675 | 5676 | 521/521 | Animationspause | inline: Reihenfolge und Messungen im body 40 | 5686 | 5687 | 814/814 | Textkontrast | inline: Reihenfolge und Messungen im body 41 | 5701 | 5702 | 162/162 | Kartenhintergrund | inline: Reihenfolge und Messungen im body 42 | 5705 | 5706 | 2618/2618 | Groessenskala | inline: Reihenfolge und Messungen im body 43 | 5765 | 5766 | 1225/1225 | Textsatz | inline: Reihenfolge und Messungen im body 44 | 5796 | 5797 | 1959/1959 | Seitenspezifische Korrekturen | inline: Reihenfolge und Messungen im body 45 | 5854 | 5855 | 11272/11272 | Druckregeln | inline: Reihenfolge und Messungen im body 46 | 6095 | 6096 | 2634/2634 | Bildunterschriften | inline: Reihenfolge und Messungen im body 47 | 6144 | 6145 | 390/390 | Handyunschaerfe | inline: Reihenfolge und Messungen im body 48 | 6153 | 6154 | 444/444 | Kontrastmodi | inline: Reihenfolge und Messungen im body 49 | 6183 | 6184 | 824/824 | Navigationsbreite | inline: Reihenfolge und Messungen im body Block 1 bleibt wegen der relativen Schriftpfade inline; der Link ersetzt Block 2. Alle ausgelagerten Inhalte sind in beiden Sprachen bytegleich. */ /* Original style 2 | DE:1175 EN:1176 | id="mm-css" */ .mm-wrap{max-width:var(--w-5);margin:0 auto;padding:0 20px;} .mm-eyebrow{ text-align:center; font-family:var(--sans,-apple-system,'Segoe UI',sans-serif); font-size:16px;letter-spacing:var(--ls-sperr);text-transform:uppercase; color:var(--gold);margin:0 0 18px;opacity:.95; } .mm-grid{ display:grid;grid-template-columns:repeat(3,1fr); gap:clamp(14px,2.1vw,20px);margin:0 0 14px; } .mm-card{ border:1px solid var(--line-soft); border-left:2.5px solid var(--gold); border-radius:3px; padding:18px 15px 16px 17px; background:linear-gradient(180deg,rgba(201,162,63,0.022),rgba(13,14,18,0.68) 28%); font-family:var(--serif-text); font-style:italic;font-size:17px;line-height:var(--lh-text);color:var(--ink-soft); transition:transform .32s cubic-bezier(.2,.8,.3,1), box-shadow .32s ease, border-color .32s ease, background .32s ease; } .mm-card:hover, .mm-card:focus-within{ transform:translateY(-5px); border-color:var(--gold-soft); box-shadow:0 20px 46px -30px rgba(216,189,114,.5), 0 0 0 1px rgba(216,189,114,.10); background:linear-gradient(180deg,rgba(201,162,63,0.06),rgba(13,14,18,0.72) 28%); } .mm-card span{display:block;} @media(max-width:680px){ .mm-grid{grid-template-columns:1fr;gap:12px;} } .mm-link{text-align:center;margin:12px 0 8px;font-size:16px;color:var(--ink-dim);} .mm-link a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s ease,border-color .2s ease;} .mm-link a:hover{color:var(--gold-soft);border-color:var(--gold-soft);} .mm-grid .mm-card:nth-child(1){transition-delay:40ms;} .mm-grid .mm-card:nth-child(2){transition-delay:160ms;} .mm-grid .mm-card:nth-child(3){transition-delay:280ms;} @media (prefers-reduced-motion:reduce){ .mm-card{opacity:1!important;transform:none!important;transition:none!important;} .mm-card:hover, .mm-card:focus-within{transform:none!important; box-shadow:none!important;} } /* Original style 3 | DE:1221 EN:1222 | id="sr-css" */ .sr-row{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;align-items:center;margin:14px auto 6px;font-size:1rem;opacity:.88}.sr-row a{color:#c9a23f;text-decoration:none;border-bottom:1px solid rgba(201,162,63,.35);padding-bottom:1px}.sr-row a:hover{border-bottom-color:#c9a23f}.sr-dot{opacity:.45} @media(max-width:600px){.sr-row a{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px;}} /* Original style 4 | DE:1226 EN:1227 | id="wow2-css" */ .why-line{ border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); background:linear-gradient(180deg, rgba(201,162,63,0.055), transparent); padding:clamp(22px,3.4vw,32px) 0; } .why-line-text{ margin:0 auto; text-align:center; font-family:var(--serif-head); font-style:italic; font-size:clamp(16.5px,2vw,19.5px); line-height:var(--lh-text); color:var(--ink-bright, var(--ink)); max-width:var(--w-2); } .why-line-text strong{ font-style:normal; font-weight:500; } @media(max-width:600px){ .why-line-text{ font-size:16px; } } .sec-ambient-host{ position:relative; z-index:0; } .section-ambient{ position:absolute; left:50%; top:0; bottom:0; width:100vw; z-index:-1; transform:translateX(-50%); overflow:hidden; pointer-events:none; } .section-ambient video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; opacity:0; transition:opacity 1.8s ease-out; filter:saturate(1.3) contrast(1.1); } .section-ambient video.is-in{ opacity:.62; } .section-ambient::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(180deg, rgba(5,8,15,.30) 0%, rgba(5,8,15,.10) 26%, rgba(5,8,15,.10) 74%, rgba(5,8,15,.31) 100%), radial-gradient(60% 65% at 50% 50%, transparent 42%, rgba(5,8,15,.15) 100%); } @media (prefers-reduced-motion:reduce){ .section-ambient video{ transition:none !important; } } .lw-future{ display:flex; flex-direction:column; align-items:center; gap:24px; } .lw-future-reel{ width:clamp(84px,13vw,124px); aspect-ratio:9/16; border-radius:10px; overflow:hidden; border:1px solid var(--line); background:#05080f; box-shadow:0 18px 40px -26px rgba(0,0,0,.75), 0 0 0 4px rgba(201,162,63,.05); } .lw-future-reel-video{ width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition:opacity 1.3s ease-out; } .lw-future-reel-video.is-in{ opacity:1; } @media(max-width:600px){ .lw-future-reel{ width:74px; } } @media (prefers-reduced-motion:reduce){ .lw-future-reel-video{ transition:none !important; } } .aug-radar-wrap{ max-width:420px; margin:36px auto 0; text-align:center; } .radar-intro{ font-family:var(--serif-head); font-style:italic; font-size:17.5px; line-height:var(--lh-text); color:var(--ink-soft, #aeb8d2); margin:0 0 6px; } .aug-radar{ display:block; width:100%; max-width:320px; height:auto; margin:8px auto 0; touch-action:pan-y; overflow:visible; } .radar-ring{ fill:none; stroke:rgba(201,162,63,.24); stroke-width:1; } .radar-axis{ stroke:rgba(201,162,63,.24); stroke-width:1; } .radar-shape{ fill:rgba(232,198,89,.20); stroke:var(--gold-hot,#f2c14e); stroke-width:1.8; stroke-linejoin:round; transition:fill .2s ease; } .radar-label{ font-family:var(--serif-head); font-size:16px; letter-spacing:var(--ls-fein); fill:var(--ink-soft,#aeb8d2); user-select:none; } .radar-roman{ font-family:var(--serif-head); font-style:italic; font-size:16px; letter-spacing:var(--ls-mittel); fill:var(--gold-soft,#d8bd72); user-select:none; } .radar-handle{ fill:var(--gold-ember,#ffd97a); stroke:#050810; stroke-width:1.6; cursor:grab; filter:drop-shadow(0 0 6px rgba(242,193,78,.55)); touch-action:none; } .radar-handle:hover,.radar-handle:focus{ fill:#fff6d6; } .radar-handle:active{ cursor:grabbing; } .radar-handle:focus-visible{ outline:2px solid var(--gold-soft,#d8bd72); outline-offset:3px; } @keyframes augRadarBreath{ 0%,100%{ filter:drop-shadow(0 0 5px rgba(242,193,78,.42)); } 50%{ filter:drop-shadow(0 0 12px rgba(242,193,78,.92)); } } .radar-handle{ animation:augRadarBreath 3.2s ease-in-out infinite; } .radar-handle:nth-of-type(2){ animation-delay:.55s; } .radar-handle:nth-of-type(3){ animation-delay:1.1s; } .radar-handle:nth-of-type(4){ animation-delay:1.65s; } .radar-handle:nth-of-type(5){ animation-delay:2.2s; } .radar-handle:hover,.radar-handle:focus,.radar-handle:active{ animation:none; } @media(max-width:560px){ .radar-handle{ r:16px; } } .radar-actions{ margin:14px 0 4px; } .radar-reset{ font-family:var(--serif-head); letter-spacing:var(--ls-weit); text-transform:uppercase; font-size:16px; color:var(--gold-soft,#d8bd72); background:none; border:1px solid var(--line); border-radius:3px; padding:10px 20px; min-height:44px; cursor:pointer; transition:color .25s ease, border-color .25s ease; } .radar-reset:hover,.radar-reset:focus-visible{ color:var(--gold,#c9a23f); border-color:var(--gold-soft,#d8bd72); } .radar-note{ font-size:16px; color:var(--ink-dim,#8893b2); font-style:italic; line-height:var(--lh-text); max-width:340px; margin:6px auto 0; } @media (prefers-reduced-motion:reduce){ .radar-shape,.radar-handle{ transition:none !important; } .radar-handle{ animation:none !important; } } /* Original style 5 | DE:1413 EN:1414 | id="jury3-handwerk" */ .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;} /* Original style 6 | DE:1414 EN:1415 | */ a{color:inherit} /* Original style 7 | DE:1414 EN:1415 | id="mk-einzelschild-r155" */ /* 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-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} /* Original style 8 | DE:1445 EN:1446 | id="anker-abstand-3008" */ html{scroll-padding-top:92px;}