:where(.clb,.clp,.clo,.crk,.clp-dialog-grund){--cl-grund:var(--bg,#f7f4f6);--cl-flaeche:var(--surface,#ffffff);--cl-flaeche-2:var(--n-200,#efe8ec);--cl-linie:var(--border,#d6cad1);--cl-linie-stark:var(--n-400,#c3b5be);--cl-text:var(--fg,#22161e);--cl-rumpf:var(--fg-body,#2f252c);--cl-leise:var(--fg-muted,#4f444b);--cl-akzent:var(--accent,#6e3f5b);--cl-auf-akzent:#ffffff;--cl-akzent-hauch:rgba(110,63,91,0.08);--cl-fokus:var(--bd-focus,var(--accent,#6e3f5b));--cl-schlecht:#872c2c;--cl-schlecht-hauch:#f6e6e4;--cl-treffer:#f4d98b;--cl-rot:#8f1d18;--cl-schatten:0 1px 2px rgba(34,22,30,0.06),0 4px 16px rgba(34,22,30,0.06);--cl-schatten-hoch:0 8px 32px rgba(34,22,30,0.16),0 2px 8px rgba(34,22,30,0.08);--cl-weich:cubic-bezier(0.2,0.8,0.2,1);--cl-buehne:#1a1016}[data-theme=dark] :where(.clb,.clp,.clo,.crk,.clp-dialog-grund){--cl-flaeche-2:#2a1e25;--cl-linie-stark:#5a4852;--cl-auf-akzent:#1a1016;--cl-akzent-hauch:rgba(226,185,210,0.12);--cl-schlecht:#e99e97;--cl-schlecht-hauch:rgba(229,140,132,0.18);--cl-treffer:#e2b9d2;--cl-schatten:0 1px 2px rgba(0,0,0,0.4),0 4px 16px rgba(0,0,0,0.32);--cl-schatten-hoch:0 8px 32px rgba(0,0,0,0.56)}:where(.clb,.clp,.clo,.crk) *,:where(.clb,.clp,.clo,.crk) :after,:where(.clb,.clp,.clo,.crk) :before{box-sizing:border-box}:where(.clb,.clp,.clo,.crk,.clp-dialog-grund) :where(button,input,select,textarea){font:inherit;color:inherit}:where(.clb,.clp,.clo,.crk,.clp-dialog-grund) :focus-visible{outline:2px solid var(--cl-fokus);outline-offset:2px;border-radius:4px}.clp-unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.clb-ziffern,.clp-ziffern{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clb-hinweis,.clp-leise{color:var(--cl-leise);font-size:12px}.clb-luecke,.clp-luecke{flex:1 1}.clb-fehler,.clp-fehler{color:var(--cl-schlecht);background:var(--cl-schlecht-hauch);padding:8px 12px;border-radius:8px;margin:0}.clb-fehler{margin:16px 24px 0}.clb-knopf-haupt,.clo-knopf,.clp-knopf-haupt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;border:0;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;background:var(--cl-akzent);color:var(--cl-auf-akzent);transition:transform .12s var(--cl-weich),box-shadow .16s var(--cl-weich),opacity .12s}.clb-knopf-haupt:hover,.clp-knopf-haupt:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(110,63,91,.28)}.clp-knopf-haupt:disabled{opacity:.56;cursor:not-allowed}.clb-knopf-zweit{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid var(--cl-linie-stark);color:var(--cl-text);background:var(--cl-flaeche)}.clb-knopf-zweit:hover{background:var(--cl-flaeche-2)}.clp-knopf-gefahr{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:8px;cursor:pointer;font-weight:600;border:1px solid;background:var(--cl-flaeche);color:var(--cl-schlecht)}.clp-knopf-gefahr:hover:not(:disabled){background:var(--cl-schlecht-hauch)}.clb-textknopf,.clp-textknopf{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer;color:var(--cl-rumpf);text-decoration:none;font-size:14px}.clb-textknopf:hover,.clp-textknopf:hover:not(:disabled){background:var(--cl-flaeche-2);color:var(--cl-text);border-color:var(--cl-linie)}.clp-textknopf:disabled{opacity:.56;cursor:default}.clp-textknopf[aria-pressed=true]{color:var(--cl-text);font-weight:600}.clp-gefahr{color:var(--cl-schlecht)}.clp-mini{display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:4px;background:none;cursor:pointer;color:var(--cl-leise)}.clp-mini:hover:not(:disabled){background:var(--cl-flaeche-2);color:var(--cl-text)}.clp-mini:disabled{opacity:.4}.clp-leer-knopf{align-self:flex-start;padding:8px 12px;border:1px dashed var(--cl-linie-stark);border-radius:8px;background:none;cursor:pointer;color:var(--cl-leise)}.clp-leer-knopf:hover{color:var(--cl-text);border-color:var(--cl-akzent)}.clp-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--cl-flaeche-2);color:var(--cl-rumpf);white-space:nowrap;text-decoration:none}.clp-chip-fehler{background:var(--cl-schlecht-hauch);color:var(--cl-schlecht)}.clp-chip-link{background:var(--cl-akzent-hauch);color:var(--cl-text)}.clp-chip-link:hover{text-decoration:underline}.clb-schimmer,.clp-schimmer{display:block;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--cl-flaeche-2) 0,var(--cl-flaeche) 50%,var(--cl-flaeche-2) 100%);background-size:200% 100%;animation:cl-schimmer 1.4s linear infinite}.clb-schimmer.kurz,.clp-schimmer.kurz{width:56%}.clp-schimmer-video{height:auto;aspect-ratio:16/9;border-radius:12px}.clp-schimmer-titel{height:24px;width:48%;margin-bottom:16px}@keyframes cl-schimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.clb{min-height:100%;background:var(--cl-grund);color:var(--cl-rumpf);font-family:var(--bd-font-sans,"Inter",system-ui,sans-serif);font-size:14px;line-height:1.5}.clb-kopf{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 24px;background:color-mix(in srgb,var(--cl-flaeche) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--cl-linie)}.clb-kopf h1{margin:0;font-size:16px;font-weight:600;color:var(--cl-text)}.clb-suche{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;min-width:240px;flex:0 1 360px;border:1px solid var(--cl-linie);border-radius:8px;background:var(--cl-flaeche);color:var(--cl-leise)}.clb-suche:focus-within{border-color:var(--cl-akzent);outline:2px solid var(--cl-fokus);outline-offset:2px}.clb-suche input{flex:1 1;min-width:0;border:0;background:none;outline:none;color:var(--cl-text)}.clb-suche input::placeholder{color:var(--cl-leise)}.clb-suche kbd{font-size:12px;padding:0 4px;border:1px solid var(--cl-linie);border-radius:4px;color:var(--cl-leise);font-family:inherit}.clb-filter,.clp-segmentwahl{display:inline-flex;padding:4px;gap:4px;border-radius:8px;background:var(--cl-flaeche-2)}.clb-filter button,.clp-segmentwahl button{min-height:28px;padding:0 12px;border:0;border-radius:4px;background:none;cursor:pointer;color:var(--cl-rumpf)}.clb-filter button.an,.clp-segmentwahl button.an{background:var(--cl-flaeche);color:var(--cl-text);font-weight:600;box-shadow:var(--cl-schatten)}.clb-rec-punkt{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.clb-knopf-haupt .clb-rec-punkt{background:#e5484d;box-shadow:0 0 0 2px var(--cl-auf-akzent)}.clb-raster{list-style:none;margin:0;padding:24px;display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}.clb-karte{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:var(--cl-flaeche);border:1px solid var(--cl-linie);box-shadow:var(--cl-schatten);transition:transform .16s var(--cl-weich),box-shadow .16s var(--cl-weich);animation:cl-auftauchen .24s var(--cl-weich) both}.clb-karte:hover{transform:translateY(-2px);box-shadow:var(--cl-schatten-hoch)}.clb-karte:focus-visible{outline:2px solid var(--cl-fokus);outline-offset:2px}.clb-frisch{box-shadow:0 0 0 2px var(--cl-akzent),var(--cl-schatten-hoch)}.clb-karte-skelett{padding-bottom:16px;gap:8px}.clb-karte-skelett .clb-zeile{margin:0 16px}.clb-bild{position:relative;display:block;aspect-ratio:16/9;background:var(--cl-buehne);overflow:hidden}.clb-bild img,.clb-bild-leer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.clb-bild.clb-schimmer{height:auto;border-radius:0}.clb-leiste{position:absolute;inset:0;background-repeat:no-repeat}.clb-fortschritt{position:absolute;left:0;bottom:0;height:4px;background:#e7d6e0}.clb-dauer{right:8px;bottom:8px;height:20px;border-radius:4px}.clb-dauer,.clb-status{position:absolute;padding:0 8px;display:inline-flex;align-items:center;background:rgba(26,16,22,.88);color:#ffffff;font-size:12px;font-weight:600}.clb-status{left:8px;top:8px;gap:4px;height:24px;border-radius:999px}.clb-status-live .clb-rec-punkt{background:#ff6b6b;animation:cl-puls 1.2s ease-in-out infinite}.clb-status-fehler{background:#8f1d18}.clb-text{display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px}.clb-titel{color:var(--cl-text);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clb-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--cl-leise)}.clb-zaehler{display:inline-flex;align-items:center;gap:4px}.clb-leer{max-width:560px;margin:64px auto;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--cl-flaeche);border:1px solid var(--cl-linie);border-radius:16px;box-shadow:var(--cl-schatten)}.clb-leer h2{margin:0;font-size:24px;font-weight:600;color:var(--cl-text);line-height:1.25}.clb-leer p{margin:0;color:var(--cl-rumpf)}.clb-leer-zeichen{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--cl-akzent-hauch);color:var(--cl-text)}.clb-leer-wege{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.clb-hinweis{padding:24px;font-size:14px}.clb-detail-rahmen{padding:16px 24px 32px}.clb-issue-kachel{position:relative;text-decoration:none}.clb-issue-kachel img{object-position:center}.clb-issue-titel{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 4px;font-size:12px;font-weight:600;color:#ffffff;background:linear-gradient(transparent,rgba(26,16,22,.92));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clb-issue-kachel .clb-dauer{top:4px;right:4px;bottom:auto}.clp-detail{display:flex;flex-direction:column;gap:12px}.clp-frisch .clp-buehne{box-shadow:0 0 0 2px var(--cl-akzent)}.clp-zurueck{align-self:flex-start;padding:4px 8px;border:0;border-radius:8px;background:none;cursor:pointer;font-size:12px;color:var(--cl-leise)}.clp-zurueck:hover{background:var(--cl-flaeche-2);color:var(--cl-text)}.clp-laden{display:flex;flex-direction:column;gap:16px}.clp{display:grid;grid-template-columns:minmax(0,1fr) 448px;grid-gap:24px;gap:24px;align-items:start;color:var(--cl-rumpf);font-size:14px;line-height:1.5;font-family:var(--bd-font-sans,"Inter",system-ui,sans-serif)}.clp-haupt{gap:16px;min-width:0}.clp-haupt,.clp-kopf-zeile{display:flex;flex-direction:column}.clp-kopf-zeile{gap:4px}.clp-titel,.clp-titel-fest{width:100%;padding:4px 8px;margin:0 0 0 -8px;border:1px solid transparent;border-radius:8px;background:none;font-size:24px;font-weight:600;line-height:1.25;color:var(--cl-text)}.clp-titel:hover{border-color:var(--cl-linie)}.clp-titel:focus{border-color:var(--cl-akzent);background:var(--cl-flaeche)}.clp-meta{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--cl-leise)}.clp-absatz{margin:0;white-space:pre-wrap;color:var(--cl-rumpf)}.clp-beschreibung{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.clp-beschreibung-feld{display:flex;flex-direction:column;gap:8px}.clp-beschreibung-feld textarea,.clp-eingabe textarea{width:100%;padding:8px 12px;border:1px solid var(--cl-linie);border-radius:8px;background:var(--cl-flaeche);color:var(--cl-text);resize:vertical}.clp-zeile-rechts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.clp-buehne{position:relative;width:100%;aspect-ratio:16/9;max-height:72vh;border-radius:12px;overflow:hidden;background:var(--cl-buehne);color:#ffffff;box-shadow:var(--cl-schatten-hoch)}.clp-buehne.clp-voll{max-height:none;border-radius:0}.clp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:var(--cl-buehne);cursor:pointer}.clp-buehne-leer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.clp-buehne-leer p{margin:0;position:relative}.clp-leise-hell{color:#ddd3d9;font-size:12px}.clp-poster-grund{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}.clp-schimmernd:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%);background-size:200% 100%;animation:cl-schimmer 1.8s linear infinite}.clp-punkt-rot{width:16px;height:16px;border-radius:50%;background:#ff6b6b;animation:cl-puls 1.2s ease-in-out infinite}@keyframes cl-puls{50%{opacity:.4}}.clp-gross-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:rgba(26,16,22,.72);color:#ffffff;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .16s var(--cl-weich),background .16s}.clp-gross-play:hover{transform:scale(1.06);background:rgba(26,16,22,.88)}.clp-gross-play:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.clp-untertitel{position:absolute;left:0;right:0;bottom:96px;display:flex;justify-content:center;padding:0 24px;pointer-events:none;transition:bottom .2s var(--cl-weich)}.clp-ruhig .clp-untertitel{bottom:24px}.clp-untertitel span{max-width:80%;padding:4px 12px;border-radius:4px;background:rgba(0,0,0,.84);color:#ffffff;font-size:16px;line-height:1.5;text-align:center}.clp-voll .clp-untertitel span{font-size:24px}.clp-chip-auf-video{position:absolute;left:12px;top:12px;background:rgba(26,16,22,.88);color:#ffffff}.clp-lade{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(26,16,22,.72);font-weight:600}.clp-lade-balken{width:min(240px,60%);height:4px;border-radius:2px;background:rgba(255,255,255,.24);overflow:hidden}.clp-lade-balken span{display:block;height:100%;background:#e7d6e0;transition:width .2s linear}.clp-knopf-hell{min-height:32px;padding:0 12px;border:1px solid #ffffff;border-radius:8px;background:none;color:#ffffff;cursor:pointer}.clp-aufsteigend{position:absolute;inset:0;pointer-events:none;overflow:hidden}.clp-aufsteigend span{position:absolute;bottom:88px;font-size:24px;animation:cl-steigen 1.8s var(--cl-weich) forwards}@keyframes cl-steigen{0%{transform:translateY(0) scale(.6);opacity:0}15%{transform:translateY(-16px) scale(1.2);opacity:1}to{transform:translateY(-160px) scale(1);opacity:0}}.clp-steuerung{position:absolute;left:0;right:0;bottom:0;padding:32px 12px 8px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(transparent,rgba(26,16,22,.92) 48%);transition:opacity .24s var(--cl-weich)}.clp-ruhig .clp-steuerung{opacity:0}.clp-ruhig{cursor:none}.clp-buehne:focus-within .clp-steuerung{opacity:1}.clp-knopfzeile{display:flex;align-items:center;gap:4px}.clp-steuer{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border:0;border-radius:8px;background:none;color:#ffffff;cursor:pointer;transition:background .12s}.clp-steuer:hover{background:rgba(255,255,255,.16)}.clp-steuer.an{color:#e7d6e0}.clp-bahn:focus-visible,.clp-marke:focus-visible,.clp-steuer:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.clp-steuer-text,.clp-zeit{font-weight:600}.clp-zeit{padding:0 8px;font-size:12px;white-space:nowrap}.clp-zeit-trenner{color:#ddd3d9}.clp-tempo{position:relative}.clp-tempo-menue{position:absolute;right:0;bottom:48px;margin:0;padding:4px;list-style:none;border-radius:8px;z-index:5;background:rgba(26,16,22,.96);box-shadow:0 8px 24px rgba(0,0,0,.48)}.clp-tempo-menue button{display:block;width:72px;min-height:32px;border:0;border-radius:4px;background:none;color:#ffffff;cursor:pointer;text-align:center}.clp-tempo-menue button.an,.clp-tempo-menue button:hover{background:rgba(255,255,255,.16);font-weight:600}.clp-zeitleiste{position:relative;padding-top:16px}.clp-bahn{position:relative;display:flex;gap:2px;height:16px;align-items:center;cursor:pointer;touch-action:none}.clp-strecke{position:relative;flex-basis:0;height:4px;border-radius:2px;background:rgba(255,255,255,.32);overflow:hidden;transition:height .12s}.clp-bahn:hover .clp-strecke{height:8px}.clp-strecke-fuell{position:absolute;inset:0;background:#e7d6e0;transform-origin:left}.clp-kopf{top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#ffffff;box-shadow:0 0 0 2px rgba(26,16,22,.48)}.clp-kopf,.clp-marken{position:absolute;pointer-events:none}.clp-marken{left:0;right:0;top:0;height:16px}.clp-marke{position:absolute;top:-12px;width:24px;height:24px;margin-left:-12px;border:2px solid #1a1016;border-radius:50%;padding:0;display:grid;place-items:center;background:#e7d6e0;color:#22161e;font-size:12px;font-weight:600;line-height:1;cursor:pointer;pointer-events:auto;transition:transform .12s var(--cl-weich)}.clp-marke:hover{transform:scale(1.24);z-index:2}.clp-marke.erledigt{background:#a898a2}.clp-reaktionsmarke{position:absolute;top:-12px;margin-left:-8px;font-size:12px;line-height:1}.clp-vorschau{position:absolute;bottom:40px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.clp-vorschau-bild{display:block;border-radius:8px;border:2px solid #ffffff;background-repeat:no-repeat;background-color:var(--cl-buehne);box-shadow:0 8px 24px rgba(0,0,0,.48)}.clp-vorschau-kapitel{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clp-vorschau-kapitel,.clp-vorschau-zeit{padding:0 8px;border-radius:4px;background:rgba(26,16,22,.92);font-size:12px;font-weight:600}.clp-reaktionen{display:flex;gap:8px;flex-wrap:wrap}.clp-emoji{display:inline-flex;align-items:center;gap:4px;height:40px;min-width:48px;padding:0 12px;border-radius:999px;cursor:pointer;border:1px solid var(--cl-linie);background:var(--cl-flaeche);font-size:16px;transition:transform .12s var(--cl-weich),background .12s}.clp-emoji:hover{background:var(--cl-flaeche-2);transform:translateY(-2px)}.clp-emoji:active{transform:scale(.92)}.clp-emoji-zahl{font-size:12px;font-weight:600;color:var(--cl-rumpf);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clp-bezuege,.clp-teilen{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--cl-flaeche);border:1px solid var(--cl-linie)}.clp-teilen-haupt{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.clp-knopf-gross{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:8px;cursor:pointer;background:var(--cl-akzent);color:var(--cl-auf-akzent);font-size:16px;font-weight:600;transition:transform .12s var(--cl-weich),box-shadow .16s}.clp-knopf-gross:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(110,63,91,.28)}.clp-knopf-gross:active{transform:scale(.98)}.clp-teilen-optionen{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.clp-haken{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--cl-rumpf)}.clp-haken input{width:16px;height:16px;accent-color:var(--cl-akzent)}.clp-wahl{display:inline-flex;align-items:center;gap:8px}.clp-verknuepfen input,.clp-verknuepfen select,.clp-wahl select{min-height:32px;padding:0 8px;border:1px solid var(--cl-linie);border-radius:8px;background:var(--cl-flaeche);color:var(--cl-text)}.clp-teilen-werkzeuge{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--cl-linie);padding-top:8px}.clp-bezuege h2{margin:0;font-size:12px;font-weight:600;color:var(--cl-leise)}.clp-bezuege ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.clp-bezuege li{display:flex;align-items:center;gap:8px}.clp-bezuege li a{color:var(--cl-text)}.clp-verknuepfen{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.clp-kombi{position:relative;flex:1 1 240px}.clp-kombi input{width:100%}.clp-vorschlaege{position:absolute;left:0;right:0;top:36px;z-index:10;margin:0;padding:4px;list-style:none;border-radius:8px;background:var(--cl-flaeche);border:1px solid var(--cl-linie);box-shadow:var(--cl-schatten-hoch)}.clp-vorschlaege button{display:block;width:100%;text-align:left;min-height:32px;padding:4px 8px;border:0;border-radius:4px;background:none;cursor:pointer;color:var(--cl-text)}.clp-vorschlaege button.an,.clp-vorschlaege button:hover{background:var(--cl-flaeche-2)}.clp-dialog-grund{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(26,16,22,.56)}.clp-dialog{width:min(480px,100%);padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:16px;background:var(--cl-flaeche);color:var(--cl-rumpf);box-shadow:var(--cl-schatten-hoch);font-family:var(--bd-font-sans,"Inter",system-ui,sans-serif);font-size:14px;line-height:1.5;animation:cl-auftauchen .2s var(--cl-weich) both}.clp-dialog h2{margin:0;font-size:16px;font-weight:600;color:var(--cl-text)}.clp-dialog p{margin:0}.clp-seite{position:-webkit-sticky;position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 32px);min-height:480px;border-radius:12px;background:var(--cl-flaeche);border:1px solid var(--cl-linie);box-shadow:var(--cl-schatten);overflow:hidden}.clp-reiter{display:flex;gap:0;padding:0 8px;border-bottom:1px solid var(--cl-linie);overflow-x:auto;scrollbar-width:none;flex:none}.clp-reiter button{position:relative;display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 8px;border:0;background:none;cursor:pointer;color:var(--cl-leise);white-space:nowrap}.clp-reiter button:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--cl-akzent);transform:scaleX(0);transition:transform .24s var(--cl-weich)}.clp-reiter button.an{color:var(--cl-text);font-weight:600}.clp-reiter button.an:after{transform:scaleX(1)}.clp-zahl{min-width:20px;height:20px;padding:0 4px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;background:var(--cl-flaeche-2);color:var(--cl-rumpf)}.clp-panel{flex:1 1;min-height:0;display:flex;flex-direction:column}.clp-hinweis{margin:0;padding:16px;color:var(--cl-leise)}.clp-wartet{padding:16px;display:flex;flex-direction:column;gap:12px}.clp-wartet p{margin:0;color:var(--cl-leise)}.clp-transkript{display:flex;flex-direction:column;min-height:0;flex:1 1}.clp-suche{display:flex;align-items:center;gap:8px;margin:12px;padding:0 8px 0 12px;min-height:36px;border:1px solid var(--cl-linie);border-radius:8px;color:var(--cl-leise)}.clp-suche:focus-within{border-color:var(--cl-akzent);outline:2px solid var(--cl-fokus);outline-offset:2px}.clp-suche input{flex:1 1;min-width:0;border:0;background:none;outline:none;color:var(--cl-text)}.clp-treffer{display:inline-flex;align-items:center;gap:4px;font-size:12px}.clp-segmente{list-style:none;margin:0;padding:0 8px 16px;overflow-y:auto;flex:1 1;min-height:0;position:relative}.clp-segment{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:8px;gap:8px;width:100%;padding:8px;border:0;border-radius:8px;background:none;cursor:pointer;text-align:left;color:var(--cl-rumpf);transition:background .16s}.clp-segment:hover{background:var(--cl-flaeche-2)}.clp-segment.an{background:var(--cl-akzent-hauch);color:var(--cl-text);box-shadow:inset 2px 0 0 var(--cl-akzent)}.clp-segment.fokus{box-shadow:inset 0 0 0 2px var(--cl-linie-stark)}.clp-segment-zeit{font-size:12px;font-weight:600;color:var(--cl-leise);padding-top:2px}.clp-segment mark{background:var(--cl-treffer);color:#22161e;border-radius:2px;padding:0 1px}.clp-faeden,.clp-kommentare{display:flex;flex-direction:column;min-height:0;flex:1 1}.clp-faeden{list-style:none;margin:0;padding:12px;gap:12px;overflow-y:auto}.clp-antworten,.clp-faden{display:flex;flex-direction:column;gap:8px}.clp-antworten{list-style:none;margin:0 0 0 32px;padding:0 0 0 12px;border-left:2px solid var(--cl-linie)}.clp-kommentar{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;transition:background .4s}.clp-kommentar.hervor{background:var(--cl-akzent-hauch)}.clp-kommentar.vorlaeufig{opacity:.72}.clp-kommentar.erledigt .clp-kommentar-text{color:var(--cl-leise)}.clp-kommentar header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clp-kommentar strong{color:var(--cl-text);font-weight:600}.clp-kommentar-text{margin:0 0 0 32px;white-space:pre-wrap;overflow-wrap:anywhere}.clp-kommentar footer{display:flex;gap:4px;margin-left:24px}.clp-kommentar footer .clp-textknopf{min-height:28px;font-size:12px}.clp-kreis{display:inline-grid;place-items:center;width:24px;border-radius:50%;flex:none;color:#ffffff}.clp-kreis,.clp-zeitchip{height:24px;font-size:12px;font-weight:600}.clp-zeitchip{display:inline-flex;align-items:center;gap:4px;padding:0 8px;border:0;border-radius:999px;cursor:pointer;background:var(--cl-akzent-hauch);color:var(--cl-text)}.clp-zeitchip:hover{background:color-mix(in srgb,var(--cl-akzent) 16%,transparent)}.clp-zeitchip-fest{cursor:default}.clp-zeitchip button{border:0;background:none;padding:0 0 0 4px;cursor:pointer;color:inherit;font-size:14px;line-height:1}.clp-eingabe{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid var(--cl-linie);background:var(--cl-flaeche);flex:none}.clp-eingabe.antwort{margin-left:32px;padding:8px 0 0;border-top:0}.clp-eingabe-fuss{display:flex;align-items:center;gap:8px}.clp-feld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--cl-leise)}.clp-feld input{min-height:36px;padding:0 12px;border:1px solid var(--cl-linie);border-radius:8px;background:var(--cl-flaeche);color:var(--cl-text);font-size:14px}.clp-zusammenfassung{padding:16px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.clp-zusammenfassung h3{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--cl-leise)}.clp-kapitel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.clp-kapitel button{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:8px;gap:8px;width:100%;padding:8px;border:0;border-radius:8px;background:none;cursor:pointer;text-align:left;color:var(--cl-rumpf)}.clp-kapitel button:hover{background:var(--cl-flaeche-2)}.clp-kapitel button.an{background:var(--cl-akzent-hauch);color:var(--cl-text);font-weight:600}.clp-aufgaben{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.clp-aufgaben li{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:8px;background:var(--cl-flaeche-2)}.clp-aufgaben li .clp-textknopf{flex:none;font-size:12px;min-height:28px}.clp-aktivitaet{padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.clp-gross-zahl{margin:0;font-size:16px;color:var(--cl-text);font-weight:600}.clp-gross-zahl .clp-ziffern{font-size:24px}.clp-zuschauer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.clp-zuschauer li{display:grid;grid-template-columns:24px minmax(0,1fr) 112px;align-items:center;grid-gap:8px;gap:8px}.clp-zuschauer-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.clp-zuschauer-name strong{color:var(--cl-text);font-weight:600}.clp-gesehen{display:inline-flex;align-items:center;gap:8px;font-size:12px}.clp-gesehen-balken{flex:1 1;height:8px;border-radius:999px;background:var(--cl-flaeche-2);overflow:hidden}.clp-gesehen-balken span{display:block;height:100%;background:var(--cl-akzent)}.clo{min-height:100vh;display:flex;flex-direction:column;background:var(--cl-grund);color:var(--cl-rumpf);font-family:var(--bd-font-sans,"Inter",system-ui,sans-serif);font-size:14px;line-height:1.5}.clo-kopf{display:flex;gap:16px;padding:12px 24px;background:#22161e}.clo-kopf,.clo-marke{align-items:center;color:#f7f4f6}.clo-marke{display:inline-flex;gap:8px;text-decoration:none;font-weight:600;font-size:16px}.clo-marke-zusatz{color:#e2b9d2}.clo-auf-dunkel{color:#f7f4f6}.clo-auf-dunkel:hover{background:rgba(255,255,255,.12);color:#ffffff;border-color:transparent}.clo-kopf .clo-knopf{background:#e2b9d2;color:#22161e}.clo-kopf :focus-visible{outline:2px solid #f7f4f6;outline-offset:2px}.clo-inhalt{flex:1 1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.clo-karte{max-width:520px;margin:64px auto;padding:32px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:var(--cl-flaeche);border:1px solid var(--cl-linie);border-radius:16px;box-shadow:var(--cl-schatten)}.clo-karte h1{margin:0;font-size:24px;font-weight:600;color:var(--cl-text);line-height:1.25}.clo-karte p{margin:0}.clo-fuss{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:16px 24px;font-size:12px;border-top:1px solid var(--cl-linie);color:var(--cl-leise);background:var(--cl-flaeche)}.clo-fuss a{color:var(--cl-text);font-weight:600}.crk{min-height:calc(100vh - 56px);padding:32px 24px 64px;background:var(--cl-grund);color:var(--cl-rumpf);font-family:var(--bd-font-sans,"Inter",system-ui,sans-serif);font-size:14px;line-height:1.5}.crk-karte{max-width:560px;margin:32px auto;padding:32px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:var(--cl-flaeche);border:1px solid var(--cl-linie);border-radius:16px;box-shadow:var(--cl-schatten)}.crk-held h1,.crk-karte h1{margin:0;font-size:24px;font-weight:600;color:var(--cl-text);line-height:1.25}.crk-held p,.crk-karte p{margin:0}.crk-code{align-self:stretch;text-align:center;padding:16px;border-radius:12px;background:var(--cl-flaeche-2);font-family:var(--bd-font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:24px;font-weight:600;letter-spacing:.24em;color:var(--cl-text)}.crk-wer{margin:0;flex-direction:column}.crk-wer,.crk-wer div{display:flex;gap:8px}.crk-wer dt{min-width:96px;color:var(--cl-leise)}.crk-wer dd{margin:0;color:var(--cl-text);font-weight:600}.crk-zeile{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crk-gross{min-height:48px;padding:0 24px;font-size:16px}.crk-haken{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#265645;color:#ffffff;font-size:24px}.crk-download{max-width:800px;margin:0 auto;gap:32px}.crk-download,.crk-held{display:flex;flex-direction:column}.crk-held{gap:16px;align-items:flex-start}.crk-abschnitt{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:12px;background:var(--cl-flaeche);border:1px solid var(--cl-linie)}.crk-abschnitt h2{margin:0;font-size:16px;font-weight:600;color:var(--cl-text)}.crk-abschnitt p{margin:0}.crk-liste{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.crk-liste strong{color:var(--cl-text);font-weight:600}.crk-tabelle{border-collapse:collapse}.crk-tabelle td,.crk-tabelle th{text-align:left;padding:8px 16px 8px 0;border-bottom:1px solid var(--cl-linie);font-weight:400}.crk-tabelle kbd{display:inline-block;padding:0 8px;border:solid var(--cl-linie-stark);border-width:1px 1px 2px;border-radius:4px;font-family:var(--bd-font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:12px;color:var(--cl-text);background:var(--cl-flaeche-2)}.crk-geraete{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.crk-geraete li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--cl-linie)}.crk-geraete strong{color:var(--cl-text);font-weight:600}@keyframes cl-auftauchen{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:1280px){.clp{grid-template-columns:minmax(0,1fr)}.clp-seite{position:static;max-height:640px}}@media (max-width:640px){.clb-kopf,.clo-kopf{padding:8px 16px}.clb-detail-rahmen,.clb-raster,.clo-inhalt{padding:16px}.clb-suche{min-width:0;flex:1 1 100%}.clp-untertitel{bottom:80px}.clp-untertitel span{font-size:14px}.clp-zeit{display:none}}@media (prefers-reduced-motion:reduce){.clb-karte,.clb-schimmer,.clb-status-live .clb-rec-punkt,.clp-aufsteigend span,.clp-dialog,.clp-punkt-rot,.clp-schimmer,.clp-schimmernd:after{animation:none}.clb-karte,.clb-knopf-haupt,.clp-emoji,.clp-gross-play,.clp-knopf-gross,.clp-knopf-haupt{transition:none}.clb-karte:hover,.clp-emoji:hover{transform:none}.clp-aufsteigend span{animation:cl-blenden 1.8s linear forwards}}@keyframes cl-blenden{0%,80%{opacity:1}to{opacity:0}}@media (max-width:760px){.clb-kopf{gap:8px 12px}.clb-suche{height:44px}.clb-suche kbd{display:none}.clb-filter button{min-height:44px;padding:0 16px}.clb-nur-desktop{display:none}.clb-knopf-haupt{min-height:44px}.clb-raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}.clb-detail-rahmen{padding:8px 12px 24px}.clp-zurueck{min-height:44px;padding:0 12px;font-size:15px;font-weight:600;color:var(--cl-akzent)}.clp{gap:16px}.clp-titel,.clp-titel-fest{font-size:20px}.clb-detail-rahmen .clp-buehne,.clo-inhalt .clp-buehne{margin:0 -12px;width:calc(100% + 24px);border-radius:0;max-height:70vh}.clo-inhalt .clp-buehne{margin:0 -16px;width:calc(100% + 32px)}.clp-steuerung{padding:24px 8px 4px}.clp-knopfzeile{gap:0}.clp-steuer{min-width:40px;padding:0 4px}.clp-steuer-pip{display:none}.clp-gross-play{width:64px;height:64px;margin:-32px 0 0 -32px}.clp-bahn{height:28px}.clp-kopf{width:16px;height:16px;margin:-8px 0 0 -8px}.clp-emoji{height:44px}.clp-seite{min-height:0;max-height:75vh}.clp-reiter button{height:48px;padding:0 12px}.clp-bezuege,.clp-teilen{padding:12px}.clp-knopf-gross{width:100%;justify-content:center}.clp-haken input{width:22px;height:22px;flex:none}.clp-feld input,.clp-verknuepfen input,.clp-verknuepfen select,.clp-wahl select{min-height:44px}.clp-aufgaben li .clp-textknopf,.clp-kommentar footer .clp-textknopf{min-height:40px}.clp-textknopf{min-height:44px}.clp-dialog-grund{align-items:end;padding:0}.clp-dialog{width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}.clo-kopf{padding:calc(8px + env(safe-area-inset-top, 0px)) 16px 8px;gap:8px;flex-wrap:wrap}.clo-kopf .clb-textknopf,.clo-kopf .clo-knopf{min-height:40px}.clo-marke{font-size:15px}.clo-inhalt{padding:12px 16px 24px}.clo-karte{margin:24px auto;padding:20px 16px}.clo-karte h1{font-size:20px}.clo-fuss{padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));flex-wrap:wrap}}@media (pointer:coarse){.clb-filter button,.clb-knopf-haupt,.clb-knopf-zweit,.clb-textknopf,.clp-segmentwahl button{min-height:44px}}