:root{--fp-blau:#0068b4;--fp-blau-dunkel:#12508a;--fp-blau-hell:#66a4d2;--fp-flaeche:#e4f5ff;--fpm-blau:#005cb9;--fpm-cyan:#00bcfa;--fpm-flaeche:#f5fafc;--fp-text:#1c1c1c;--fp-grau:#595959;--fp-rot:#dd1344;--papier:#fffdf8;--linie:#d9e2ea;--serif:"Source Serif 4", Georgia, "Times New Roman", serif;--sans:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--basis:20px;--radius:14px}:root[data-gross=ja]{--basis:25px;--fp-grau:#333;--linie:#8fa5b8}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fpm-flaeche);color:var(--fp-text);font-family:var(--sans);font-size:var(--basis);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select{font:inherit;color:inherit}.seite{flex-direction:column;min-height:100vh;display:flex}.banner{background:var(--fp-rot);color:#fff;text-align:center;letter-spacing:.02em;padding:6px 16px;font-size:.8em;font-weight:700}.kopf{border-bottom:1px solid var(--linie);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:20px clamp(16px,4vw,48px);display:flex}.marke{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.logo{width:auto;height:40px}.logo-ersatz{font-family:var(--serif);color:var(--fp-blau);font-size:1.8em;font-weight:700}.untertitel{font-family:var(--serif);color:var(--fp-blau-dunkel);border-left:2px solid var(--fp-flaeche);padding-left:20px;font-size:1.15em}.einstellungen{color:var(--fp-grau);flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:.75em;display:flex}.profil{flex-direction:column;gap:2px;display:flex}.profil select{border:1px solid var(--linie);background:#fff;border-radius:8px;min-height:44px;padding:6px 10px;font-size:1.05em}.schalter{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.schalter input{width:22px;height:22px;accent-color:var(--fp-blau)}.schalter.klein{color:var(--fp-grau);margin-top:16px;font-size:.72em}.raster{flex:1;grid-template-columns:minmax(340px,520px) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,48px);width:100%;max-width:1500px;margin:0 auto;padding:clamp(20px,3vw,48px);display:grid}@media (width<=980px){.raster{grid-template-columns:1fr}}.telefon{background:#fff;border-radius:28px;flex-direction:column;gap:20px;padding:clamp(20px,3vw,36px);display:flex;box-shadow:0 1px 2px #12508a0f,0 12px 40px #12508a14}.display{background:var(--fp-flaeche);border-radius:20px;flex-direction:column;gap:10px;min-height:260px;max-height:max(300px,42vh);padding:22px 24px 26px;display:flex}.display-kopf{color:var(--fp-blau-dunkel);align-items:center;gap:10px;font-size:.85em;font-weight:500;display:flex}.dauer{font-variant-numeric:tabular-nums;margin-left:auto}.punkt{background:var(--fp-blau-hell);border-radius:50%;width:12px;height:12px}.punkt-verbunden{background:#1e9e5a;box-shadow:0 0 0 4px #1e9e5a2e}.punkt-waehlt{background:var(--fp-blau);animation:1s infinite pulsieren}.punkt-beendet{background:var(--fp-grau)}.anrufer-zeile{color:var(--fp-grau);font-size:.75em}.sprechtext{font-family:var(--serif);min-height:0;color:var(--fp-text);flex:1;margin:8px 0 0;padding-right:4px;font-size:1.2em;line-height:1.45;overflow-y:auto}.sprechtext-anrufer{color:var(--fp-blau-dunkel);font-style:italic}.pegel{align-items:flex-end;gap:6px;height:28px;margin-top:auto;display:flex}.pegel span{background:var(--fp-blau);border-radius:4px;width:7px;animation:.9s ease-in-out infinite pegel}.pegel span:nth-child(2){animation-delay:.15s}.pegel span:nth-child(3){animation-delay:.3s}.pegel span:nth-child(4){animation-delay:.45s}.pegel span:nth-child(5){animation-delay:.6s}@keyframes pegel{0%,to{height:6px}50%{height:28px}}@keyframes pulsieren{50%{opacity:.3}}.anrufen{background:var(--fp-blau);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:96px;font-size:1.5em;font-weight:700;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 10px 30px #0068b459}.anrufen:hover{background:var(--fp-blau-dunkel)}.anrufen:active{transform:scale(.98)}.anrufen:disabled{opacity:.75;cursor:progress}.anrufen:focus-visible,.knopf:focus-visible,.option:focus-visible,.chip:focus-visible{outline:4px solid var(--fpm-cyan);outline-offset:3px}.knoepfe{grid-template-columns:1fr 1fr;gap:12px;display:grid}.knopf{border-radius:var(--radius);border:2px solid var(--fp-blau);min-height:56px;color:var(--fp-blau-dunkel);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:500;display:inline-flex}.knopf:hover:not(:disabled){background:var(--fp-flaeche)}.knopf:disabled{opacity:.45;cursor:default}.knopf-sprechen{background:var(--fp-blau);color:#fff}.knopf-sprechen:hover:not(:disabled){background:var(--fp-blau-dunkel)}.knopf-sprechen.aktiv{background:var(--fp-blau-dunkel);box-shadow:0 0 0 5px #0068b433}.knopf-auflegen{border-color:var(--fp-rot);color:var(--fp-rot)}.knopf-auflegen:hover:not(:disabled){background:#fdebef}.optionen{flex-wrap:wrap;gap:10px;display:flex}.option{border:1px solid var(--fp-blau-hell);background:var(--fpm-flaeche);min-height:48px;color:var(--fp-blau-dunkel);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:.85em}.option:hover:not(:disabled){background:var(--fp-flaeche)}.tippen{gap:10px;display:flex}.tippen input{border-radius:var(--radius);border:2px solid var(--linie);background:#fff;flex:1;min-width:0;min-height:56px;padding:10px 16px}.tippen input:focus{border-color:var(--fp-blau);outline:none}.tempo{color:var(--fp-grau);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8em;display:flex}.tempo span{margin-right:6px}.tempo button{border:1px solid var(--linie);cursor:pointer;background:#fff;border-radius:10px;min-width:64px;min-height:48px}.tempo button.gewaehlt{background:var(--fp-blau);border-color:var(--fp-blau);color:#fff;font-weight:700}.hinweis{border-left:4px solid var(--fp-rot);background:#fdebef;margin:0;padding:10px 14px;font-size:.75em}.technik{color:var(--fp-grau);margin:0;font-size:.62em}.rechts{flex-direction:column;gap:28px;min-width:0;display:flex}.ausschnitt{background:var(--papier);border:1px solid #e8e2d4;max-height:64vh;padding:clamp(20px,3vw,36px);position:relative;overflow-y:auto;box-shadow:0 1px #e8e2d4,0 8px 24px #1c1c1c0f}.ausschnitt-kopf{border-bottom:3px double var(--fp-text);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:8px;display:flex}.rubrik{font-family:var(--serif);font-size:1.1em;font-weight:700}.rubrik-ausgabe{letter-spacing:.08em;text-transform:uppercase;color:var(--fp-grau);font-size:.7em}.zuege{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.zug p{font-family:var(--serif);margin:4px 0 0;font-size:1em;line-height:1.55}.zug-anrufer p{color:var(--fp-blau-dunkel);font-style:italic}.zug-anrufer{border-left:3px solid var(--fp-blau-hell);padding-left:20px}.wer{letter-spacing:.08em;text-transform:uppercase;color:var(--fp-grau);font-size:.62em;font-weight:700}.wer time{letter-spacing:0;margin-left:6px;font-weight:400}.quellen{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--fp-blau-hell);min-height:36px;color:var(--fp-blau-dunkel);cursor:pointer;text-align:left;background:#fff;border-radius:999px;padding:6px 12px;font-size:.66em}.chip:before{content:"Quelle · ";font-weight:700}.chip:hover{background:var(--fp-flaeche)}.leer{color:var(--fp-grau);margin:0;font-size:.8em}.leer.gross{font-family:var(--serif);font-size:1em}.seitenleiste{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=700px){.seitenleiste{grid-template-columns:1fr}}.kasten{border-radius:var(--radius);border:1px solid var(--linie);background:#fff;padding:20px 22px}.kasten h2{font-family:var(--serif);color:var(--fp-blau-dunkel);margin:0 0 10px;font-size:1em}.liste{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.liste li{flex-direction:column;gap:2px;font-size:.85em;display:flex}.liste q{font-family:var(--serif)}.meta{color:var(--fp-grau);font-size:.78em}.ok{color:#1e7a48}.angehoerige h3{font-family:var(--serif);margin:24px 0 8px;font-size:1em}.abo-karte{background:var(--fp-flaeche);border-radius:var(--radius);padding:18px 22px}.abo-karte h3{color:var(--fp-blau-dunkel);margin-top:0}.themen{font-family:var(--serif);margin:0;padding-left:1.2em}.klein{color:var(--fp-grau);font-size:.68em}.daten{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:.9em;display:grid}.daten dt{color:var(--fp-grau)}.daten dd{margin:0}.quelle{background:var(--papier);border:none;width:100%;max-width:min(720px,100vw - 32px);padding:0;box-shadow:0 24px 80px #0000004d}.quelle::backdrop{background:#12283c73}.quelle-innen{flex-direction:column;gap:12px;padding:clamp(24px,4vw,44px);display:flex}.quelle h2{font-family:var(--serif);margin:0;font-size:1.6em;line-height:1.2}.dachzeile{letter-spacing:.06em;text-transform:uppercase;color:var(--fp-blau-dunkel);margin:0;font-size:.7em;font-weight:700}.fliesstext{font-family:var(--serif);-webkit-hyphens:auto;hyphens:auto;margin:0}.stempel{letter-spacing:.1em;text-transform:uppercase;color:var(--fp-rot);border:2px solid var(--fp-rot);align-self:flex-start;padding:2px 8px;font-size:.6em;font-weight:700;transform:rotate(-2deg)}.traueranzeige{border:2px solid var(--fp-text);text-align:center;flex-direction:column;gap:6px;padding:24px;display:flex}.traueranzeige p{margin:0}.gedenken{font-family:var(--serif);color:var(--fp-grau);font-style:italic}.quelle form{justify-content:flex-end;margin-top:8px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=520px){.raster{padding:16px}.telefon{border-radius:20px;padding:16px}.display{padding:16px}.untertitel{border-left:none;padding-left:0}.knoepfe{grid-template-columns:1fr}}