/* ========================================================================== FUNKE · LW-Fassung · der Kinoraum, ohne Seitennummern Erzeugt 12.08.2026 aus web/css/lw-journal.css. NICHT von Hand pflegen. Befund: 104 Regeln in lw-journal.css haengen an konkreten Seitenzahlen des LW-Journals (.spread[data-spread="9"] ...). Darunter der dunkle Grund selbst: .page-companion bekommt Hintergrund, Textfarbe und die Atem-Animation nur auf den dort aufgezaehlten Seiten. Unsere Doppelseiten tragen andere Nummern, also traf das bei uns zufaellig - mal war eine Seite ein Kinoraum, mal blieb sie hell. Hier stehen dieselben Regeln, gebunden an .page-companion statt an eine Nummer. Ausgelassen sind Regeln fuer Bauteile, die es nur im LW-Journal gibt (Session-Flow, FAQ-Akkordeon, Anker-Ritual) - die hat FUNKE nicht. Diese Datei laedt VOR funke-lw-nacht.css: dort stehen die Entscheidungen, die von LW abweichen, und die sollen gewinnen. ========================================================================== */ .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion, .page-companion { background: radial-gradient(ellipse 60% 50% at 50% 32%, rgba(179,31,102,0.18) 0%, transparent 65%), radial-gradient(circle at 85% 95%, rgba(228,181,106,0.08) 0%, transparent 45%), linear-gradient(180deg, #14182E 0%, #1E2342 48%, #14182E 100%); color: #F7F3E9; animation: cinema-breath 14s ease-in-out infinite alternate; } .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before, .page-companion::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(45deg, transparent 0, transparent 2px, rgba(255,255,255,0.014) 2px, rgba(255,255,255,0.014) 3px), repeating-linear-gradient(-45deg, transparent 0, transparent 3px, rgba(0,0,0,0.02) 3px, rgba(0,0,0,0.02) 4px); mix-blend-mode: overlay; pointer-events: none; z-index: 0; opacity: 0.6; } .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after, .page-companion::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, transparent 50%, rgba(20,24,44,0.55) 100%); pointer-events: none; z-index: 0; } .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap), .page-companion > *:not(.page-turn-wrap) { position: relative; z-index: 1; } .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote, .page-companion .companion-quote { color: #F7F3E9; } .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat, .page-companion .companion-quote .heartbeat { color: #E4B56A; text-shadow: 0 0 24px rgba(228,181,106,0.35); } .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn { color: #F7F3E9; } .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn, .page-companion .page-turn:hover, .page-companion .page-turn:hover, .page-companion .page-turn:hover { color: #ffffff; } .page-companion .video-frame, .page-companion .video-frame, .page-companion .video-frame, .page-companion .video-frame, .page-companion .video-frame, .page-companion .video-frame, .page-companion .video-frame { box-shadow: 0 0 0 1px rgba(179,31,102, 0.22), 0 0 60px -10px rgba(179,31,102, 0.28), 0 32px 100px -20px rgba(0, 0, 0, 0.65), 0 8px 24px -8px rgba(0, 0, 0, 0.4); } .page-severine { background: radial-gradient(ellipse at 80% 10%, rgba(228,181,106,0.10) 0%, transparent 50%), var(--paper); } .page-companion .severine-line[data-line="4"] { font-size: clamp(16px, 1.8vw, 20px); font-weight: 400; line-height: 1.4; color: var(--ink); margin-top: clamp(21px, 3vh, 34px); } .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn, .page-companion .page-turn { color: #F0EADC; } .page-companion .paywall-choices-intro { color: #E4B56A; } .page-companion .paywall-choice { position: relative; z-index: 1; } .page-companion .paywall-choice-eyebrow { color: #E4B56A; } .page-companion .paywall-choice-title { color: #F0EADC; font-weight: 300; } .page-companion .paywall-choice-deck { color: rgba(247,243,233, 0.82); } .page-companion .paywall-choice--buy { background: linear-gradient(180deg, rgba(179,31,102,0.12) 0%, rgba(247,243,233,0.04) 100%); border-color: rgba(179,31,102, 0.55); box-shadow: 0 10px 32px rgba(0,0,0,0.35), 0 0 40px rgba(179,31,102,0.12); } .page-companion .paywall-choice-amount { color: #E4B56A; } .page-companion .paywall-choice-period { color: rgba(247,243,233, 0.55); } .page-companion .paywall-choice--buy .subscribe-consent, .page-companion .paywall-choice--buy .subscribe-consent-text { color: #F0EADC !important; font-size: 14px; line-height: 1.5; } .page-companion .paywall-choice--buy .subscribe-consent-box { border: 1.5px solid #F0EADC; background: rgba(0, 0, 0, 0.35); } .page-companion .paywall-choice--buy .subscribe-consent-input:checked + .subscribe-consent-box { background: #B31F66; border-color: #B31F66; } .page-companion .paywall-choice--buy .subscribe-consent a { color: #E4B56A; text-decoration: underline; text-underline-offset: 2px; font-weight: 500; } .page-companion .paywall-choice--buy .subscribe-consent a:hover { color: #FFFFFF; } .page-companion .paywall-choice-cta--buy { background: #B31F66; border-color: #B31F66; color: #F0EADC; } .page-companion .paywall-choice-cta--buy:hover:not(.is-disabled) { background: #E4B56A; border-color: #E4B56A; color: #14182E; } .page-companion .paywall-choice-fine { color: rgba(247,243,233, 0.6); line-height: 1.5; } .page-companion .paywall-choice-fine a { color: #E4B56A; text-decoration: underline; text-underline-offset: 2px; } .page-companion .paywall-choice-fine a:hover { color: #FFFFFF; } .page-companion .paywall-choice--leave { background: transparent; border: 1px dashed rgba(247,243,233, 0.22); } .page-companion .paywall-choice--leave .paywall-choice-eyebrow { color: rgba(247,243,233, 0.5); } .page-companion .paywall-choice--leave .paywall-choice-title { color: rgba(247,243,233, 0.78); } .page-companion .paywall-choice--leave .paywall-choice-deck { color: #F0EADC; font-weight: 300; } .page-companion .paywall-choice-signature { color: #E4B56A; } .page-companion .page-turn-wrap { border-top-color: rgba(247,243,233, 0.10); } .page-companion .page-turn { color: rgba(247,243,233, 0.90); } .page-companion .page-turn:hover { color: #E4B56A; } .page-companion .severine-byline-portrait { width: 56px; height: 56px; } .page-companion .severine-byline-portrait img { width: 56px; height: 56px; } .page-companion .is-session-running .page-turn-wrap { display: none !important; } .page-companion .page-turn-wrap[data-sx-finalfooter][hidden] { display: none !important; }