/* Design „Day Shift“ – Bereich ocf. Erzeugt von Aurora\Schicht; nicht von Hand ändern. */
@font-face{font-family:"Schicht Inter";src:url("schicht.php?f=inter-400") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Schicht Inter";src:url("schicht.php?f=inter-500") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Schicht Inter";src:url("schicht.php?f=inter-600") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Schicht Inter";src:url("schicht.php?f=inter-700") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Schicht Inter";src:url("schicht.php?f=inter-800") format("woff");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Schicht Display";src:url("schicht.php?f=interdisplay-900") format("woff");font-weight:900;font-style:normal;font-display:swap}
html.ocf[data-schicht="tag"] {
  color-scheme: light;
  --s-seite: #F2F3F7; --s-flaeche: #FFFFFF; --s-flaeche-2: #F7F8FA; --s-linie: #E3E5EA; --s-linie-2: #CDD1D9; --s-feld: #BEBEBE;
  --s-text: #25282B; --s-text-2: #4F5357; --s-text-3: #6B6F74; --s-dunkel: #25282B;
  --s-f1: #FF9A1A; --s-f2: #FF4B2B; --s-f3: #FFD08A; --s-knopf: #A66411; --s-knopf-dunkel: #88520E; --s-tief: #39250F; --s-mitte: #7E4D10; --s-hauch: #FFF5E8; --s-ring: rgba(255,154,26,0.35);
  --s-schrift: "Schicht Inter", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --s-titel: "Schicht Display", "Schicht Inter", system-ui, sans-serif;
  /* Variablen des Basis-Stylesheets (ACF tools.css) und der Bühne auf hell */
  --font: var(--s-schrift); --bg: var(--s-seite); --flaeche: #FFFFFF; --flaeche-2: var(--s-flaeche-2); --rand: var(--s-linie); --rand-stark: var(--s-linie-2);
  --text: var(--s-text); --text-2: var(--s-text-2); --text-3: var(--s-text-3); --kopf-bg: #FFFFFF;
  --marke: var(--s-knopf); --marke-hell: var(--s-hauch); --marke-rand: var(--s-ring); --akzent-1: var(--s-knopf); --akzent-2: var(--s-knopf); --akzent-text: #FFFFFF;
  --b-grund: var(--s-seite); --b-flaeche: #FFFFFF; --b-flaeche-2: var(--s-flaeche-2); --b-linie: var(--s-linie); --b-linie-2: var(--s-linie-2);
  --b-text: var(--s-text); --b-text-2: var(--s-text-2); --b-text-3: var(--s-text-3);
  --f1: var(--s-knopf); --f2: var(--s-f2); --f3: var(--s-knopf); --f-text: #FFFFFF; --f1-weich: var(--s-hauch); --f1-ring: var(--s-ring);
  --ok: #137337; --ok-bg: #E8F5EC; --ok-rand: #A8D5B5; --warn: #9A4A00; --warn-bg: #FFF4E5; --warn-rand: #F2C48D;
  --fehler: #BD0000; --fehler-bg: #FDECEC; --fehler-rand: #F2AFAF; --info: #1D4ED8; --info-bg: #EAF1FE; --info-rand: #B5CBF7;
  --schatten: none; --schatten-hoch: none; --radius: 8px; --radius-s: 6px;
  --s-rand: max(16px, calc((100vw - 1232px) / 2));
  background: var(--s-seite); overflow-x: clip;
}
html.ocf[data-schicht="tag"], html.ocf[data-schicht="tag"] body.ocf-koerper { background: var(--s-seite) !important; color: var(--s-text); }
html.ocf[data-schicht="tag"] body.ocf-koerper { font: 400 15px/1.55 var(--s-schrift); -webkit-font-smoothing: antialiased; overflow-x: clip; }
html.ocf[data-schicht="tag"] *, html.ocf[data-schicht="tag"] *::before, html.ocf[data-schicht="tag"] *::after { box-shadow: none !important; text-shadow: none !important; }
html.ocf[data-schicht="tag"] :focus-visible { outline: 2px solid var(--s-knopf); outline-offset: 2px; }

/* Bisherige Effekte aus */
html.ocf[data-schicht="tag"] .ocf-glitzer, html.ocf[data-schicht="tag"] .ocf-glitzer-2, html.ocf[data-schicht="tag"] .ocf-holo { display: none !important; }
html.ocf[data-schicht="tag"] .ocf-schimmer-text, html.ocf[data-schicht="tag"] .ocf-zeichen-silber { animation: none !important; background: none !important; -webkit-text-fill-color: currentColor !important; color: inherit !important; filter: none !important; }
html.ocf[data-schicht="tag"] .ocf-zeichen-farbe { display: none !important; }
html.ocf[data-schicht="tag"] .knopf::before, html.ocf[data-schicht="tag"] .knopf::after, html.ocf[data-schicht="tag"] .karte::before, html.ocf[data-schicht="tag"] .ocf-kpi::after { display: none !important; }

/* ---- Kopf: zweistufig wie Unitymedia Business. Oben weißes Logofeld mit Bogen und dunkle Metazeile, darunter die Navigationsleiste. */
html.ocf[data-schicht="tag"] .ocf-kopf { position: sticky; top: 0; z-index: 30; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "marke meta person" "nav nav nav";
  gap: 0; padding: 0; background: var(--s-dunkel); border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; transition: none; }
@media (max-width: 900px), (max-height: 560px) { html.ocf[data-schicht="tag"]:not([data-kopf="fest"]) .ocf-kopf { position: relative; } }
html.ocf[data-schicht="tag"][data-kopf="mit"] .ocf-kopf { position: relative; }
html.ocf[data-schicht="tag"] .ocf-marke { grid-area: marke; position: relative; display: flex; align-items: center; gap: 14px; height: 64px; padding: 0 18px 0 var(--s-rand); margin-right: 64px; background: #FFFFFF; color: var(--s-text); text-decoration: none; }
html.ocf[data-schicht="tag"] .ocf-marke::after { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; width: 80px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZD0iTTAgMEg0NEMzMCAxOCAzMCA0NiA1MiA2NEgwWiIgZmlsbD0iI0ZGRkZGRiIvPjxwYXRoIGQ9Ik00NCAwSDU4QzQ0IDE4IDQ0IDQ2IDY2IDY0SDUyQzMwIDQ2IDMwIDE4IDQ0IDBaIiBmaWxsPSIjRkY5QTFBIi8+PHBhdGggZD0iTTU4IDBINjRDNTAgMTggNTAgNDYgNzIgNjRINjZDNDQgNDYgNDQgMTggNTggMFoiIGZpbGw9IiNGRjRCMkIiLz48L3N2Zz4=") 0 0 / 100% 100% no-repeat; }
html.ocf[data-schicht="tag"] .ocf-zeichen { font: 900 30px/1 var(--s-titel); letter-spacing: -.02em; color: var(--s-tief); }
html.ocf[data-schicht="tag"] .ocf-zeichen-silber { color: var(--s-tief) !important; -webkit-text-fill-color: var(--s-tief) !important; }
html.ocf[data-schicht="tag"] .ocf-marke-text strong { display: block; color: var(--s-text); font: 700 14px/1.2 var(--s-schrift); letter-spacing: 0; }
html.ocf[data-schicht="tag"] .ocf-marke-text small { display: block; margin-top: 3px; color: var(--s-text-3); font: 600 10.5px/1.2 var(--s-schrift); letter-spacing: .12em; text-transform: uppercase; }
html.ocf[data-schicht="tag"] .ocf-person { grid-area: person; display: flex; align-items: center; gap: 12px; padding: 0 var(--s-rand) 0 16px; color: rgba(255,255,255,.86); font: 600 13px/1 var(--s-schrift); }
html.ocf[data-schicht="tag"] .ocf-initiale { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--s-f1); color: #111; font: 800 13px/1 var(--s-schrift); border: 0; }
html.ocf[data-schicht="tag"] .ocf-person-name { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-abmelden { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.78); text-decoration: none; padding: 7px 14px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; }
html.ocf[data-schicht="tag"] .ocf-abmelden:hover { color: #FFFFFF; border-color: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-nav { grid-area: nav; display: flex; flex-wrap: nowrap; gap: 0; margin: 0; padding: 0 var(--s-rand); background: var(--s-tief); overflow-x: auto; scrollbar-width: none; }
html.ocf[data-schicht="tag"] .ocf-nav::-webkit-scrollbar { display: none; }
html.ocf[data-schicht="tag"] .ocf-nav-punkt { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 16px; border: 0; border-radius: 0; background: transparent;
  color: rgba(255,255,255,.80); font: 600 14px/1 var(--s-schrift); white-space: nowrap; text-decoration: none; transform: none; transition: color .2s ease-out, background-color .2s ease-out; }
html.ocf[data-schicht="tag"] .ocf-nav-punkt:hover { color: #FFFFFF; background: rgba(255,255,255,.08); transform: none; }
html.ocf[data-schicht="tag"] .ocf-nav-punkt.aktiv { color: #FFFFFF; background: rgba(255,255,255,.06); }
html.ocf[data-schicht="tag"] .ocf-nav-punkt.aktiv::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 4px; border-radius: 4px 4px 0 0; background: var(--s-f1); }
html.ocf[data-schicht="tag"] .ocf-nav-punkt .icon { opacity: .85; }
html.ocf[data-schicht="tag"] .ocf-zaehler { background: var(--s-f1); color: #111; }

/* ---- Bühne: Farbband über die ganze Breite (Vodafone), Titel in Großbuchstaben, erstes Wort als Umriss; unten der Twister (Unitymedia) */
html.ocf[data-schicht="tag"] .ocf-inhalt { max-width: 1232px; padding: 0 16px 56px; }
html.ocf[data-schicht="tag"] .ocf-titel { position: relative; isolation: isolate; margin: 0 0 30px; padding: clamp(34px, 5.2vw, 64px) 0 clamp(70px, 9.5vw, 132px); color: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-titel::before { content: ""; position: absolute; z-index: -2; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw);
  background: radial-gradient(70% 140% at 100% 0%, var(--s-f1) 0%, transparent 62%), linear-gradient(100deg, var(--s-tief) 0%, var(--s-mitte) 46%, var(--s-knopf) 100%); }
html.ocf[data-schicht="tag"] .ocf-titel::after { content: ""; position: absolute; z-index: -1; bottom: -1px; height: clamp(54px, 9.4vw, 136px); left: calc(50% - 50vw); right: calc(50% - 50vw);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDEyODAgMTgwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InQtdzEiIHgxPSIwLjI4IiB5MT0iNzUuNDgiIHgyPSItMC4yOCIgeTI9Ijc1LjQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjk1IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ0LXcyIiB4MT0iMTQuNTEiIHkxPSIxODEuMzEiIHgyPSIxMjY4LjUzIiB5Mj0iLTU5LjY3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjxzdG9wIG9mZnNldD0iMC4wNCIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIwLjE3IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNjkiLz48c3RvcCBvZmZzZXQ9IjAuMyIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjAuNDQiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC44OSIvPjxzdG9wIG9mZnNldD0iMC41OSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+PHN0b3Agb2Zmc2V0PSIwLjc2IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuOTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGRkYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0idC1iYW5kIiB4MT0iMjQzLjAyIiB5MT0iODEuMTciIHgyPSIxMjgwIiB5Mj0iODEuMTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGRkQwOEEiLz48c3RvcCBvZmZzZXQ9IjAuMzIiIHN0b3AtY29sb3I9IiNGRkQwOEEiLz48c3RvcCBvZmZzZXQ9IjAuNTYiIHN0b3AtY29sb3I9IiNGRkIyNEMiLz48c3RvcCBvZmZzZXQ9IjAuNzMiIHN0b3AtY29sb3I9IiNGRjlBMUEiLz48c3RvcCBvZmZzZXQ9IjAuOSIgc3RvcC1jb2xvcj0iI0ZGNjcyNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNEIyQiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ0LXczIiB4MT0iMTI0Mi4zNCIgeTE9IjEwNS4yNSIgeDI9Ii0xMjIuNzIiIHkyPSIxMDUuMjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PHN0b3Agb2Zmc2V0PSIwLjIxIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNzgiLz48c3RvcCBvZmZzZXQ9IjAuNDYiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC43MiIvPjxzdG9wIG9mZnNldD0iMC43MyIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjYzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ0LXc0IiB4MT0iMzcuNjYiIHkxPSIxMDUuMjUiIHgyPSIxNDAyLjcyIiB5Mj0iMTA1LjI1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjAuMDQiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMC4zMyIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIwLjM2IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuMDciLz48c3RvcCBvZmZzZXQ9IjAuNDMiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4yOSIvPjxzdG9wIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNDgiLz48c3RvcCBvZmZzZXQ9IjAuNTgiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC42NCIvPjxzdG9wIG9mZnNldD0iMC42NiIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjc3Ii8+PHN0b3Agb2Zmc2V0PSIwLjc0IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuODciLz48c3RvcCBvZmZzZXQ9IjAuODIiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC45NCIvPjxzdG9wIG9mZnNldD0iMC45MSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjk5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InQtbGlua3MiIHgxPSIwLjQ4IiB5MT0iNzUuNzUiIHgyPSIzMzkuNDMiIHkyPSI3NS43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0ZGNEIyQiIvPjxzdG9wIG9mZnNldD0iMC41NSIgc3RvcC1jb2xvcj0iI0ZGNEIyQiIvPjxzdG9wIG9mZnNldD0iMC44IiBzdG9wLWNvbG9yPSIjRkZERUFEIi8+PHN0b3Agb2Zmc2V0PSIwLjk5IiBzdG9wLWNvbG9yPSIjRkZEMDhBIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PHBhdGggZmlsbD0iI0YyRjNGNyIgZD0iTTAsMTA1LjhTMTAzLjIsODMuNDUsMzM1LjM2LDk0LjY5YzIxMC4xNywzNy40Miw1MzEsODQuMzEsNjM5LDgyLjMzLDExMS0xLjQxLDIwMi44My02LjkxLDMwNS42My0yNi44NVYxODBIMFoiLz48cG9seWdvbiBmaWxsPSJ1cmwoI3QtdzEpIiBwb2ludHM9IjAgOTQuNjYgMCA1Ni4zIDAgOTQuNjYgMCA5NC42NiIvPjxwYXRoIGZpbGw9InVybCgjdC13MikiIG9wYWNpdHk9IjAuMyIgZD0iTTM0OS40OSw5Ni4wN2M3OS41LDQuNjEsMTYwLDEzLjM3LDIzOS40NywxOS4xNiwzNDksMjUuNCw1NjAuNjUtMzMsNjkxLTY1LjcxVjBzLTE0Ljc3LDEzLjE5LTEyOC42Nyw0NC4zM2MtNjEuNTUsMTYuODMtMjc1LDYzLjE1LTU5OSw2My4xNUMzNjEuMjUsMTAzLjc3LDE5Miw2NSwwLDY2LjEzVjEwNS44QzExMS43NSw4Mi4zNywzNDkuNDksOTYuMDcsMzQ5LjQ5LDk2LjA3WiIvPjxwYXRoIGZpbGw9InVybCgjdC1iYW5kKSIgZD0iTTMzOC42Nyw5NWMzLC4yNSwyMTMuODEsMjIsMjIyLjkxLDIzLDQ5Ljc1LDUuNDYsOTkuNTIsOS41MSwxNDMuODQsMTEsOTUuNzUsMy4yNywyNTguMjUsMi43Niw0NjguOTUtNDAuMTMsNjAuMjMtMTIuMjYsMTA0LjktMjQuMTcsMTA1LjYzLTI0LjIzVjMyLjExcy0yNy4yOCwxMy41My0xMzcuNjksMzcuMzdhMjAxNC43OCwyMDE0Ljc4LDAsMCwxLTIxMiwzMy42LDIxMjIsMjEyMiwwLDAsMS0yMTIuNCwxMS42NHEtOTEuNzQuNTMtMTgwLjkzLTUuNTRDNDk2LjgsMTA2LjUxLDI0Myw3Ni43OCwyNDMsNzYuNzhaIi8+PHBhdGggZmlsbD0idXJsKCN0LXczKSIgZD0iTTEyODAsNjAuNjZjLS43NS4wNy00Ni4zOCwxNC0xMDYuNTUsMjYuMjMtMjEwLjUzLDQyLjktMzczLjM0LDQ0LTQ2OSw0MC43LTQ0LjI4LTEuNTEtOTMuNTgtNS4xNC0xNDMuMjktMTAuNTktMjMuNDYtMi41Ny0xOTEuNzktMjAuNjItMzI2Ljg2LTUwLjYzQzE5MS4yMiw1Ni44LDE0Ny4zNiw0Ny42NSwxMDEuNjksNDAuOSw3Ni4zNywzNy4xNiwzNS45LDMyLjQ4LDAsMzIuNDhWNTcuM2MzOS41Ny0uMzgsOTAuNjEsMS41LDEyOC40Myw1LjA5LDM0LjY2LDMuMjksNjguMzUsNy44OSwxMDEuNzgsMTIuODIsNDMuMTgsNy42NiwxODQuNiwzNC4yLDIyNS4wNyw0MC45MSwzMzcsNTQuNDIsNTM4Ljc4LDg4LjU0LDgyNC43MiwzNS4wNloiLz48cGF0aCBmaWxsPSJ1cmwoI3QtdzQpIiBkPSJNMTI4MCw2MC42NmMtLjc1LjA3LTQ2LjM4LDE0LTEwNi41NSwyNi4yMy0yMTAuNTMsNDIuOS0zNzMuMzQsNDQtNDY5LDQwLjctNDQuMjgtMS41MS05My41OC01LjE0LTE0My4yOS0xMC41OS0yMy40Ni0yLjU3LTE5MS43OS0yMC42Mi0zMjYuODYtNTAuNjNDMTkxLjIyLDU2LjgsMTQ3LjM2LDQ3LjY1LDEwMS42OSw0MC45LDc2LjM3LDM3LjE2LDM1LjksMzIuNDgsMCwzMi40OFY1Ny4zYzM5LjU3LS4zOCw5MC42MSwxLjUsMTI4LjQzLDUuMDksMzQuNjYsMy4yOSw2OC4zNSw3Ljg5LDEwMS43OCwxMi44Miw0My4xOCw3LjY2LDE4NC42LDM0LjIsMjI1LjA3LDQwLjkxLDMzNyw1NC40Miw1MzguNzgsODguNTQsODI0LjcyLDM1LjA2WiIvPjxwYXRoIGZpbGw9InVybCgjdC1saW5rcykiIGQ9Ik0xMjguNTMsNjEuMzlBMTIxNC44NCwxMjE0Ljg0LDAsMCwwLDAsNTYuM1Y5NC42NmM2Ni05LDEzMS4xMy05Ljg4LDE5NS45Mi04LjA3QzI0NC43Miw4OCwyOTIuNTYsOTEuMiwzNDAsOTUuMjcsMzQwLDk1LjI3LDE3NS4wNyw2MS4zOSwxMjguNTMsNjEuMzlaIi8+PC9nPjwvc3ZnPgo=") 0 100% / 100% 100% no-repeat; pointer-events: none; }
html.ocf[data-schicht="tag"] .ocf-titel h1 { margin: 0; max-width: 18ch; color: #FFFFFF; font: 900 clamp(38px, 6.2vw, 80px)/.95 var(--s-titel); letter-spacing: -.01em; text-transform: uppercase; overflow-wrap: anywhere; filter: none; }
html.ocf[data-schicht="tag"] .ocf-titel h1 .sch-umriss { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-untertitel { margin: 16px 0 0; max-width: 70ch; color: rgba(255,255,255,.9); font: 400 17px/1.45 var(--s-schrift); letter-spacing: 0; text-transform: none; }
html.ocf[data-schicht="tag"] .ocf-zurueck { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; color: rgba(255,255,255,.85); font: 600 13px/1 var(--s-schrift); text-decoration: none; }
html.ocf[data-schicht="tag"] .ocf-zurueck:hover { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }

/* ---- Kennzahlen: große Zahlen in der Farbe des Bereichs (Vodafone „at a glance“) */
html.ocf[data-schicht="tag"] .ocf-kpis { gap: 12px; margin: 0 0 26px; }
html.ocf[data-schicht="tag"] .ocf-kpi { position: relative; display: block; padding: 20px 20px 18px; border-radius: 8px; background: #FFFFFF; border: 1px solid var(--s-linie); color: var(--s-text); text-decoration: none; transform: none; transition: border-color .2s ease-out; overflow: hidden; }
html.ocf[data-schicht="tag"] .ocf-kpi::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: transparent; display: block; opacity: 1; height: auto; right: auto; transition: background-color .2s ease-out; }
html.ocf[data-schicht="tag"] a.ocf-kpi:hover { border-color: var(--s-knopf); transform: none; }
html.ocf[data-schicht="tag"] a.ocf-kpi:hover::before { background: var(--s-knopf); }
html.ocf[data-schicht="tag"] .ocf-kpi b { display: block; color: var(--s-knopf); font: 900 clamp(34px, 3.8vw, 50px)/1 var(--s-titel); letter-spacing: -.02em; }
html.ocf[data-schicht="tag"] .ocf-kpi span { display: block; margin-top: 8px; color: var(--s-text-2); font: 700 11.5px/1.3 var(--s-schrift); letter-spacing: .08em; text-transform: uppercase; }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor { background: var(--s-tief); border-color: var(--s-tief); }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor::before { background: var(--s-f1); }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor b { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor span { color: rgba(255,255,255,.8); }

/* ---- Karten */
html.ocf[data-schicht="tag"] .karte { background: #FFFFFF; border: 1px solid var(--s-linie); border-radius: 8px; color: var(--s-text); -webkit-backdrop-filter: none; backdrop-filter: none; }
html.ocf[data-schicht="tag"] .karte h2, html.ocf[data-schicht="tag"] .karte h3, html.ocf[data-schicht="tag"] .karte-kopf h3 { color: var(--s-text); font-family: var(--s-schrift); font-weight: 700; letter-spacing: -.01em; }
html.ocf[data-schicht="tag"] .karte-kopf h3 .icon { color: var(--s-knopf); }
html.ocf[data-schicht="tag"] .hilfe, html.ocf[data-schicht="tag"] .feld label, html.ocf[data-schicht="tag"] label { color: var(--s-text-2); }
html.ocf[data-schicht="tag"] .karte a:not(.knopf), html.ocf[data-schicht="tag"] .ocf-tabelle td a, html.ocf[data-schicht="tag"] .tabelle-rahmen td a { color: var(--s-knopf); }

/* ---- Knöpfe: Pillen wie Vodafone (.cta) – gefüllt in der Farbe des Bereichs, sonst Umriss in Anthrazit */
html.ocf[data-schicht="tag"] .knopf { min-height: 40px; padding: 0 20px; border-radius: 999px; border: 1.5px solid var(--s-dunkel); background: #FFFFFF; color: var(--s-dunkel); font: 700 14px/1 var(--s-schrift);
  letter-spacing: 0; transform: none; filter: none; transition: background-color .3s ease-out, color .3s ease-out, border-color .3s ease-out; }
html.ocf[data-schicht="tag"] .knopf:hover:not(:disabled) { background: var(--s-dunkel); color: #FFFFFF; border-color: var(--s-dunkel); transform: none; filter: none; }
html.ocf[data-schicht="tag"] .knopf-primaer, html.ocf[data-schicht="tag"] .knopf.knopf-primaer { background: var(--s-knopf); border-color: var(--s-knopf); color: #FFFFFF; font-weight: 800; }
html.ocf[data-schicht="tag"] .knopf-primaer:hover:not(:disabled) { background: var(--s-knopf-dunkel); border-color: var(--s-knopf-dunkel); color: #FFFFFF; filter: none; }
html.ocf[data-schicht="tag"] .knopf-gefahr, html.ocf[data-schicht="tag"] .knopf.knopf-gefahr { background: #FFFFFF; border-color: #BD0000 !important; color: #BD0000 !important; }
html.ocf[data-schicht="tag"] .knopf-gefahr:hover:not(:disabled) { background: #BD0000; color: #FFFFFF !important; }
html.ocf[data-schicht="tag"] .knopf:active:not(:disabled) { transform: scale(.98); }

/* ---- Eingaben */
html.ocf[data-schicht="tag"] .eingabe, html.ocf[data-schicht="tag"] select, html.ocf[data-schicht="tag"] textarea, html.ocf[data-schicht="tag"] input[type="text"], html.ocf[data-schicht="tag"] input[type="search"], html.ocf[data-schicht="tag"] input[type="email"], html.ocf[data-schicht="tag"] input[type="password"], html.ocf[data-schicht="tag"] input[type="number"], html.ocf[data-schicht="tag"] input[type="date"], html.ocf[data-schicht="tag"] input[type="datetime-local"] {
  background: #FFFFFF; color: var(--s-text); border: 1px solid var(--s-feld); border-radius: 6px; font-family: var(--s-schrift); }
html.ocf[data-schicht="tag"] .eingabe:focus, html.ocf[data-schicht="tag"] select:focus, html.ocf[data-schicht="tag"] textarea:focus, html.ocf[data-schicht="tag"] input:focus { border-color: var(--s-knopf); outline: 2px solid var(--s-ring); outline-offset: 0; background: #FFFFFF; }
html.ocf[data-schicht="tag"] ::placeholder { color: #8A8E93; }

/* ---- Reiter und Schnellfilter: Pillen, aktiv in Anthrazit */
html.ocf[data-schicht="tag"] .postfach-reiter a, html.ocf[data-schicht="tag"] .ocf-schnellfilter a, html.ocf[data-schicht="tag"] .ocf-reiter a { border-radius: 999px; background: #FFFFFF; color: var(--s-text); border: 1px solid var(--s-linie-2); font-weight: 600; }
html.ocf[data-schicht="tag"] .postfach-reiter a:hover, html.ocf[data-schicht="tag"] .ocf-schnellfilter a:hover, html.ocf[data-schicht="tag"] .ocf-reiter a:hover { border-color: var(--s-dunkel); color: var(--s-text); background: #FFFFFF; }
html.ocf[data-schicht="tag"] .postfach-reiter a.aktiv, html.ocf[data-schicht="tag"] .ocf-schnellfilter a.aktiv, html.ocf[data-schicht="tag"] .ocf-reiter a.aktiv { background: var(--s-dunkel); border-color: var(--s-dunkel); color: #FFFFFF; }
html.ocf[data-schicht="tag"] .postfach-reiter a .zahl, html.ocf[data-schicht="tag"] .postfach-reiter a b { background: var(--s-hauch); color: var(--s-knopf); }
html.ocf[data-schicht="tag"] .postfach-reiter a.aktiv .zahl, html.ocf[data-schicht="tag"] .postfach-reiter a.aktiv b { background: rgba(255,255,255,.18); color: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-umschalter .knopf[aria-pressed="true"] { background: var(--s-dunkel); color: #FFFFFF; }

/* ---- Tabellen: Kopf in der dunklen Farbe des Bereichs (Unitymedia), Zeilen mit feiner Linie */
html.ocf[data-schicht="tag"] .tabelle-rahmen { background: #FFFFFF; border: 1px solid var(--s-linie); border-radius: 8px; overflow-x: auto; }
html.ocf[data-schicht="tag"] .ocf-tabelle th, html.ocf[data-schicht="tag"] .tabelle-rahmen th { background: var(--s-tief); color: #FFFFFF; font: 700 11.5px/1.3 var(--s-schrift); letter-spacing: .06em; text-transform: uppercase; border-bottom: 0; }
html.ocf[data-schicht="tag"] .ocf-tabelle th a, html.ocf[data-schicht="tag"] .tabelle-rahmen th a { color: #FFFFFF !important; text-decoration: none; }
html.ocf[data-schicht="tag"] .ocf-tabelle td, html.ocf[data-schicht="tag"] .tabelle-rahmen td { border-bottom: 1px solid #ECEEF2; color: var(--s-text); }
html.ocf[data-schicht="tag"] .ocf-tabelle tbody tr:hover, html.ocf[data-schicht="tag"] .tabelle-rahmen tbody tr:hover { background: var(--s-flaeche-2); }

/* ---- Kleinteile */
html.ocf[data-schicht="tag"] .ocf-zustand, html.ocf[data-schicht="tag"] .ocf-absender-chip, html.ocf[data-schicht="tag"] .ocf-marke-klein { background: var(--s-flaeche-2); color: var(--s-text-2); border: 1px solid var(--s-linie); }
html.ocf[data-schicht="tag"] .ocf-zustand.aktiv { color: var(--ok); border-color: var(--ok-rand); background: var(--ok-bg); }
html.ocf[data-schicht="tag"] .ocf-zustand.gesperrt { color: var(--fehler); border-color: var(--fehler-rand); background: var(--fehler-bg); }
html.ocf[data-schicht="tag"] .ocf-zustand.abgelaufen { color: var(--warn); border-color: var(--warn-rand); background: var(--warn-bg); }
html.ocf[data-schicht="tag"] .ocf-marke-klein.gruen { color: var(--ok); background: var(--ok-bg); }
html.ocf[data-schicht="tag"] .ocf-absender-chip.gewaehlt { background: var(--s-hauch); border-color: var(--s-knopf); color: var(--s-text); }
html.ocf[data-schicht="tag"] .ocf-absender-liste { background: #FFFFFF; border: 1px solid var(--s-linie-2); }
html.ocf[data-schicht="tag"] .ocf-absender-option:hover, html.ocf[data-schicht="tag"] .ocf-absender-option[aria-selected="true"] { background: var(--s-hauch); }
html.ocf[data-schicht="tag"] .ocf-hinweis { background: var(--s-flaeche-2); border: 1px solid var(--s-linie); border-left: 4px solid var(--s-knopf); color: var(--s-text); border-radius: 6px; }
html.ocf[data-schicht="tag"] .ocf-hinweis.warn { border-color: var(--warn-rand); border-left-color: var(--warn); background: var(--warn-bg); }
html.ocf[data-schicht="tag"] .ocf-hinweis.info { border-color: var(--info-rand); border-left-color: var(--info); background: var(--info-bg); }
html.ocf[data-schicht="tag"] .ocf-verlauf { border-left-color: var(--s-linie-2); }
html.ocf[data-schicht="tag"] .ocf-verlauf li { border-color: var(--s-linie); }
html.ocf[data-schicht="tag"] .ocf-verlauf time { color: var(--s-text-3); }
html.ocf[data-schicht="tag"] .ocf-pruefkarte, html.ocf[data-schicht="tag"] .ocf-gruppe, html.ocf[data-schicht="tag"] .ocf-stapel { background: #FFFFFF; border: 1px solid var(--s-linie); border-radius: 8px; }
html.ocf[data-schicht="tag"] .ocf-pruefkarte.fokus { border-color: var(--s-knopf); outline: 2px solid var(--s-ring); }
html.ocf[data-schicht="tag"] .ocf-matrix td { background: color-mix(in srgb, var(--s-knopf) calc(var(--a) * 100%), #F2F3F7); }
html.ocf[data-schicht="tag"] .ocf-diagramm .raster { stroke: rgba(0,0,0,.08); }
html.ocf[data-schicht="tag"] kbd { border-color: var(--s-linie-2); background: #FFFFFF; }
html.ocf[data-schicht="tag"] .meldung { border-radius: 8px; border: 1px solid var(--s-linie); border-left: 4px solid var(--sc, var(--s-knopf)); background: #FFFFFF; color: var(--s-text); }

/* ---- Fuß: Anthrazit wie Vodafone, darüber der gespiegelte Twister (Unitymedia confirmation__twister--footer) */
html.ocf[data-schicht="tag"] .ocf-fuss { position: relative; max-width: none; margin: clamp(80px, 10vw, 140px) 0 0; padding: 30px var(--s-rand) calc(30px + env(safe-area-inset-bottom, 0px));
  background: var(--s-dunkel); color: rgba(255,255,255,.72); border: 0; font: 600 13px/1.5 var(--s-schrift); }
html.ocf[data-schicht="tag"] .ocf-fuss::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(100% - 1px); height: clamp(46px, 7.5vw, 110px); transform: scaleX(-1);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDEyODAgMTgwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InQtdzEiIHgxPSIwLjI4IiB5MT0iNzUuNDgiIHgyPSItMC4yOCIgeTI9Ijc1LjQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIwLjk1IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ0LXcyIiB4MT0iMTQuNTEiIHkxPSIxODEuMzEiIHgyPSIxMjY4LjUzIiB5Mj0iLTU5LjY3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjxzdG9wIG9mZnNldD0iMC4wNCIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIwLjE3IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNjkiLz48c3RvcCBvZmZzZXQ9IjAuMyIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjAuNDQiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC44OSIvPjxzdG9wIG9mZnNldD0iMC41OSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+PHN0b3Agb2Zmc2V0PSIwLjc2IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuOTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkZGRkYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0idC1iYW5kIiB4MT0iMjQzLjAyIiB5MT0iODEuMTciIHgyPSIxMjgwIiB5Mj0iODEuMTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGRkQwOEEiLz48c3RvcCBvZmZzZXQ9IjAuMzIiIHN0b3AtY29sb3I9IiNGRkQwOEEiLz48c3RvcCBvZmZzZXQ9IjAuNTYiIHN0b3AtY29sb3I9IiNGRkIyNEMiLz48c3RvcCBvZmZzZXQ9IjAuNzMiIHN0b3AtY29sb3I9IiNGRjlBMUEiLz48c3RvcCBvZmZzZXQ9IjAuOSIgc3RvcC1jb2xvcj0iI0ZGNjcyNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNEIyQiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ0LXczIiB4MT0iMTI0Mi4zNCIgeTE9IjEwNS4yNSIgeDI9Ii0xMjIuNzIiIHkyPSIxMDUuMjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PHN0b3Agb2Zmc2V0PSIwLjIxIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNzgiLz48c3RvcCBvZmZzZXQ9IjAuNDYiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC43MiIvPjxzdG9wIG9mZnNldD0iMC43MyIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjYzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJ0LXc0IiB4MT0iMzcuNjYiIHkxPSIxMDUuMjUiIHgyPSIxNDAyLjcyIiB5Mj0iMTA1LjI1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjAuMDQiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMC4zMyIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIwLjM2IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuMDciLz48c3RvcCBvZmZzZXQ9IjAuNDMiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC4yOSIvPjxzdG9wIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuNDgiLz48c3RvcCBvZmZzZXQ9IjAuNTgiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC42NCIvPjxzdG9wIG9mZnNldD0iMC42NiIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjc3Ii8+PHN0b3Agb2Zmc2V0PSIwLjc0IiBzdG9wLWNvbG9yPSIjRkZGRkZGIiBzdG9wLW9wYWNpdHk9IjAuODciLz48c3RvcCBvZmZzZXQ9IjAuODIiIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMC45NCIvPjxzdG9wIG9mZnNldD0iMC45MSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwLjk5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InQtbGlua3MiIHgxPSIwLjQ4IiB5MT0iNzUuNzUiIHgyPSIzMzkuNDMiIHkyPSI3NS43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0ZGNEIyQiIvPjxzdG9wIG9mZnNldD0iMC41NSIgc3RvcC1jb2xvcj0iI0ZGNEIyQiIvPjxzdG9wIG9mZnNldD0iMC44IiBzdG9wLWNvbG9yPSIjRkZERUFEIi8+PHN0b3Agb2Zmc2V0PSIwLjk5IiBzdG9wLWNvbG9yPSIjRkZEMDhBIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGc+PHBhdGggZmlsbD0iIzI1MjgyQiIgZD0iTTAsMTA1LjhTMTAzLjIsODMuNDUsMzM1LjM2LDk0LjY5YzIxMC4xNywzNy40Miw1MzEsODQuMzEsNjM5LDgyLjMzLDExMS0xLjQxLDIwMi44My02LjkxLDMwNS42My0yNi44NVYxODBIMFoiLz48cG9seWdvbiBmaWxsPSJ1cmwoI3QtdzEpIiBwb2ludHM9IjAgOTQuNjYgMCA1Ni4zIDAgOTQuNjYgMCA5NC42NiIvPjxwYXRoIGZpbGw9InVybCgjdC13MikiIG9wYWNpdHk9IjAuMyIgZD0iTTM0OS40OSw5Ni4wN2M3OS41LDQuNjEsMTYwLDEzLjM3LDIzOS40NywxOS4xNiwzNDksMjUuNCw1NjAuNjUtMzMsNjkxLTY1LjcxVjBzLTE0Ljc3LDEzLjE5LTEyOC42Nyw0NC4zM2MtNjEuNTUsMTYuODMtMjc1LDYzLjE1LTU5OSw2My4xNUMzNjEuMjUsMTAzLjc3LDE5Miw2NSwwLDY2LjEzVjEwNS44QzExMS43NSw4Mi4zNywzNDkuNDksOTYuMDcsMzQ5LjQ5LDk2LjA3WiIvPjxwYXRoIGZpbGw9InVybCgjdC1iYW5kKSIgZD0iTTMzOC42Nyw5NWMzLC4yNSwyMTMuODEsMjIsMjIyLjkxLDIzLDQ5Ljc1LDUuNDYsOTkuNTIsOS41MSwxNDMuODQsMTEsOTUuNzUsMy4yNywyNTguMjUsMi43Niw0NjguOTUtNDAuMTMsNjAuMjMtMTIuMjYsMTA0LjktMjQuMTcsMTA1LjYzLTI0LjIzVjMyLjExcy0yNy4yOCwxMy41My0xMzcuNjksMzcuMzdhMjAxNC43OCwyMDE0Ljc4LDAsMCwxLTIxMiwzMy42LDIxMjIsMjEyMiwwLDAsMS0yMTIuNCwxMS42NHEtOTEuNzQuNTMtMTgwLjkzLTUuNTRDNDk2LjgsMTA2LjUxLDI0Myw3Ni43OCwyNDMsNzYuNzhaIi8+PHBhdGggZmlsbD0idXJsKCN0LXczKSIgZD0iTTEyODAsNjAuNjZjLS43NS4wNy00Ni4zOCwxNC0xMDYuNTUsMjYuMjMtMjEwLjUzLDQyLjktMzczLjM0LDQ0LTQ2OSw0MC43LTQ0LjI4LTEuNTEtOTMuNTgtNS4xNC0xNDMuMjktMTAuNTktMjMuNDYtMi41Ny0xOTEuNzktMjAuNjItMzI2Ljg2LTUwLjYzQzE5MS4yMiw1Ni44LDE0Ny4zNiw0Ny42NSwxMDEuNjksNDAuOSw3Ni4zNywzNy4xNiwzNS45LDMyLjQ4LDAsMzIuNDhWNTcuM2MzOS41Ny0uMzgsOTAuNjEsMS41LDEyOC40Myw1LjA5LDM0LjY2LDMuMjksNjguMzUsNy44OSwxMDEuNzgsMTIuODIsNDMuMTgsNy42NiwxODQuNiwzNC4yLDIyNS4wNyw0MC45MSwzMzcsNTQuNDIsNTM4Ljc4LDg4LjU0LDgyNC43MiwzNS4wNloiLz48cGF0aCBmaWxsPSJ1cmwoI3QtdzQpIiBkPSJNMTI4MCw2MC42NmMtLjc1LjA3LTQ2LjM4LDE0LTEwNi41NSwyNi4yMy0yMTAuNTMsNDIuOS0zNzMuMzQsNDQtNDY5LDQwLjctNDQuMjgtMS41MS05My41OC01LjE0LTE0My4yOS0xMC41OS0yMy40Ni0yLjU3LTE5MS43OS0yMC42Mi0zMjYuODYtNTAuNjNDMTkxLjIyLDU2LjgsMTQ3LjM2LDQ3LjY1LDEwMS42OSw0MC45LDc2LjM3LDM3LjE2LDM1LjksMzIuNDgsMCwzMi40OFY1Ny4zYzM5LjU3LS4zOCw5MC42MSwxLjUsMTI4LjQzLDUuMDksMzQuNjYsMy4yOSw2OC4zNSw3Ljg5LDEwMS43OCwxMi44Miw0My4xOCw3LjY2LDE4NC42LDM0LjIsMjI1LjA3LDQwLjkxLDMzNyw1NC40Miw1MzguNzgsODguNTQsODI0LjcyLDM1LjA2WiIvPjxwYXRoIGZpbGw9InVybCgjdC1saW5rcykiIGQ9Ik0xMjguNTMsNjEuMzlBMTIxNC44NCwxMjE0Ljg0LDAsMCwwLDAsNTYuM1Y5NC42NmM2Ni05LDEzMS4xMy05Ljg4LDE5NS45Mi04LjA3QzI0NC43Miw4OCwyOTIuNTYsOTEuMiwzNDAsOTUuMjcsMzQwLDk1LjI3LDE3NS4wNyw2MS4zOSwxMjguNTMsNjEuMzlaIi8+PC9nPjwvc3ZnPgo=") 0 100% / 100% 100% no-repeat; pointer-events: none; }
html.ocf[data-schicht="tag"] .ocf-fuss a { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-fuss .kz-steuerung { border-top-color: rgba(255,255,255,.14); }

/* ---- Anmeldung */
html.ocf[data-schicht="tag"] .ocf-anmeldung { max-width: 460px; margin: 0 auto; padding: clamp(40px, 8vh, 90px) 16px 40px; }
html.ocf[data-schicht="tag"] .ocf-anmeldung .karte { padding: 28px; border-top: 6px solid var(--s-knopf); }
html.ocf[data-schicht="tag"] .ocf-anmeldung .ocf-zeichen { font-size: clamp(48px, 9vw, 72px); line-height: .9; color: var(--s-tief); }

@media (max-width: 760px) {
  html.ocf[data-schicht="tag"] .ocf-kopf { grid-template-columns: auto minmax(0, 1fr) auto; }
  html.ocf[data-schicht="tag"] .ocf-marke { margin-right: 40px; padding-right: 8px; height: 56px; }
  html.ocf[data-schicht="tag"] .ocf-marke::after { width: 52px; }
  html.ocf[data-schicht="tag"] .ocf-marke-text small { display: none; }
  html.ocf[data-schicht="tag"] .ocf-marke-text strong { font-size: 12.5px; max-width: 15ch; }
  html.ocf[data-schicht="tag"] .ocf-person-name, html.ocf[data-schicht="tag"] .ocf-abmelden span { display: none; }
  html.ocf[data-schicht="tag"] .ocf-abmelden { padding: 7px 9px; }
  html.ocf[data-schicht="tag"] .ocf-nav-punkt { height: 46px; padding: 0 12px; font-size: 13.5px; }
  html.ocf[data-schicht="tag"] .ocf-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) { html.ocf[data-schicht="tag"] .ocf-marke-text { display: none; } }
@media (prefers-reduced-motion: reduce) { html.ocf[data-schicht="tag"] * { transition: none !important; } }
@media print { html.ocf[data-schicht="tag"] .ocf-titel::before, html.ocf[data-schicht="tag"] .ocf-titel::after, html.ocf[data-schicht="tag"] .ocf-fuss::before { display: none; } html.ocf[data-schicht="tag"] .ocf-titel { color: #000; } html.ocf[data-schicht="tag"] .ocf-titel h1, html.ocf[data-schicht="tag"] .ocf-titel h1 .sch-umriss { color: #000; -webkit-text-fill-color: #000; -webkit-text-stroke: 0; } }

/* Kopfzeile einstellen (v146) */
.kz-steuerung { flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 6px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.kz-titel { text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 800; opacity: .7; }
.kz-gruppe { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.kz-knopf { font: inherit; font-weight: 700; color: inherit; cursor: pointer; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: transparent; transition: background .15s, color .15s, border-color .15s; }
.kz-knopf:hover { background: rgba(255,255,255,.08); }
.kz-knopf[aria-pressed="true"] { background: #fff; color: #0A0B10; border-color: #fff; }
.kz-knopf:focus-visible, .kz-deck input:focus-visible { outline: 2px solid var(--f1, var(--gold, #fcaf17)); outline-offset: 3px; }
.kz-deck { display: inline-flex; align-items: center; gap: 10px; }
.kz-deck input { width: 150px; accent-color: var(--f1, var(--gold, #fcaf17)); }
.kz-steuerung .kz-deck input[type="range"], .kz-steuerung .kz-deck input[type="range"]:focus { padding: 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; height: auto; }
.kz-deck output { min-width: 3.2em; font-variant-numeric: tabular-nums; }
.kz-ohne-deck .kz-deck { opacity: .45; }
.kz-trenner { flex-basis: 100%; height: 0; }   /* Design-Wahl (v149) in eigener Zeile */
.kz-leise { opacity: .75; border-style: dashed; }
/* ================= Behälter (154.7) – Unitymedia + Vodafone, Rundung aus, Schatten aus, Knopf pille ================= */
html.ocf[data-schicht="tag"] {
  --s-r: 0px; --s-r-s: 0px; --s-sh: none; --s-knopf-r: 999px;
  --radius: var(--s-r); --radius-s: var(--s-r-s); --schatten: var(--s-sh); --schatten-hoch: var(--s-sh);
  /* Vodafone-Abstandsleiter (--sm-1 … --sm-4) und Linien (--dark-5, --dark-10) */
  --v-sm-1: clamp(20px, calc(15.7px + 1.13vw), 32px); --v-sm-2: clamp(16px, calc(13.1px + .75vw), 24px); --v-sm-3: clamp(12px, calc(10.6px + .38vw), 16px); --v-sm-4: clamp(8px, calc(6.6px + .38vw), 12px);
  --v-dark-5: rgba(0,0,0,.05); --v-dark-10: rgba(0,0,0,.10); --v-base-1: #25282B; --v-base-2: #7E7E7E; --v-base-3: #BEBEBE; --v-base-6: #F9F9F9;
}

/* ---- Karten (Vodafone: Fläche ohne Rahmen; Unitymedia .box: weiße Fläche, optionaler Schatten) */
html.ocf[data-schicht="tag"] .karte,
html.ocf[data-schicht="tag"] .ocf-pruefkarte,
html.ocf[data-schicht="tag"] .ocf-gruppe,
html.ocf[data-schicht="tag"] .ocf-stapel { background: #FFFFFF; color: #25282B; border: 0; border-top: 4px solid var(--s-knopf); border-radius: var(--s-r); box-shadow: var(--s-sh) !important; }
html.ocf[data-schicht="tag"] .karte { padding: var(--v-sm-1); }
html.ocf[data-schicht="tag"] .karte + .karte { margin-top: var(--v-sm-2); }
html.ocf[data-schicht="tag"] .tabelle-rahmen { background: #FFFFFF; border: 0; border-top: 4px solid var(--s-knopf); border-radius: var(--s-r); box-shadow: var(--s-sh) !important; overflow-x: auto; padding: 0; }
html.ocf[data-schicht="tag"] .karte .tabelle-rahmen, html.ocf[data-schicht="tag"] .karte .tabelle-rahmen:first-child { border-top: 0; box-shadow: none !important; }
html.ocf[data-schicht="tag"] .karte-kopf { margin-bottom: var(--v-sm-2); padding-bottom: var(--v-sm-3); border-bottom: 1px solid var(--v-dark-10); }
html.ocf[data-schicht="tag"] .karte-kopf h2, html.ocf[data-schicht="tag"] .karte-kopf h3 { font-family: inherit; font-size: clamp(16px, calc(14.6px + .38vw), 20px); font-weight: 700; line-height: 1.25; letter-spacing: -.005em; color: #25282B; }
html.ocf[data-schicht="tag"] .karte-kopf .icon { color: var(--s-knopf); }
/* Kartenkopf als Farbband wie die Bühne und die dunklen Akkordeon-Köpfe bei Vodafone (Unitymedia: .box-header); Karten ohne Kopf behalten den farbigen Strich oben */
html.ocf[data-schicht="tag"] .karte:has(> .karte-kopf:first-child) { border-top: 0; }
html.ocf[data-schicht="tag"] .karte > .karte-kopf:first-child { margin: calc(-1 * var(--v-sm-1)) calc(-1 * var(--v-sm-1)) var(--v-sm-1); padding: var(--v-sm-3) var(--v-sm-1); border: 0; border-radius: var(--s-r) var(--s-r) 0 0;
  background: radial-gradient(60% 220% at 100% 0%, var(--s-f1, var(--s-knopf)) 0%, transparent 70%), linear-gradient(100deg, var(--s-tief) 0%, var(--s-mitte, var(--s-tief)) 100%); }
html.ocf[data-schicht="tag"] .karte > .karte-kopf:first-child h2, html.ocf[data-schicht="tag"] .karte > .karte-kopf:first-child h3 { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .karte > .karte-kopf:first-child .icon { color: #FFFFFF; opacity: .9; }
html.ocf[data-schicht="tag"] .karte > .karte-kopf:first-child .hilfe, html.ocf[data-schicht="tag"] .karte > .karte-kopf:first-child small { color: rgba(255,255,255,.82); }

/* ---- Kacheln: Fläche, beim Überfahren dunkel wie --background-card-hover; Symbol als Kreis */
 { background: #FFFFFF; border: 0; border-top: 4px solid var(--v-dark-10); border-radius: var(--s-r); box-shadow: var(--s-sh) !important; padding: var(--v-sm-2) var(--v-sm-2) var(--v-sm-2) var(--v-sm-1); transition: background-color .3s ease-out, border-color .3s ease-out, color .3s ease-out; transform: none; }
 { background: var(--v-base-1); border-top-color: var(--s-knopf); color: #FFFFFF; transform: none; }
html.ocf[data-schicht="tag"] .kachel-text strong { font-weight: 700; font-size: 15.5px; transition: color .3s ease-out; }
html.ocf[data-schicht="tag"] .kachel-text small { transition: color .3s ease-out; }
html.ocf[data-schicht="tag"] .kachel:hover .kachel-text strong { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .kachel:hover .kachel-text small { color: rgba(255,255,255,.78); }
html.ocf[data-schicht="tag"] .kachel-icon { width: 44px; height: 44px; border-radius: 50%; color: var(--s-knopf); background: var(--s-hauch, var(--v-dark-5)); transition: background-color .3s ease-out, color .3s ease-out; }
html.ocf[data-schicht="tag"] .kachel:hover .kachel-icon { background: var(--s-knopf); color: #FFFFFF; }
html.ocf[data-schicht="tag"] .kachel-pfeil, html.ocf[data-schicht="tag"] .kachel:hover .kachel-pfeil { color: var(--v-base-2); }
html.ocf[data-schicht="tag"] .kachel:hover .kachel-pfeil { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .kachel .pille, html.ocf[data-schicht="tag"] .kachel [class*="pille"] { border-radius: 999px; }

/* ---- Kennzahlen (Vodafone „at a glance“): Zahl groß in der Primärfarbe, Rahmen nur oben als Statusfarbe */
html.ocf[data-schicht="tag"] .ocf-kpi { background: #FFFFFF; border: 0; border-top: 4px solid var(--sc, var(--s-knopf)); border-radius: var(--s-r); box-shadow: var(--s-sh) !important; padding: var(--v-sm-2) var(--v-sm-2) var(--v-sm-3); transition: background-color .3s ease-out, border-color .3s ease-out; transform: none; }
html.ocf[data-schicht="tag"] .ocf-kpi::before { display: none; }
html.ocf[data-schicht="tag"] .kennzahl-wert { font-weight: 800; letter-spacing: -.02em; font-size: clamp(26px, calc(20px + 1.1vw), 36px); }
html.ocf[data-schicht="tag"] a.ocf-kpi:hover, html.ocf[data-schicht="tag"] .ocf-kpi:hover { background: var(--v-base-1); border-top-color: var(--s-knopf); transform: none; }
html.ocf[data-schicht="tag"] a.ocf-kpi:hover b, html.ocf[data-schicht="tag"] .ocf-kpi:hover b { color: #FFFFFF; }
html.ocf[data-schicht="tag"] a.ocf-kpi:hover span, html.ocf[data-schicht="tag"] .ocf-kpi:hover span { color: rgba(255,255,255,.78); }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor { background: var(--s-hauch, var(--v-dark-5)); border-top-color: var(--s-knopf); }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor:hover { background: var(--v-base-1); }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor b { color: var(--s-knopf); }
html.ocf[data-schicht="tag"] .ocf-kpi.hervor span { color: var(--s-text-2); }
html.ocf[data-schicht="tag"] a.ocf-kpi.hervor:hover span { color: rgba(255,255,255,.78); }
html.ocf[data-schicht="tag"] a.ocf-kpi.hervor:hover b { color: #FFFFFF; }
html.ocf[data-schicht="tag"] .stil-raster { margin-top: var(--v-sm-3); }

/* ---- Auswahlkarten (CCF: Dock-Stil) und innere Flächen: dieselbe Sprache wie Karten und Kacheln */
.s-nichts { background: #FFFFFF; border: 0; border-top: 4px solid var(--v-dark-10); border-radius: var(--s-r); box-shadow: var(--s-sh) !important; padding: var(--v-sm-3); gap: var(--v-sm-3); color: var(--v-base-1); transition: background-color .3s ease-out, border-color .3s ease-out, color .3s ease-out; }
.s-nichts { border-top-color: var(--s-knopf); background: var(--v-base-6); }
.s-nichts { background: var(--v-base-1); border-top-color: var(--s-knopf); color: #FFFFFF; box-shadow: var(--s-sh) !important; }
.s-nichts { color: rgba(255,255,255,.78); opacity: 1; }
.s-nichts { outline: 2px solid var(--s-knopf); outline-offset: 3px; }
.s-nichts { border-radius: var(--s-r-s); }
html.ocf[data-schicht="tag"] .ocf-absender-liste { background: var(--v-base-6); border: 1px solid var(--v-dark-10); border-radius: var(--s-r); box-shadow: none !important; }

/* ---- Hinweise und Meldungen: Fläche mit farbigem Streifen links */
html.ocf[data-schicht="tag"] .ocf-hinweis,
html.ocf[data-schicht="tag"] .meldung { background: #FFFFFF; border: 0; border-left: 4px solid var(--sc, var(--s-knopf)); border-radius: var(--s-r); box-shadow: var(--s-sh) !important; }

/* ---- Tabellen (Unitymedia): getrennte Zellen, Kopfzeile dunkel, erste Spalte fett, Eckzellen gerundet (Standard: eckig) */
html.ocf[data-schicht="tag"] .ocf-tabelle,
html.ocf[data-schicht="tag"] .tabelle-rahmen table { border-collapse: separate; border-spacing: 1px; background: var(--v-dark-10); width: 100%; }
html.ocf[data-schicht="tag"] .ocf-tabelle th,
html.ocf[data-schicht="tag"] .tabelle-rahmen table th { background: var(--s-tief); color: #FFFFFF; border: 0; padding: 12px 14px; }
html.ocf[data-schicht="tag"] .ocf-tabelle td,
html.ocf[data-schicht="tag"] .tabelle-rahmen table td { background: #FFFFFF; border: 0; padding: 12px 14px; }
html.ocf[data-schicht="tag"] .ocf-tabelle tbody tr:hover td,
html.ocf[data-schicht="tag"] .tabelle-rahmen table tbody tr:hover td { background: var(--s-hauch, #F7F8FA); }
html.ocf[data-schicht="tag"] .ocf-tabelle td:first-child,
html.ocf[data-schicht="tag"] .tabelle-rahmen table td:first-child { font-weight: 700; }
html.ocf[data-schicht="tag"] .ocf-tabelle td.mono,
html.ocf[data-schicht="tag"] .tabelle-rahmen table td.mono { border: 0; border-radius: 0; padding: 12px 14px; background: #FFFFFF; }
html.ocf[data-schicht="tag"] .ocf-tabelle tr:first-child > :first-child,
html.ocf[data-schicht="tag"] .tabelle-rahmen table tr:first-child > :first-child { border-top-left-radius: var(--s-r-s); }
html.ocf[data-schicht="tag"] .ocf-tabelle tr:first-child > :last-child,
html.ocf[data-schicht="tag"] .tabelle-rahmen table tr:first-child > :last-child { border-top-right-radius: var(--s-r-s); }
html.ocf[data-schicht="tag"] .ocf-tabelle tr:last-child > :first-child,
html.ocf[data-schicht="tag"] .tabelle-rahmen table tr:last-child > :first-child { border-bottom-left-radius: var(--s-r-s); }
html.ocf[data-schicht="tag"] .ocf-tabelle tr:last-child > :last-child,
html.ocf[data-schicht="tag"] .tabelle-rahmen table tr:last-child > :last-child { border-bottom-right-radius: var(--s-r-s); }

/* ---- Reiter (Vodafone .tabs__link): Text mit Haarlinie, aktiv fett mit farbiger Unterkante */
html.ocf[data-schicht="tag"] .postfach-reiter,
html.ocf[data-schicht="tag"] .ocf-schnellfilter,
html.ocf[data-schicht="tag"] .ocf-reiter { display: flex; flex-wrap: wrap; gap: 0; padding: 0; margin-bottom: var(--v-sm-2); background: transparent; border: 0; border-bottom: 2px solid var(--v-dark-10); border-radius: 0; }
html.ocf[data-schicht="tag"] .postfach-reiter a,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a,
html.ocf[data-schicht="tag"] .ocf-reiter a { position: relative; margin: 0; padding: 12px 18px; background: transparent; border: 0; border-radius: 0; color: #25282B; font-weight: 400; transition: color .25s; }
html.ocf[data-schicht="tag"] .postfach-reiter a::after,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a::after,
html.ocf[data-schicht="tag"] .ocf-reiter a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background: transparent; transition: background-color .25s; }
html.ocf[data-schicht="tag"] .postfach-reiter a:hover,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a:hover,
html.ocf[data-schicht="tag"] .ocf-reiter a:hover { background: transparent; border: 0; color: var(--v-base-2); }
html.ocf[data-schicht="tag"] .postfach-reiter a.aktiv,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a.aktiv,
html.ocf[data-schicht="tag"] .ocf-reiter a.aktiv { margin: 0; padding: 12px 18px; background: transparent; border: 0; color: #25282B; font-weight: 700; }
html.ocf[data-schicht="tag"] .postfach-reiter a.aktiv::after,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a.aktiv::after,
html.ocf[data-schicht="tag"] .ocf-reiter a.aktiv::after { background: var(--s-knopf); }
html.ocf[data-schicht="tag"] .postfach-reiter a .zahl,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a .zahl,
html.ocf[data-schicht="tag"] .ocf-reiter a .zahl, html.ocf[data-schicht="tag"] .postfach-reiter a b,
html.ocf[data-schicht="tag"] .ocf-schnellfilter a b,
html.ocf[data-schicht="tag"] .ocf-reiter a b { background: var(--s-hauch, var(--v-dark-5)); color: var(--s-knopf); border-radius: 999px; }

/* ---- Felder */
html.ocf[data-schicht="tag"] .eingabe,
html.ocf[data-schicht="tag"] select,
html.ocf[data-schicht="tag"] textarea,
html.ocf[data-schicht="tag"] input[type="text"],
html.ocf[data-schicht="tag"] input[type="search"],
html.ocf[data-schicht="tag"] input[type="email"],
html.ocf[data-schicht="tag"] input[type="password"],
html.ocf[data-schicht="tag"] input[type="number"],
html.ocf[data-schicht="tag"] input[type="date"],
html.ocf[data-schicht="tag"] input[type="datetime-local"] { border-radius: var(--s-r-s); }

/* ---- Akkordeon (Vodafone action-button, Unitymedia .accordion-header): Zeile mit rundem Auf-/Zu-Knopf */
 { padding: var(--v-sm-3) var(--v-sm-2) var(--v-sm-3) var(--v-sm-1); background: #FFFFFF; border-bottom: 1px solid var(--v-dark-10); }
 { content: "+"; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--s-knopf); color: #FFFFFF; font: 400 22px/1 system-ui, sans-serif; transform: none; transition: background-color .25s; }
html.ocf[data-schicht="tag"] .akkordeon-teil[open] > summary::after { content: "\00D7"; transform: none; background: var(--v-base-1); }
html.ocf[data-schicht="tag"] .akkordeon-teil[open] > summary { border-bottom-color: var(--v-dark-10); }
html.ocf[data-schicht="tag"] .akkordeon-teil[open] { background: var(--v-base-6); }
html.ocf[data-schicht="tag"] .akkordeon-titel { font-weight: 700; }
html.ocf[data-schicht="tag"] .akkordeon { border: 0; border-top: 4px solid var(--s-knopf); }

/* ---- AFB: weitere Flächen folgen der Rundung (Bühnen-Kasten, Leerfläche, Vorschau, Kacheln) */
html.ocf[data-schicht="tag"] .afb-held, html.ocf[data-schicht="tag"] .afb-leer, html.ocf[data-schicht="tag"] .afb-vorschau, html.ocf[data-schicht="tag"] .afb-kachel-bild, html.ocf[data-schicht="tag"] .afb-plakat-ordner, html.ocf[data-schicht="tag"] .afb-anmelde-karte, html.ocf[data-schicht="tag"] .afb-oeffentlich-karte, html.ocf[data-schicht="tag"] .afb-menue { border-radius: var(--s-r); }

/* ---- Knöpfe: Form nach Wahl (Standard: Pille) */
html.ocf[data-schicht="tag"] .knopf { border-radius: var(--s-knopf-r); }