.direct-root{--direct-spiele-tinte:#352c45;--direct-spiele-leise:#7d7090;--direct-spiele-flaeche:#fff;--direct-spiele-rand:#e8e0f0;--direct-spiele-hell:#f4effb;--direct-spiele-akzent:#7652bd;--direct-spiele-marke:#16242fc7;--direct-spiele-bild:#1d3445;--direct-spiele-schatten:0 18px 40px #5c43731f, 0 2px 6px #5c43730f;--direct-spiele-radius:20px;--direct-spiele-radius-fenster:2px;--direct-spiele-art-grund:#e3f1ef;--direct-spiele-art-rand:#93c2bc;--direct-spiele-art-fenster:#c5def0;--direct-spiele-art-kreuz:#2f9e8f;--direct-spiele-art-pad:#7a5cc0;--direct-spiele-art-knopf:#f5d287}
.direct-spiele{align-content:start;gap:var(--ds-space-5);inline-size:min(68rem,100%);padding:var(--ds-space-6) var(--ds-space-5) var(--ds-space-8);color:var(--direct-spiele-tinte);margin-inline:auto;display:grid}.direct-spiele-kopf{gap:var(--ds-space-2);display:grid}.direct-spiele-kopf h1{font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);margin:0;line-height:1.15}.direct-spiele-kopf p{color:var(--direct-spiele-leise);margin:0}.direct-spiel-karte{border:1px solid var(--direct-spiele-rand);border-radius:var(--direct-spiele-radius);background:var(--direct-spiele-flaeche);box-shadow:var(--direct-spiele-schatten);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid;overflow:clip}.direct-spiel-bild{background:var(--direct-spiele-bild);min-block-size:16rem;position:relative}.direct-spiel-bild img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.direct-spiel-marke{border-radius:var(--ds-radius-pill);background:var(--direct-spiele-marke);color:var(--direct-spiele-flaeche);font-size:.75rem;font-weight:var(--type-emphasis-weight);padding:.25rem .7rem;position:absolute;inset-block-start:var(--ds-space-3);inset-inline-start:var(--ds-space-3)}.direct-spiel-text{align-content:start;gap:var(--ds-space-3);padding:var(--ds-space-6);display:grid}.direct-spiel-text h2{font-size:1.75rem;font-weight:var(--type-display-weight);margin:0;line-height:1.1}.direct-spiel-titel{align-items:center;gap:var(--ds-space-3);display:flex}.direct-spiel-titel svg{border-radius:23.4%;flex:none}.direct-spiel-text>p{color:var(--direct-spiele-leise);margin:0;line-height:1.55}.direct-spiel-merkmale{gap:.45rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.direct-spiel-merkmale li{align-items:flex-start;gap:.55rem;display:flex}.direct-spiel-merkmale svg{color:var(--direct-spiele-akzent);flex:none;margin-block-start:.1rem}.direct-spiel-start{gap:.55rem;margin-block-start:var(--ds-space-2);display:grid}.direct-spiel-start small{color:var(--direct-spiele-leise);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.direct-tool-art-spiele{background:var(--direct-spiele-art-grund)}.direct-tool-art .direct-art-spital{border:2px solid var(--direct-spiele-art-rand);border-radius:var(--ds-radius-xs) var(--ds-radius-xs) 0 0;background:var(--direct-spiele-flaeche);border-block-end:0;grid-template-columns:repeat(3,1fr);gap:5px;block-size:48px;inline-size:58px;padding:7px 7px 0;display:grid;inset-block-start:17px;inset-inline-start:calc(50% - 46px)}.direct-art-spital b{border-radius:var(--direct-spiele-radius-fenster);background:var(--direct-spiele-art-fenster);block-size:9px;display:block}.direct-tool-art .direct-art-kreuz{border-radius:var(--ds-radius-xs);background:linear-gradient(var(--direct-spiele-flaeche), var(--direct-spiele-flaeche)) center / 10px 3px no-repeat, linear-gradient(var(--direct-spiele-flaeche), var(--direct-spiele-flaeche)) center / 3px 10px no-repeat, var(--direct-spiele-art-kreuz);block-size:16px;inline-size:16px;inset-block-start:6px;inset-inline-start:calc(50% - 25px)}.direct-tool-art .direct-art-pad{border-radius:var(--ds-radius-pill);background:var(--direct-spiele-art-pad);block-size:22px;inline-size:40px;inset-block-start:31px;inset-inline-start:calc(50% + 14px);transform:rotate(-9deg)}.direct-art-pad b{background:var(--direct-spiele-art-knopf);border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:8px}.direct-art-pad b:first-child{inset-inline-start:8px}.direct-art-pad b:last-child{background:var(--direct-spiele-flaeche);inset-inline-end:8px}.direct-spiele-warten{text-align:center;align-content:center;justify-items:center;min-block-size:60%}.direct-spiele-warten h2{font-size:1.5rem;font-weight:var(--type-display-weight);margin:0}.direct-spiele-warten p{color:var(--direct-spiele-leise);margin:0}.direct-spiele-warten-marke{background:var(--direct-spiele-hell);block-size:5rem;inline-size:5rem;color:var(--direct-spiele-akzent);border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite direct-spiele-atmen;display:grid}@keyframes direct-spiele-atmen{50%{transform:scale(1.06)}}.direct-spiele-buehne{flex:1 1 0;min-block-size:0;display:flex;position:relative}.direct-guest:has(.direct-spiele-buehne) .direct-guest-head{display:none}@media (max-width:1023px){.direct-spiel-karte{grid-template-columns:minmax(0,1fr)}.direct-spiel-bild{aspect-ratio:16/9;min-block-size:0}}@media (max-width:639px){.direct-spiele{padding:var(--ds-space-4) var(--ds-space-3) var(--ds-space-6)}.direct-spiel-text{padding:var(--ds-space-4)}}@media (prefers-reduced-motion:reduce){.direct-spiele-warten-marke{animation:none}}
.dwz{--dwz-weiss:#fff;--dwz-flaeche:#f4f0fa;--dwz-pille:#ece5f8;--dwz-weiter-hover:#4a3083;--dwz-gut:#2a7c55;--dwz-grund:radial-gradient(ellipse at 85% 0%, #f1e9fd 0, transparent 50%), #fcfbfe;--dwz-gut-grund:#dff3e8;--dwz-gut-tinte:#1d5c41;--dwz-schlecht-grund:#fbe4e2;--dwz-schlecht-tinte:#8f2f28;--dwz-schatten-knopf:0 6px 14px #573a9840;--dwz-schatten-schild:0 2px 6px #2a1d4a29;--dwz-schatten-blatt:0 0 0 1px #231d3312, 0 6px 18px #2a1d4a12;--dwz-ecke-karte:18px}
.dwz{box-sizing:border-box;min-width:0;min-height:0;color:var(--direct-tinte);background:var(--dwz-grund);flex-direction:column;flex:auto;gap:18px;padding:clamp(16px,2.4cqw,28px);display:flex}:where(.dwz) :where(h2,h3,h4,p){margin:0}.dwz-kicker{color:var(--direct-akzent-dunkel);letter-spacing:var(--type-micro-tracking-wide);text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.dwz .dwz-weiter,.dwz .dwz-zweit,.dwz .dwz-leise{border-radius:var(--ds-radius-lg);gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:700}.dwz .dwz-weiter{background:var(--direct-akzent-dunkel);color:var(--dwz-weiss);box-shadow:var(--dwz-schatten-knopf);border:0}.dwz .dwz-weiter:hover:not(:disabled){background:var(--dwz-weiter-hover)}.dwz .dwz-zweit{border:1px solid var(--direct-linie);background:var(--dwz-weiss);color:var(--direct-akzent-dunkel)}.dwz .dwz-zweit:hover:not(:disabled){background:var(--direct-akzent-sanft)}.dwz .dwz-leise{min-height:38px;color:var(--direct-gedaempft);background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:650}.dwz .dwz-leise:hover:not(:disabled){background:var(--direct-akzent-sanft);color:var(--direct-akzent-dunkel)}.dwz-fuss{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto;padding-top:6px;display:flex}.dwz-fuss-text{min-width:0;color:var(--direct-leise);flex:12rem;font-size:14px}.dwz-vorbereiten{background:0 0;gap:16px}.dwz-vorbereiten-kopf{flex-wrap:wrap;align-items:flex-end;gap:14px 22px;display:flex}.dwz-vorbereiten-flaeche{flex:auto;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:start;gap:18px;min-height:0;display:grid}@container (max-width:820px){.dwz-vorbereiten-flaeche{grid-template-columns:minmax(0,1fr)}.dwz-vorbereiten[data-leer] .dwz-panel{order:-1}}.dwz-liste,.dwz-panel{box-sizing:border-box;border-radius:var(--dwz-ecke-karte);background:var(--dwz-weiss);min-width:0;box-shadow:var(--dwz-schatten-blatt)}.dwz-liste{padding:14px 16px 16px}.dwz-liste-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-bottom:8px;display:flex}.dwz-liste-kopf h3{font-family:var(--font-family-display);align-items:center;gap:8px;font-size:17px;font-weight:750;display:inline-flex}.dwz-liste-kopf .direct-zahl{background:var(--direct-akzent-sanft)}.dwz-liste-griffe{flex-wrap:wrap;gap:2px;display:inline-flex}.dwz-liste-leer{color:var(--direct-leise);text-align:center;justify-items:center;gap:10px;padding:36px 16px;display:grid}.dwz-liste-leer p{max-width:26rem;font-size:14.5px;line-height:1.55}.dwz-liste-leer strong{color:var(--direct-tinte)}.dwz-eintraege{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dwz-eintrag{border-radius:var(--ds-radius-lg);background:var(--dwz-flaeche);grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.dwz-eintrag[data-bearbeitet]{box-shadow:inset 0 0 0 2px var(--direct-akzent)}.dwz-eintrag[data-laeuft]{box-shadow:inset 0 0 0 2px var(--dwz-gut)}.dwz-eintrag-nummer{border-radius:var(--ds-radius-md);background:var(--dwz-weiss);width:30px;height:30px;color:var(--direct-akzent-dunkel);place-items:center;font-weight:800;display:grid}.dwz-eintrag-inhalt{gap:7px;min-width:0;display:grid}.dwz-eintrag-frage{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.35}.dwz-eintrag-art{border-radius:var(--ds-radius-pill);background:var(--dwz-weiss);color:var(--direct-gedaempft);justify-self:start;padding:1px 8px;font-size:12px;font-weight:700}.dwz-eintrag-antworten{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dwz-eintrag-antworten>li{border-radius:var(--ds-radius-sm);background:var(--dwz-weiss);max-width:100%;color:var(--direct-gedaempft);overflow-wrap:anywhere;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:13.5px;display:inline-flex}.dwz-eintrag-antworten>li>span:first-child{border-radius:var(--ds-radius-xs);background:var(--dwz-flaeche);flex:none;place-items:center;width:20px;height:20px;font-size:11.5px;font-weight:800;display:grid}.dwz-eintrag-antworten>li[data-richtig]{box-shadow:inset 0 0 0 1.5px var(--dwz-gut);color:var(--dwz-gut-tinte);font-weight:700}.dwz-eintrag-antworten>li[data-richtig]>span:first-child{background:var(--dwz-gut);color:var(--dwz-weiss)}.dwz-eintrag-erklaerung{color:var(--direct-leise);font-size:13px;line-height:1.45}.dwz-eintrag-griffe{gap:2px;display:inline-flex}.direct-root .dwz .dwz-eintrag-griffe button{border-radius:var(--ds-radius-md);min-width:34px;min-height:34px;color:var(--direct-gedaempft);background:0 0;border:0;padding:0}.direct-root .dwz .dwz-eintrag-griffe button:hover:not(:disabled){background:var(--dwz-weiss);color:var(--direct-akzent-dunkel)}@container (max-width:520px){.dwz-eintrag{grid-template-columns:30px minmax(0,1fr)}.dwz-eintrag-griffe{grid-column:1/-1;justify-content:flex-end}}.dwz-panel{gap:12px;padding:12px;display:grid}.dwz-panel-inhalt{min-width:0}.dwz-formular{gap:12px;min-width:0;display:grid}.dwz .dwz-feld{color:var(--direct-gedaempft);gap:6px;font-size:13.5px;font-weight:650}.dwz .dwz-feld small{font-weight:400;display:inline}.direct-root .dwz :is(.dwz-feld,.dprompt-feld,.dwz-formular) input:not([type=radio],[type=checkbox]){font-size:15px;font-weight:400}.dwz .dwz-feld{min-width:0}.direct-root .dwz .dwz-feld input{box-sizing:border-box;width:100%;min-width:0}.dwz textarea{box-sizing:border-box;border:1px solid var(--ds-color-row-border);border-radius:var(--ds-radius-control);background:var(--dwz-weiss);width:100%;color:var(--direct-tinte);font:inherit;resize:vertical;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.45}.dwz textarea:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.dwz-knopfzeile{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dwz-leise-text{color:var(--direct-leise);font-size:13px;line-height:1.45}.dprompt,.dprompt-schritt{gap:12px;min-width:0;display:grid}.dprompt-schritt{border-radius:var(--ds-radius-lg);background:var(--dwz-flaeche);padding:14px}.dprompt-schritt h4{font-family:var(--font-family-display);align-items:center;gap:10px;font-size:16px;font-weight:750;display:flex}.dprompt-schritt h4>span{background:var(--direct-akzent-dunkel);width:26px;height:26px;color:var(--dwz-weiss);border-radius:50%;place-items:center;font-size:14px;display:grid}.dwz .dprompt-feld{color:var(--direct-gedaempft);gap:6px;font-size:13.5px;font-weight:650}.dprompt-zeile{color:var(--direct-gedaempft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;font-weight:650;display:flex}.dprompt-zeile>span{min-width:3.6rem}.dprompt-zeile>:last-child{flex:14rem;min-width:0}.dprompt-knoepfe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}p.dprompt-zeile{margin:0}.dprompt-fuer{border-radius:var(--ds-radius-md);background:var(--dwz-weiss);min-height:34px;color:var(--direct-tinte);align-items:center;gap:8px;padding:4px 12px 4px 6px;font-weight:400;line-height:1.3;display:flex}.dprompt-fuer b{font-weight:650}.dprompt-fuer>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dprompt-abzeichen{border:1px solid var(--program-badge-ring,var(--direct-linie));border-radius:var(--ds-radius-pill);background:var(--program-badge-bg,var(--direct-akzent-sanft));min-width:32px;height:22px;color:var(--program-badge-ink,var(--direct-gedaempft));flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:750;line-height:1;display:inline-flex}.dwz .dprompt-prompt{font-family:var(--font-mono,ui-monospace, monospace);font-size:12.5px}.dwz .dprompt-einfuegen{min-height:180px}.dprompt-vorschau{gap:8px;display:grid}.dprompt-zahl{color:var(--dwz-schlecht-tinte);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.dprompt-zahl[data-gut]{color:var(--dwz-gut-tinte)}.dprompt-hinweise{color:var(--dwz-schlecht-tinte);gap:3px;margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.4;display:grid}.dprompt-liste{gap:6px;max-height:220px;margin:0;padding:0 0 0 22px;font-size:13.5px;line-height:1.35;display:grid;overflow:auto}.dprompt-liste strong{overflow-wrap:anywhere;font-weight:650;display:block}.dprompt-liste li>span{color:var(--direct-gedaempft);overflow-wrap:anywhere;align-items:center;gap:5px;display:inline-flex}.dprompt-liste li>span[data-richtig]{color:var(--dwz-gut-tinte)}
.dquiz{--dquiz-0:#c2453d;--dquiz-1:#3d5cc2;--dquiz-2:#7b52c7;--dquiz-3:#2a7c55;--dquiz-gold:#b07d17;--dquiz-silber:#7d7691;--dquiz-bronze:#a2603a;--dquiz-weiss-hauch:#ffffff38;--dquiz-weiss-spur:#ffffff40;--dquiz-weiss-glanz:#ffffff59;--dquiz-schatten-taste:0 6px 14px #2a1d4a24;--dquiz-schatten-kachel:0 10px 24px #2a1d4a24;--dquiz-schatten-karte:0 10px 24px #2a1d4a2e}
.dquiz [data-farbe="0"]{--dquiz-farbe:var(--dquiz-0)}.dquiz [data-farbe="1"]{--dquiz-farbe:var(--dquiz-1)}.dquiz [data-farbe="2"]{--dquiz-farbe:var(--dquiz-2)}.dquiz [data-farbe="3"]{--dquiz-farbe:var(--dquiz-3)}.dquiz-buchstabe{border-radius:var(--ds-radius-lg);background:var(--dquiz-weiss-hauch);width:46px;height:46px;font-family:var(--font-family-display);flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.dquiz-kopf{flex-wrap:wrap;align-items:center;gap:10px 12px;min-height:52px;display:flex}.dquiz-nummer{border-radius:var(--ds-radius-pill);background:var(--dwz-pille);color:var(--direct-akzent-dunkel);white-space:nowrap;padding:5px 12px;font-size:14px;font-weight:700}.dquiz-titel{min-width:0;color:var(--direct-leise);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.dquiz-stand{color:var(--direct-gedaempft);align-items:center;gap:10px;margin-left:auto;font-size:15px;display:inline-flex}.dquiz-stand strong{color:var(--direct-tinte);font-size:17px}.dquiz-stapel{padding-left:8px;display:inline-flex}.dquiz-stapel .direct-avatar{box-shadow:0 0 0 2px var(--dwz-weiss);margin-left:-8px}.dquiz-uhr{width:52px;height:52px;font-family:var(--font-family-display);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid;position:relative}.dquiz-uhr svg{width:100%;height:100%;position:absolute;inset:0}.dquiz-uhr-grund{fill:var(--dwz-weiss);stroke:var(--dwz-pille);stroke-width:5px}.dquiz-uhr-bogen{fill:none;stroke:var(--direct-akzent);stroke-width:5px;stroke-linecap:round;transition:stroke-dasharray .2s linear}.dquiz-uhr[data-knapp] .dquiz-uhr-bogen{stroke:var(--dquiz-0)}.dquiz-uhr>span{position:relative}.dquiz-frage{text-align:center;max-width:62rem;font-family:var(--font-family-display);letter-spacing:var(--type-display-tracking);overflow-wrap:anywhere;margin-inline:auto;font-size:clamp(21px,2.6cqw,30px);font-weight:800;line-height:1.25}.dquiz-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.dquiz-kachel{box-sizing:border-box;border-radius:var(--dwz-ecke-karte);background:var(--dquiz-farbe);min-height:clamp(96px,15vh,150px);color:var(--dwz-weiss);box-shadow:var(--dquiz-schatten-kachel);flex-direction:column;justify-content:space-between;gap:14px;padding:20px 22px;transition:opacity .3s;display:flex;position:relative}.dquiz-kachel[data-gedeckt]{opacity:.38}.dquiz-kachel-zeile{align-items:center;gap:16px;padding-right:44px;display:flex}.dquiz-kachel-text{min-width:0;font-family:var(--font-family-display);overflow-wrap:anywhere;font-size:clamp(18px,2.2cqw,26px);font-weight:750;line-height:1.2}.dquiz-verteilung{white-space:nowrap;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.dquiz-balken{border-radius:var(--ds-radius-xs);background:var(--dquiz-weiss-spur);flex:1;height:10px;overflow:hidden}.dquiz-balken>span{border-radius:var(--ds-radius-xs);background:var(--dwz-weiss);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.dquiz-haken{background:var(--dwz-weiss);width:40px;height:40px;color:var(--dquiz-farbe);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.dquiz-erklaerung{max-width:62rem;color:var(--direct-gedaempft);font-size:15px;line-height:1.5}.dquiz-erklaerung strong{color:var(--direct-tinte)}.dquiz-schluss{text-align:center;align-items:center}.dquiz-schluss .dwz-fuss{align-self:stretch}.dquiz-ueber{justify-items:center;gap:6px;display:grid}.dquiz-ueber h2{font-family:var(--font-family-display);letter-spacing:var(--type-display-tracking);font-size:clamp(22px,2.6cqw,30px);font-weight:800}.dquiz-ueber p{color:var(--direct-leise);font-size:15px}.dquiz-leer{color:var(--direct-leise);margin:auto;font-size:16px}.dquiz-podest{justify-content:center;align-items:flex-end;gap:clamp(10px,2cqw,24px);width:min(100%,600px);margin:auto 0 0;padding:0;list-style:none;display:flex}.dquiz-podest>li{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;max-width:180px;display:flex}.dquiz-podest>li[data-platz="1"]{--dquiz-sockel:var(--dquiz-gold);--dquiz-hoehe:150px;order:2}.dquiz-podest>li[data-platz="2"]{--dquiz-sockel:var(--dquiz-silber);--dquiz-hoehe:112px;order:1}.dquiz-podest>li[data-platz="3"]{--dquiz-sockel:var(--dquiz-bronze);--dquiz-hoehe:84px;order:3}.dquiz-podest-name{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);max-width:100%;box-shadow:var(--dwz-schatten-schild);padding:4px 12px;font-size:14px;line-height:1.25;display:grid}.dquiz-podest-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.dquiz-podest-name>span:not(.sr-only){color:var(--direct-leise);font-variant-numeric:tabular-nums;font-weight:650}.dquiz-podest-zeichen{background:var(--dwz-weiss);width:52px;height:52px;color:var(--dquiz-sockel);border-radius:50%;place-items:center;display:grid}.dquiz-podest-block{height:var(--dquiz-hoehe);border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;background:var(--dquiz-sockel);box-shadow:inset 0 6px 0 var(--dquiz-weiss-glanz);color:var(--dwz-weiss);font-family:var(--font-family-display);align-self:stretch;place-items:center;margin-top:-4px;font-size:36px;font-weight:800;display:grid}.dquiz-weitere{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:4px 28px;width:min(100%,660px);margin:0;padding:0;list-style:none;display:grid}.dquiz-weitere>li{border-radius:var(--ds-radius-md);background:var(--dwz-flaeche);align-items:center;gap:10px;min-height:32px;padding:0 10px;font-size:15px;display:flex}.dquiz-weitere strong{width:22px;color:var(--direct-leise)}.dquiz-weitere span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.dquiz-weitere b{font-variant-numeric:tabular-nums;margin-left:auto}.dquiz-gast{background:0 0;gap:14px;width:100%;max-width:720px;margin-inline:auto;padding:16px}.dquiz-gast-kopf{color:var(--direct-leise);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.dquiz-gast-uhr{border-radius:var(--ds-radius-pill);background:var(--dwz-weiss);box-shadow:0 0 0 1px var(--direct-linie);color:var(--direct-tinte);font-variant-numeric:tabular-nums;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.dquiz-gast-uhr[data-knapp]{color:var(--dquiz-0)}.dquiz-gast-frage{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.35}.dquiz-knoepfe{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@container (min-width:560px){.dquiz-knoepfe{grid-template-columns:repeat(2,minmax(0,1fr))}}.dquiz .dquiz-knopf{border-radius:var(--ds-radius-lg);background:var(--dquiz-farbe);min-height:66px;color:var(--dwz-weiss);text-align:left;white-space:normal;box-shadow:var(--dquiz-schatten-taste);border:0;justify-content:flex-start;gap:12px;padding:10px 14px;font-size:17px;font-weight:700;line-height:1.25}.dquiz .dquiz-knopf:hover:not(:disabled){background:var(--dquiz-farbe);filter:brightness(1.08)}.dquiz .dquiz-knopf:active{box-shadow:none}.dquiz-knopf .dquiz-buchstabe{border-radius:var(--ds-radius-md);width:36px;height:36px;font-size:18px}.dquiz-knopf>span:last-child{overflow-wrap:anywhere;min-width:0}.dquiz-gesendet{border-radius:var(--dwz-ecke-karte);background:var(--dquiz-farbe);color:var(--dwz-weiss);text-align:center;box-shadow:var(--dquiz-schatten-karte);gap:6px;margin-top:clamp(12px,8vh,64px);padding:22px 18px;display:grid}.dquiz-gesendet>span{letter-spacing:var(--type-micro-tracking-wide);text-transform:uppercase;opacity:.85;font-size:13px;font-weight:700}.dquiz-gesendet>strong{font-family:var(--font-family-display);overflow-wrap:anywhere;font-size:24px;font-weight:800;line-height:1.2}.dquiz-gast-hinweis{color:var(--direct-gedaempft);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:15px;line-height:1.4;display:flex}.dquiz-gast-vorbei{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);box-shadow:0 0 0 1px var(--direct-linie);margin-top:24px;padding:16px}.dquiz-ergebnis{border-radius:var(--dwz-ecke-karte);text-align:center;gap:4px;margin-top:12px;padding:22px 18px;display:grid}.dquiz-ergebnis>strong{font-family:var(--font-family-display);font-size:28px;font-weight:800}.dquiz-ergebnis>span{overflow-wrap:anywhere;font-size:16px;font-weight:700}.dquiz-ergebnis[data-art=richtig]{background:var(--dwz-gut-grund);color:var(--dwz-gut-tinte)}.dquiz-ergebnis[data-art=falsch]{background:var(--dwz-schlecht-grund);color:var(--dwz-schlecht-tinte)}.dquiz-ergebnis[data-art=keine]{background:var(--dwz-weiss);box-shadow:0 0 0 1px var(--direct-linie);color:var(--direct-gedaempft)}.dquiz-gast-stand{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:12px 14px;font-size:15px;display:flex}.dquiz-gast-stand>span{color:var(--direct-leise)}.dquiz-gast-platz{text-align:center;justify-items:center;gap:2px;margin-top:18px;display:grid}.dquiz-gross{color:var(--direct-akzent-dunkel);font-family:var(--font-family-display);font-size:44px;font-weight:800;line-height:1.1}.dquiz-gross-leise{color:var(--direct-gedaempft);font-size:30px}.dquiz-gast-platz p,.dquiz-gast-schluss>p{color:var(--direct-gedaempft);font-size:15px}.dquiz-gast-fuehrung{color:var(--direct-gedaempft);text-align:center;font-size:15px}.dquiz-gast-schluss{text-align:center;align-items:center}.dquiz-gast-schluss .dquiz-podest{margin-top:12px}.dquiz-gast-schluss .dquiz-podest>li{--dquiz-hoehe:74px}.dquiz-gast-schluss .dquiz-podest>li[data-platz="2"]{--dquiz-hoehe:56px}.dquiz-gast-schluss .dquiz-podest>li[data-platz="3"]{--dquiz-hoehe:42px}.dquiz-gast-schluss .dquiz-podest-block{font-size:26px}.dquiz-warten{background:0 0}.dquiz-titelfeld{flex:18rem;gap:6px;min-width:0;display:grid}.direct-root .dquiz .dquiz-titel-eingabe{border-radius:var(--ds-radius-lg);min-height:46px;font-family:var(--font-family-display);padding:0 14px;font-size:20px;font-weight:750}.dquiz-zeit{color:var(--direct-leise);gap:6px;font-size:13px;font-weight:650;display:grid}.dquiz-start{justify-items:start;gap:4px;display:grid}.dquiz-start>span{color:var(--direct-leise);font-size:12.5px}.dquiz-antwortfelder{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.dquiz-antwortfelder legend{color:var(--direct-gedaempft);margin-bottom:6px;padding:0;font-size:13.5px;font-weight:650}.dquiz-antwortfelder legend span{font-weight:400}.dquiz-antwortfeld{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.dquiz-antwortfeld .dquiz-buchstabe{border-radius:var(--ds-radius-md);background:var(--dquiz-farbe);width:34px;height:34px;color:var(--dwz-weiss);font-size:16px}.dquiz .dquiz-richtig{color:var(--direct-gedaempft);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.direct-root .dquiz .dquiz-richtig input{width:20px;height:20px;min-height:0;accent-color:var(--dwz-gut);border:0;margin:0;padding:0}.dquiz .dquiz-richtig:has(input:checked){color:var(--dwz-gut-tinte)}@media (prefers-reduced-motion:reduce){.dquiz-kachel,.dquiz-balken>span,.dquiz-uhr-bogen{transition:none}}
.dabst{--dabst-akzent:#a23d61;--dabst-balken:#c75578;--dabst-saeule:#d988a6;--dabst-zart:#fbeef3;--dabst-spur:#f6e3ea;--dabst-rand:#e6dcef;--dabst-buchstabe-grund:#f6e3ea;--dabst-buchstabe-tinte:#a23d61;--dabst-laeuft-grund:#f6e3ea;--dabst-laeuft-tinte:#a23d61;--dabst-offen-grund:#e3f1ec;--dabst-offen-tinte:#22684f;--dabst-verdeckt:repeating-linear-gradient(135deg, #f7f2fb 0 14px, #f1eaf8 14px 28px);--dabst-wolke-0:#a23d61;--dabst-wolke-1:#3d5cc2;--dabst-wolke-2:#2a7c55;--dabst-wolke-3:#7b52c7;--dabst-wolke-4:#b4602a;--dabst-wolke-5:#2f7d8f}
.dabst-kopf{flex-wrap:wrap;align-items:center;gap:10px 12px;min-height:44px;display:flex}.dabst-nummer,.dabst-art,.dabst-zustand{border-radius:var(--ds-radius-pill);white-space:nowrap;padding:5px 12px;font-size:13.5px;font-weight:700}.dabst-nummer{background:var(--dwz-pille);color:var(--direct-akzent-dunkel)}.dabst-art{background:var(--dwz-weiss);box-shadow:0 0 0 1px var(--direct-linie);color:var(--direct-gedaempft);font-weight:650}.dabst-zustand{background:var(--dabst-laeuft-grund);color:var(--dabst-laeuft-tinte)}.dabst-zustand[data-offen]{background:var(--dabst-offen-grund);color:var(--dabst-offen-tinte)}.dabst-stand{color:var(--direct-gedaempft);margin-left:auto;font-size:15px}.dabst-stand strong{color:var(--direct-tinte);font-size:17px}.dabst-frage{text-align:center;max-width:62rem;font-family:var(--font-family-display);letter-spacing:var(--type-display-tracking);overflow-wrap:anywhere;margin-inline:auto;font-size:clamp(21px,2.6cqw,30px);font-weight:800;line-height:1.25}.dabst-verdeckt{border-radius:var(--dwz-ecke-karte);background:var(--dabst-verdeckt);min-height:180px;color:var(--direct-gedaempft);text-align:center;flex:auto;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.dabst-verdeckt strong{color:var(--direct-tinte);font-size:20px}.dabst-verdeckt p{max-width:28rem;font-size:15px;line-height:1.5}.dabst-leer{color:var(--direct-leise);margin:auto;font-size:16px}.dabst>.dabst-balken,.dabst>.dabst-skala,.dabst>.dabst-wolke{margin-block:auto}.dabst-balken{gap:14px;width:min(100%,900px);margin:0 auto;padding:0;list-style:none;display:grid}.dabst-balken>li{gap:6px;transition:opacity .3s;display:grid}.dabst-balken>li[data-gedeckt]{opacity:.55}.dabst-balken-kopf{align-items:center;gap:10px;font-size:clamp(16px,1.7cqw,21px);display:flex}.dabst-buchstabe{border-radius:var(--ds-radius-md);background:var(--dabst-buchstabe-grund);width:30px;height:30px;color:var(--dabst-buchstabe-tinte);flex:none;place-items:center;font-weight:800;display:grid}.dabst-balken>li[data-richtig] .dabst-buchstabe{background:var(--dwz-gut);color:var(--dwz-weiss)}.dabst-balken-text{overflow-wrap:anywhere;flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;font-weight:650;display:inline-flex}.dabst-balken-kopf b{font-variant-numeric:tabular-nums;font-size:clamp(17px,1.8cqw,23px)}.direct-root .dabst-balken-kopf small{min-width:5.5rem;color:var(--direct-leise);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.dabst-eigen{color:var(--dabst-akzent);font-weight:700}.dabst-spur{border-radius:var(--ds-radius-pill);background:var(--dabst-spur);height:clamp(14px,1.6cqw,20px);display:block;overflow:hidden}.dabst-spur>span{border-radius:inherit;background:var(--dabst-balken);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.dabst-balken>li[data-richtig] .dabst-spur>span{background:var(--dwz-gut)}.dabst-skala{gap:10px;width:min(100%,720px);margin:0 auto;display:grid}.dabst-saeulen{grid-template-columns:repeat(var(--dabst-stufen), minmax(0, 1fr));align-items:end;gap:10px;height:clamp(160px,28vh,260px);margin:0;padding:0;list-style:none;display:grid}.dabst-saeulen>li{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.dabst-saeulen b{font-variant-numeric:tabular-nums}.dabst-saeule{border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;background:var(--dabst-saeule);width:100%;min-height:4px;transition:height .45s cubic-bezier(.2,.8,.2,1);display:block}.dabst-saeulen>li[data-eigen] .dabst-saeule{background:var(--dabst-akzent)}.direct-root .dabst-saeulen small{color:var(--direct-gedaempft);font-size:14px;font-weight:700}.dabst-skala figcaption{text-align:center;justify-items:center;gap:6px;display:grid}.dabst-skala figcaption strong{font-size:18px}.dabst-skala-enden{width:100%;color:var(--direct-leise);justify-content:space-between;gap:12px;font-size:14px;display:flex}.dabst-wolke{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 18px;width:min(100%,900px);margin:0 auto;padding:8px 0;list-style:none;display:flex}.dabst-wolke>li{color:var(--dabst-wort);font-family:var(--font-family-display);font-size:calc(var(--dabst-wortgroesse) * 1.4);overflow-wrap:anywhere;font-weight:800;line-height:1.1}.dabst-wolke>li[data-farbe="0"]{--dabst-wort:var(--dabst-wolke-0)}.dabst-wolke>li[data-farbe="1"]{--dabst-wort:var(--dabst-wolke-1)}.dabst-wolke>li[data-farbe="2"]{--dabst-wort:var(--dabst-wolke-2)}.dabst-wolke>li[data-farbe="3"]{--dabst-wort:var(--dabst-wolke-3)}.dabst-wolke>li[data-farbe="4"]{--dabst-wort:var(--dabst-wolke-4)}.dabst-wolke>li[data-farbe="5"]{--dabst-wort:var(--dabst-wolke-5)}.dabst-wolke>li[data-eigen]{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}.dabst-gast .dabst-wolke>li{font-size:var(--dabst-wortgroesse)}.dabst-gast .dabst-balken-kopf,.dabst-gast .dabst-balken-kopf b{font-size:15px}.dabst-gast .dabst-spur{height:12px}.dabst-gast{background:0 0;gap:14px;width:100%;max-width:720px;margin-inline:auto;padding:16px}.dabst-gast-kopf{color:var(--direct-leise);justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700;display:flex}.dabst-gast-frage{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.35}.dabst-optionen{gap:8px;display:grid}.dwz .dabst-option{border:2px solid var(--dabst-rand);border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);min-height:56px;color:var(--direct-tinte);text-align:left;white-space:normal;justify-content:flex-start;gap:12px;padding:8px 14px 8px 8px;font-size:16px;font-weight:650;line-height:1.3}.dwz .dabst-option:hover:not(:disabled){background:var(--dabst-zart)}.dwz .dabst-option[aria-checked=true]{border-color:var(--dabst-akzent);background:var(--dabst-zart)}.dwz .dabst-option[aria-checked=true] .dabst-buchstabe{background:var(--dabst-akzent);color:var(--dwz-weiss)}.dabst-option>span:last-child{overflow-wrap:anywhere;min-width:0}.dabst-optionen-feld,.dabst-stufen-feld,.dabst-woerter{gap:10px;display:grid}.dabst-optionen-feld>.dwz-weiter,.dabst-woerter>.dwz-weiter{justify-self:start}.dabst-stufen{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;display:grid}.dwz .dabst-stufe{border:2px solid var(--dabst-rand);border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);min-height:52px;color:var(--direct-tinte);padding:0;font-size:18px;font-weight:800}.dwz .dabst-stufe:hover:not(:disabled){background:var(--dabst-zart)}.dwz .dabst-stufe[aria-checked=true]{border-color:var(--dabst-akzent);background:var(--dabst-akzent);color:var(--dwz-weiss)}.direct-root .dwz .dabst-woerter input{min-height:48px;font-size:17px}.dabst-gast-fuss{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);color:var(--direct-gedaempft);margin-top:auto;padding:12px 14px;font-size:14.5px;line-height:1.45}.dabst-gast-fuss[data-art=richtig]{background:var(--dwz-gut-grund);color:var(--dwz-gut-tinte)}.dabst-gast-fuss[data-art=falsch]{background:var(--dwz-schlecht-grund);color:var(--dwz-schlecht-tinte)}.dabst-warten{background:0 0}.dabst-vorbereiten-kopf{align-items:center}.dabst-einleitung{flex:16rem;gap:4px;min-width:0;display:grid}.dabst-einleitung p{color:var(--direct-gedaempft);font-size:14px;line-height:1.45}.dabst-schnell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dabst-schnell>span{color:var(--direct-leise);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.dwz .dabst-schnellfrage{border:1px solid var(--dabst-rand);border-radius:var(--ds-radius-pill);background:var(--dwz-weiss);min-height:34px;color:var(--dabst-akzent);padding:0 12px;font-size:13.5px;font-weight:700}.dwz .dabst-schnellfrage:hover:not(:disabled){background:var(--dabst-zart)}.direct-root .dwz .dwz-eintrag-griffe .dabst-zeigen{color:var(--dabst-akzent)}.dabst-feldzeile{color:var(--direct-gedaempft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;font-weight:650;display:flex}.dabst-feldzeile>span{min-width:3.6rem}.dabst-feldzeile>:last-child{flex:14rem;min-width:0}.dabst-optionenfelder{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.dabst-optionenfelder legend{color:var(--direct-gedaempft);margin-bottom:6px;padding:0;font-size:13.5px;font-weight:650}.dabst-optionenfelder legend span{font-weight:400}.dabst-optionenfeld{grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.dwz .dabst-richtig,.dwz .dabst-mehrfach{color:var(--direct-gedaempft);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.direct-root .dwz .dabst-richtig input,.direct-root .dwz .dabst-mehrfach input{width:18px;height:18px;min-height:0;accent-color:var(--dabst-akzent);border:0;margin:0;padding:0}.dwz .dabst-richtig:has(input:checked){color:var(--dwz-gut-tinte)}.direct-root .dwz .dabst-weg{border-radius:var(--ds-radius-md);min-width:34px;min-height:34px;color:var(--direct-gedaempft);background:0 0;border:0;padding:0}.direct-root .dwz .dabst-weg:hover:not(:disabled){background:var(--dwz-flaeche)}.dabst-skala-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (prefers-reduced-motion:reduce){.dabst-balken>li,.dabst-spur>span,.dabst-saeule{transition:none}}
.daufg{--daufg-gut-grund:#e2f2ea;--daufg-gut-tinte:#1e6b47;--daufg-mittel-grund:#fbeedd;--daufg-mittel-tinte:#8a5208;--daufg-schwach-grund:#fbe4e2;--daufg-schwach-tinte:#a3332b;--daufg-folie-grund:#fde8e6;--daufg-folie-tinte:#c0261c;--daufg-folie-zeichen:#e0473c;--daufg-luecke-grund:#e8eefb;--daufg-luecke-tinte:#2f4d9a;--daufg-luecke-leer:#f1ecf8;--daufg-luecke-leer-tinte:#6d6480;--daufg-karte-rand:#cbd6f0;--daufg-fortschritt:#2a7c55;--daufg-spur:#ece5f8;--daufg-ring-fertig:#2a7c55;--daufg-ring-offen:#d5cfe0}
.daufg-kopf{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.daufg-nummer,.daufg-art,.daufg-folie-marke{border-radius:var(--ds-radius-pill);white-space:nowrap;padding:5px 12px;font-size:13.5px;font-weight:700}.daufg-nummer{background:var(--dwz-pille);color:var(--direct-akzent-dunkel)}.daufg-art{background:var(--dwz-weiss);box-shadow:0 0 0 1px var(--direct-linie);color:var(--direct-gedaempft);font-weight:650}.daufg-folie-marke{background:var(--daufg-folie-grund);color:var(--daufg-folie-tinte)}.daufg-stand{color:var(--direct-gedaempft);margin-left:auto;font-size:15px}.daufg-stand strong{color:var(--direct-tinte);font-size:17px}.daufg-fortschritt{border-radius:var(--ds-radius-pill);background:var(--daufg-spur);height:8px;overflow:hidden}.daufg-fortschritt>span{border-radius:inherit;background:var(--daufg-fortschritt);height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.daufg-buehne{flex:auto;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:16px;min-height:0;display:grid}@container (max-width:760px){.daufg-buehne{grid-template-columns:minmax(0,1fr)}}.daufg-blatt{border-radius:var(--dwz-ecke-karte);background:var(--dwz-weiss);min-width:0;box-shadow:var(--dwz-schatten-blatt);gap:12px;padding:20px 22px;display:grid}.daufg-blatt[data-rotfolie]{box-shadow:inset 0 0 0 3px var(--daufg-folie-zeichen), var(--dwz-schatten-blatt)}.daufg-blatt h2{font-family:var(--font-family-display);letter-spacing:var(--type-display-tracking);overflow-wrap:anywhere;font-size:clamp(20px,2.2cqw,26px);font-weight:800}.daufg-auftrag{color:var(--direct-gedaempft);font-size:15px;line-height:1.45}.daufg-text p{overflow-wrap:anywhere;margin:0 0 6px;font-size:clamp(17px,1.8cqw,21px);line-height:2}.daufg-luecke-beamer{border-bottom:2px dashed var(--direct-linie);align-items:center;gap:6px;margin:0 2px;padding:0 4px;display:inline-flex}.daufg-luecke-beamer b{color:var(--daufg-folie-tinte)}.daufg-marke{border-radius:var(--ds-radius-pill);background:var(--dwz-flaeche);min-width:3.2em;color:var(--direct-gedaempft);text-align:center;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding:1px 8px;font-size:14px;font-weight:800;line-height:1.5;display:inline-block}.daufg-luecke-beamer .daufg-marke{margin-left:0}.daufg [data-stufe=gut]{--daufg-stufe-grund:var(--daufg-gut-grund);--daufg-stufe-tinte:var(--daufg-gut-tinte)}.daufg [data-stufe=mittel]{--daufg-stufe-grund:var(--daufg-mittel-grund);--daufg-stufe-tinte:var(--daufg-mittel-tinte)}.daufg [data-stufe=schwach]{--daufg-stufe-grund:var(--daufg-schwach-grund);--daufg-stufe-tinte:var(--daufg-schwach-tinte)}.daufg-marke[data-stufe],.daufg-legende span[data-stufe]{background:var(--daufg-stufe-grund);color:var(--daufg-stufe-tinte)}.daufg-haken span[data-stufe]{color:var(--daufg-stufe-tinte);font-weight:700}.daufg-zeilen{gap:8px;margin:0;padding:0;list-style:none;display:grid}.daufg-zeilen>li{border-radius:var(--ds-radius-lg);background:var(--dwz-flaeche);align-items:center;gap:10px;padding:10px 12px;font-size:16px;display:flex}.daufg-zeilen>li>span{overflow-wrap:anywhere;min-width:0}.daufg-pfeil{color:var(--direct-leise)}.daufg-platz{background:var(--direct-akzent-dunkel);width:28px;height:28px;color:var(--dwz-weiss);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.daufg-platzmarke{align-items:center;gap:4px;margin-right:10px;display:inline-flex}.daufg-rf{border-radius:var(--ds-radius-pill);background:var(--daufg-schwach-grund);color:var(--daufg-schwach-tinte);flex:none;padding:2px 8px;font-size:13px;font-weight:800}.daufg-rf[data-richtig]{background:var(--daufg-gut-grund);color:var(--daufg-gut-tinte)}.daufg-legende{color:var(--direct-leise);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.daufg-legende span[data-stufe]{border-radius:var(--ds-radius-pill);padding:1px 8px;font-weight:700}.daufg-seite{gap:14px;min-width:0;display:grid}.daufg-seite>section{border-radius:var(--dwz-ecke-karte);background:var(--dwz-weiss);box-shadow:var(--dwz-schatten-blatt);gap:8px;padding:14px 16px;display:grid}.daufg-seite h3{font-family:var(--font-family-display);font-size:16px;font-weight:750}.daufg-haken{gap:10px;margin:0;padding:0;list-style:none;display:grid}.daufg-haken>li{overflow-wrap:anywhere;gap:2px;font-size:14px;display:grid}.direct-root .daufg-haken small{color:var(--direct-leise);font-size:13px}.daufg-leise{color:var(--direct-leise);font-size:13.5px;line-height:1.45}.daufg-klasse{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.daufg-klasse .direct-avatar{box-shadow:0 0 0 3px var(--daufg-ring-offen)}.daufg-klasse>li[data-fertig] .direct-avatar{box-shadow:0 0 0 3px var(--daufg-ring-fertig)}.daufg-folie-zeichen{border-radius:var(--ds-radius-xs);background:var(--daufg-folie-zeichen);flex:none;width:14px;height:14px}.daufg-gast{background:0 0;gap:12px;width:100%;max-width:720px;margin-inline:auto;padding:16px}.daufg-gast-kopf{color:var(--direct-leise);justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700;display:flex}.daufg-gast-titel{overflow-wrap:anywhere;font-size:19px;font-weight:750}.daufg-text-handy p{font-size:17px;line-height:2.1}.dwz .daufg-luecke{border-radius:var(--ds-radius-md);background:var(--daufg-luecke-leer);min-width:4.5em;min-height:34px;color:var(--daufg-luecke-leer-tinte);vertical-align:baseline;white-space:normal;border:0;margin:0 2px;padding:2px 10px;font-weight:700;display:inline-flex}.dwz .daufg-luecke:hover:not(:disabled){background:var(--daufg-luecke-grund)}.dwz .daufg-luecke[data-voll]{background:var(--daufg-luecke-grund);color:var(--daufg-luecke-tinte)}.direct-root .dwz .daufg-luecke-feld{vertical-align:baseline;width:8.5em;min-height:34px;margin:0 2px;padding:2px 8px;font-size:16px;display:inline-block}.daufg-karten{border-radius:var(--ds-radius-lg);background:var(--dwz-flaeche);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.dwz .daufg-karte{border:1px solid var(--daufg-karte-rand);border-radius:var(--ds-radius-pill);background:var(--dwz-weiss);min-height:40px;color:var(--daufg-luecke-tinte);white-space:normal;padding:4px 14px;font-size:15.5px;font-weight:700}.dwz .daufg-karte:disabled{opacity:.35}.daufg-paare{gap:8px;margin:0;padding:0;list-style:none;display:grid}.daufg-paare>li{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;font-weight:650;display:grid}.dwz .daufg-paare .daufg-luecke{text-align:left;justify-content:flex-start;width:100%;margin:0}.daufg-schritte,.daufg-aussagen{gap:8px;margin:0;padding:0;list-style:none;display:grid}.daufg-aussagen{gap:16px}.dwz .daufg-schritt{border:2px solid var(--direct-linie);border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);width:100%;min-height:52px;color:var(--direct-tinte);text-align:left;white-space:normal;justify-content:flex-start;gap:12px;padding:8px 12px;font-size:16px;font-weight:650}.dwz .daufg-schritt .daufg-platz{background:var(--dwz-flaeche);color:var(--direct-gedaempft)}.dwz .daufg-schritt[aria-pressed=true]{border-color:var(--direct-akzent)}.dwz .daufg-schritt[aria-pressed=true] .daufg-platz{background:var(--direct-akzent-dunkel);color:var(--dwz-weiss)}.daufg-aussagen>li{overflow-wrap:anywhere;gap:6px;font-size:16px;font-weight:650;display:grid}.daufg-rf-wahl{gap:6px;display:flex}.dwz .daufg-rf-knopf{border:2px solid var(--direct-linie);border-radius:var(--ds-radius-pill);background:var(--dwz-weiss);min-height:40px;color:var(--direct-gedaempft);padding:0 14px;font-size:14.5px;font-weight:700}.dwz .daufg-rf-knopf[aria-checked=true][data-wert=r],.dwz .daufg-zeilenfeld .daufg-rf-knopf[data-wert=r]{border-color:var(--daufg-gut-tinte);background:var(--daufg-gut-grund);color:var(--daufg-gut-tinte)}.dwz .daufg-rf-knopf[aria-checked=true][data-wert=f],.dwz .daufg-zeilenfeld .daufg-rf-knopf[data-wert=f]{border-color:var(--daufg-schwach-tinte);background:var(--daufg-schwach-grund);color:var(--daufg-schwach-tinte)}.daufg-abgeben{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.daufg-ergebnis{gap:6px;margin:0;padding:0;list-style:none;display:grid}.daufg-ergebnis>li{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);gap:2px;padding:10px 12px;font-size:15.5px;display:grid}.daufg-ergebnis>li[data-art=richtig]{background:var(--daufg-gut-grund);color:var(--daufg-gut-tinte)}.daufg-ergebnis>li[data-art=falsch]{background:var(--daufg-schwach-grund);color:var(--daufg-schwach-tinte)}.daufg-ergebnis-teil{color:var(--direct-leise);overflow-wrap:anywhere;font-size:13px;font-weight:700}.daufg-ergebnis>li[data-art] .daufg-ergebnis-teil{color:inherit;opacity:.85}.daufg-ergebnis>li>span:last-child{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.daufg-loesung{color:var(--daufg-folie-tinte)}.daufg-falsch{text-decoration:line-through;text-decoration-thickness:2px}.daufg-gast-fuss{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);color:var(--direct-gedaempft);margin-top:auto;padding:12px 14px;font-size:14.5px;line-height:1.45}.daufg-gast-fuss[data-art=richtig]{background:var(--daufg-gut-grund);color:var(--daufg-gut-tinte)}.daufg-gast-fuss[data-art=teil]{background:var(--daufg-folie-grund);color:var(--daufg-folie-tinte)}.daufg-warten{background:0 0}.daufg-einleitung{flex:16rem;gap:4px;min-width:0;display:grid}.daufg-einleitung p{color:var(--direct-gedaempft);font-size:14px;line-height:1.45}.direct-root .dwz .dwz-eintrag-griffe .daufg-stellen{color:var(--direct-akzent-dunkel)}.daufg-feldzeile{color:var(--direct-gedaempft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;font-weight:650;display:flex}.daufg-feldzeile>span{min-width:3.6rem}.daufg-feldzeile>:last-child{flex:14rem;min-width:0}.dwz .daufg-haekchen{color:var(--direct-gedaempft);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;font-weight:650;display:inline-flex}.direct-root .dwz .daufg-haekchen input{width:18px;height:18px;min-height:0;accent-color:var(--direct-akzent-dunkel);border:0;margin:0;padding:0}.daufg-zeilenfelder{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.daufg-zeilenfelder legend{color:var(--direct-gedaempft);margin-bottom:6px;padding:0;font-size:13.5px;font-weight:650}.daufg-zeilenfelder legend span{font-weight:400}.daufg-zeilenfelder>.dwz-leise{justify-self:start}.daufg-zeilenfeld{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.daufg-zeilenfeld-paar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.daufg-zeilenfeld-aussage{grid-template-columns:minmax(0,1fr) auto auto}.direct-root .dwz .daufg-weg{border-radius:var(--ds-radius-md);min-width:34px;min-height:34px;color:var(--direct-gedaempft);background:0 0;border:0;padding:0}.direct-root .dwz .daufg-weg:hover:not(:disabled){background:var(--dwz-flaeche)}@media (prefers-reduced-motion:reduce){.daufg-fortschritt>span{transition:none}}
.dstell,.dstell-gast,.dstell-vorbereiten{--dstell-akzent:#a23d61;--dstell-pol-links:#a23d61;--dstell-pol-rechts:#1e6b47;--dstell-ende-links:#c75578;--dstell-ende-rechts:#2a7c55;--dstell-ende-schatten-links:0 4px 10px #c7557859;--dstell-ende-schatten-rechts:0 4px 10px #2a7c5559;--dstell-zone-0:#c75578;--dstell-zone-1:#dd9aae;--dstell-zone-2:#c9bfd8;--dstell-zone-3:#8cc4a8;--dstell-zone-4:#2a7c55;--dstell-ecke-0:#2a7c55;--dstell-ecke-1:#c2453d;--dstell-ecke-2:#3d5cc2;--dstell-ecke-3:#7b52c7;--dstell-ecke-0-zart:#e3f1ea;--dstell-ecke-1-zart:#f9e6e4;--dstell-ecke-2-zart:#e6eafa;--dstell-ecke-3-zart:#efe8fa;--dstell-linie:#fff;--dstell-linie-schatten:0 1px 0 #96826433;--dstell-zettel:#fffdf9;--dstell-zettel-schatten:0 14px 30px #3c281424;--dstell-klebe:#e9dcbebf;--dstell-schild:#fffffff0;--dstell-schild-schatten:0 4px 12px #3c28141f;--dstell-glas:#ffffffdb;--dstell-glas-schatten:0 10px 26px #281e3c29;--dstell-schalter:#efe9f6;--dstell-schalter-an:#573a98;--dstell-eis-grund:#e5f0faf2;--dstell-eis-tinte:#2f5d8a;--dstell-eis-schatten:0 6px 16px #2f5d8a2e;--dstell-boden:linear-gradient(180deg, #ebe5db, #f1ece4);--dstell-zone-hover:#ffffff59;--dstell-zone-wahl:#ffffff9e;--dstell-rand:#e6dcef;--dstell-karte-schatten:0 6px 16px #3c281414;--dstell-z-feld:1;--dstell-z-oben:3;--dstell-z-figur:60}
.dstell{background:0 0;gap:0;padding:clamp(6px,1cqw,12px)}.direct-platz.dstell-platz{--direct-wand:clamp(120px, 30cqh, 250px);--dstell-unten:74px;--dstell-zettel-breite:min(780px, 52cqw);--dstell-linie-y:calc(var(--direct-wand) + (100cqh - var(--direct-wand) - var(--dstell-unten)) * .62);border-radius:var(--dwz-ecke-karte);min-height:420px;box-shadow:var(--dwz-schatten-blatt);flex:auto}.dstell .direct-platz-fassade-rahmen{left:calc(var(--dstell-zettel-breite) + 48px)}.dstell-zettel{width:var(--dstell-zettel-breite);box-sizing:border-box;border-radius:var(--ds-radius-sm);background:var(--dstell-zettel);box-shadow:var(--dstell-zettel-schatten);gap:8px;padding:18px 24px 16px;display:grid;position:absolute;top:18px;left:22px;transform:rotate(-.5deg)}.dstell-klebe{background:var(--dstell-klebe);width:92px;height:22px;position:absolute;top:-10px;left:44px;transform:rotate(-3deg)}.dstell-klebe+.dstell-klebe{left:auto;right:44px;transform:rotate(2deg)}.dstell-kopf{color:var(--dstell-akzent);letter-spacing:var(--type-micro-tracking-wide);text-transform:uppercase;font-size:clamp(12px,.8cqw,15px);font-weight:700}.dstell-frage{font-family:var(--font-family-display);letter-spacing:var(--type-display-tracking);overflow-wrap:anywhere;font-size:clamp(19px,2.3cqw,38px);font-weight:800;line-height:1.2}.dstell-zettel[data-lang] .dstell-frage{font-size:clamp(16px,1.8cqw,30px)}.dstell-hilfe{color:var(--direct-gedaempft);font-size:clamp(14px,1.05cqw,19px);line-height:1.4}.dstell-linie{left:8.5%;right:8.5%;top:calc(var(--dstell-linie-y) - 4px);border-radius:var(--ds-radius-pill);background:var(--dstell-linie);height:8px;box-shadow:var(--dstell-linie-schatten);position:absolute}.dstell-ende{width:44px;height:44px;color:var(--dwz-weiss);border-radius:50%;place-items:center;margin-top:-22px;display:grid;position:absolute;top:50%}.dstell-ende[data-seite=links]{background:var(--dstell-ende-links);box-shadow:var(--dstell-ende-schatten-links);left:-54px}.dstell-ende[data-seite=rechts]{background:var(--dstell-ende-rechts);box-shadow:var(--dstell-ende-schatten-rechts);right:-54px}.dstell-felder{z-index:var(--dstell-z-feld);margin:0;padding:0;list-style:none;display:grid;position:absolute}.dstell-feld{--dstell-figur:min(clamp(40px, 6cqw, 104px), 9cqh);--dstell-schritt:calc(var(--dstell-figur) * .8);min-width:0;min-height:0;position:relative}.dstell-feld[data-dicht="1"]{--dstell-figur:min(clamp(34px, 5cqw, 88px), 7.5cqh)}.dstell-feld[data-dicht="2"]{--dstell-figur:min(clamp(28px, 4cqw, 72px), 6.2cqh)}.dstell-feld[data-dicht="3"]{--dstell-figur:min(clamp(22px, 3.1cqw, 56px), 5cqh)}.dstell-feld[data-namen]{--dstell-schritt:max(calc(var(--dstell-figur) * .88), calc(var(--dstell-figur) * .58 + 22px))}.dstell-figuren{flex-wrap:wrap-reverse;justify-content:center;display:flex;position:absolute;left:0;right:0}.dstell-figur{z-index:calc(var(--dstell-z-figur) - var(--i,0));width:var(--dstell-figur);margin:calc(var(--dstell-schritt) - var(--dstell-figur) * 1.6) calc(var(--dstell-figur) * -.08) 0;flex:none;animation:.5s cubic-bezier(.2,.7,.2,1.2) both direct-arrival;position:relative}.dstell-figur .direct-atelier-character{width:calc(var(--dstell-figur) * 1.21);margin-inline:calc(var(--dstell-figur) * -.105)}.dstell-figur[data-anwesenheit=kurz-weg]>:not(.direct-uhr,.dstell-name){opacity:var(--direct-kurz-weg-blass)}.dstell-figur[data-anwesenheit=weg]>:not(.direct-uhr,.dstell-name){opacity:var(--direct-weg-blass)}.dstell-figur>.direct-uhr{width:clamp(12px, calc(var(--dstell-figur) * .3), 20px);aspect-ratio:1;height:auto;inset-block:2% auto;inset-inline-end:4%}.dstell-name{left:50%;bottom:calc(100% - var(--dstell-figur) * .08);max-width:max(84px, calc(var(--dstell-figur) * 2));font-size:clamp(13px,.85cqw,16px);position:absolute;transform:translate(-50%)}.dstell-feld[data-dicht="3"] .dstell-name{padding:2px 5px;font-size:12px}.dstell-schild{box-sizing:border-box;border-radius:var(--ds-radius-lg);background:var(--dstell-schild);max-width:100%;box-shadow:var(--dstell-schild-schatten);align-items:center;gap:8px;padding:5px 10px 5px 6px;font-size:clamp(14px,1cqw,18px);font-weight:700;line-height:1.25;display:inline-flex}.dstell-schild>span{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}.dstell-schild>b{border-radius:var(--ds-radius-sm);background:var(--dstell-farbe);width:28px;height:28px;color:var(--dwz-weiss);flex:none;place-items:center;font-weight:800;display:grid}.dstell-schild>em{color:var(--direct-gedaempft);font-variant-numeric:tabular-nums;flex:none;font-style:normal;font-weight:650}.dstell-platz[data-art=linie] .dstell-felder{grid-template-columns:repeat(5,minmax(0,1fr));inset:0 8.5%}.dstell-platz[data-art=linie] .dstell-feld:before{content:"";left:50%;top:calc(var(--dstell-linie-y) - 12px);border-radius:var(--ds-radius-pill);background:var(--dstell-linie);width:4px;height:24px;margin-left:-2px;position:absolute}.dstell-platz[data-art=linie] .dstell-figuren{bottom:calc(100% - var(--dstell-linie-y) - 2px)}.dstell-platz[data-art=linie] .dstell-schild{left:50%;top:calc(var(--dstell-linie-y) + 20px);text-align:center;width:max-content;max-width:96%;padding-left:10px;font-size:clamp(13px,.95cqw,17px);position:absolute;transform:translate(-50%)}.dstell-platz[data-art=ecken] .dstell-felder{inset:var(--direct-wand) 0 var(--dstell-unten) 0;grid-template-columns:repeat(2,minmax(0,1fr))}.dstell-platz[data-art=ecken][data-anzahl="3"] .dstell-felder{grid-template-columns:repeat(3,minmax(0,1fr))}.dstell-platz[data-art=ecken][data-anzahl="4"] .dstell-felder{grid-template-rows:repeat(2,minmax(0,1fr))}.dstell-platz[data-art=ecken] .dstell-feld{border:0 solid var(--dstell-linie)}.dstell-platz[data-art=ecken]:not([data-anzahl="4"]) .dstell-feld+.dstell-feld,.dstell-platz[data-art=ecken][data-anzahl="4"] .dstell-feld:is([data-platz="1"],[data-platz="3"]){border-left-width:6px}.dstell-platz[data-art=ecken][data-anzahl="4"] .dstell-feld:is([data-platz="2"],[data-platz="3"]){border-top-width:6px}.dstell-platz[data-art=ecken] .dstell-schild{max-width:calc(100% - 28px);position:absolute;top:12px;left:14px}.dstell-platz[data-art=ecken] .dstell-figuren{bottom:10px}.dstell-platz[data-art=linie] [data-platz="0"]{--dstell-farbe:var(--dstell-zone-0)}.dstell-platz[data-art=linie] [data-platz="1"]{--dstell-farbe:var(--dstell-zone-1)}.dstell-platz[data-art=linie] [data-platz="2"]{--dstell-farbe:var(--dstell-zone-2)}.dstell-platz[data-art=linie] [data-platz="3"]{--dstell-farbe:var(--dstell-zone-3)}.dstell-platz[data-art=linie] [data-platz="4"]{--dstell-farbe:var(--dstell-zone-4)}:is(.dstell-platz[data-art=ecken],.dstell-ecken,.dstell-vorbereiten) [data-platz="0"]{--dstell-farbe:var(--dstell-ecke-0);--dstell-farbe-zart:var(--dstell-ecke-0-zart)}:is(.dstell-platz[data-art=ecken],.dstell-ecken,.dstell-vorbereiten) [data-platz="1"]{--dstell-farbe:var(--dstell-ecke-1);--dstell-farbe-zart:var(--dstell-ecke-1-zart)}:is(.dstell-platz[data-art=ecken],.dstell-ecken,.dstell-vorbereiten) [data-platz="2"]{--dstell-farbe:var(--dstell-ecke-2);--dstell-farbe-zart:var(--dstell-ecke-2-zart)}:is(.dstell-platz[data-art=ecken],.dstell-ecken,.dstell-vorbereiten) [data-platz="3"]{--dstell-farbe:var(--dstell-ecke-3);--dstell-farbe-zart:var(--dstell-ecke-3-zart)}.dstell-eis{z-index:var(--dstell-z-oben);border-radius:var(--ds-radius-lg);background:var(--dstell-eis-grund);color:var(--dstell-eis-tinte);box-shadow:var(--dstell-eis-schatten);align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px}.dstell-leiste{z-index:var(--dstell-z-oben);box-sizing:border-box;border-radius:var(--ds-radius-lg);background:var(--dstell-glas);min-height:58px;box-shadow:var(--dstell-glas-schatten);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:7px 10px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.dwz .dstell-schalter{border-radius:var(--ds-radius-md);background:var(--dstell-schalter);min-height:40px;color:var(--direct-gedaempft);border:0;gap:7px;padding:0 13px;font-size:14px;font-weight:700}.dwz .dstell-schalter:hover:not(:disabled){background:var(--direct-akzent-sanft);color:var(--direct-akzent-dunkel)}.dwz .dstell-schalter[aria-checked=true]{background:var(--dstell-schalter-an);color:var(--dwz-weiss)}.dwz .dstell-frieren[aria-pressed=true]{background:var(--dstell-eis-grund);color:var(--dstell-eis-tinte)}.dstell-verteilung{align-items:flex-end;gap:4px;height:40px;margin-left:auto;display:inline-flex}.dstell-saeule{flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;width:26px;height:100%;display:flex}.direct-root .dstell-saeule small{color:var(--direct-gedaempft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:1.1}.dstell-saeule>span{width:100%;height:max(3px, calc(var(--dstell-anteil) * 24px));border-radius:var(--ds-radius-xs) var(--ds-radius-xs) 0 0;background:var(--dstell-farbe);transition:height .4s cubic-bezier(.2,.8,.2,1)}.dstell-pol{text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:9rem;font-size:12.5px;font-weight:700;overflow:hidden}.dstell-pol[data-seite=links]{color:var(--dstell-pol-links)}.dstell-pol[data-seite=rechts]{color:var(--dstell-pol-rechts)}.dstell-stand{color:var(--direct-gedaempft);white-space:nowrap;font-size:14px}.dstell-stand strong{color:var(--direct-tinte);font-size:16px}@container (max-width:760px){.direct-platz.dstell-platz{--dstell-zettel-breite:calc(100cqw - 44px);--dstell-unten:118px}.dstell .direct-platz-baum,.dstell-hilfe{display:none}.dstell-ende{width:32px;height:32px;margin-top:-16px}.dstell-ende[data-seite=links]{left:-38px}.dstell-ende[data-seite=rechts]{right:-38px}.dstell-pol{display:none}.dstell-platz[data-art=linie] .dstell-schild{gap:5px;padding:4px 7px;font-size:12px}}.dstell-gast{background:0 0;gap:12px;width:100%;max-width:560px;margin-inline:auto;padding:16px}.dstell-gast-karte{border-radius:var(--dwz-ecke-karte);background:var(--dstell-zettel);box-shadow:var(--dstell-karte-schatten);gap:4px;padding:14px 16px;display:grid}.dstell-gast-frage{font-family:var(--font-family-display);overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.25}.dstell-leise{color:var(--direct-gedaempft);font-size:14px}.dstell-gast-linie{border-radius:var(--dwz-ecke-karte);background:var(--dstell-boden);height:128px;position:relative}.dstell-gast-linie:before{content:"";border-radius:var(--ds-radius-pill);background:var(--dstell-linie);height:6px;position:absolute;top:88px;left:22px;right:22px}.dstell-gast-figur{top:18px;left:calc(6px + (100% - 12px) * (2 * var(--dstell-zone) + 1) / 10);pointer-events:none;width:56px;margin-left:-28px;transition:left .4s cubic-bezier(.2,.8,.2,1);position:absolute}.dstell-gast-figur .direct-atelier-character{width:56px}.dstell-zonen{display:flex;position:absolute;inset:0 6px}.direct-root .dwz .dstell-zonen>button{border-radius:var(--ds-radius-lg);background:0 0;border:0;flex:1 1 0;min-width:0;height:100%;min-height:0;padding:0;position:relative}.direct-root .dwz .dstell-zonen>button:hover:not(:disabled){background:var(--dstell-zone-hover)}.direct-root .dwz .dstell-zonen>button[aria-checked=true]{background:var(--dstell-zone-wahl)}.dstell-zonen>button>span{border-radius:var(--ds-radius-pill);background:var(--dstell-linie);width:4px;height:22px;margin-left:-2px;position:absolute;top:80px;left:50%}.dstell-zonen>button[aria-checked=true]>span{background:var(--direct-akzent-dunkel)}.direct-root .dwz :is(.dstell-zonen,.dstell-ecken)>button[aria-checked=true]:disabled{opacity:1}.dstell-gast-pole{justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.dstell-gast-pole [data-seite=links]{color:var(--dstell-pol-links)}.dstell-gast-pole [data-seite=rechts]{color:var(--dstell-pol-rechts);text-align:right}.dstell-gast-stand{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);text-align:center;padding:10px 12px;font-size:15px}.dstell-ecken{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.direct-root .dwz .dstell-ecken>button{border:2px solid var(--dstell-rand);border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);min-height:96px;color:var(--direct-tinte);text-align:left;white-space:normal;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;padding:10px;font-size:14.5px;font-weight:700;line-height:1.25}.direct-root .dwz .dstell-ecken>button:hover:not(:disabled){background:var(--dstell-farbe-zart)}.direct-root .dwz .dstell-ecken>button[aria-checked=true]{border-color:var(--dstell-farbe);background:var(--dstell-farbe-zart)}.dstell-ecken>button>b{border-radius:var(--ds-radius-sm);background:var(--dstell-farbe);width:26px;height:26px;color:var(--dwz-weiss);place-items:center;font-weight:800;display:grid}.dstell-ecken>button>span{overflow-wrap:anywhere}.dstell-gast-fuss{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);color:var(--direct-gedaempft);text-align:center;margin-top:auto;padding:12px;font-size:14.5px;line-height:1.4}.dstell-gast-fuss[data-eis]{background:var(--dstell-eis-grund);color:var(--dstell-eis-tinte);font-weight:650}.dstell-warten{background:0 0}.dstell-vorbereiten-kopf{align-items:center}.dstell-einleitung{flex:16rem;gap:4px;min-width:0;display:grid}.dstell-einleitung p{color:var(--direct-gedaempft);font-size:14px;line-height:1.45}.direct-root .dwz .dwz-eintrag-griffe .dstell-zeigen{color:var(--dstell-akzent)}.dwz-eintrag-antworten>li.dstell-ecke-pille>span:first-child{background:var(--dstell-farbe);color:var(--dwz-weiss)}.dstell-feldzeile{color:var(--direct-gedaempft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;font-weight:650;display:flex}.dstell-feldzeile>span{min-width:3.6rem}.dstell-feldzeile>:last-child{flex:14rem;min-width:0}.dstell-enden-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dstell-eckenfelder{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.dstell-eckenfelder legend{color:var(--direct-gedaempft);margin-bottom:6px;padding:0;font-size:13.5px;font-weight:650}.dstell-eckenfelder legend span{font-weight:400}.dstell-eckenfeld{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.dstell-buchstabe{border-radius:var(--ds-radius-md);background:var(--dstell-farbe);width:30px;height:30px;color:var(--dwz-weiss);place-items:center;font-weight:800;display:grid}.direct-root .dwz .dstell-weg{border-radius:var(--ds-radius-md);min-width:34px;min-height:34px;color:var(--direct-gedaempft);background:0 0;border:0;padding:0}.direct-root .dwz .dstell-weg:hover:not(:disabled){background:var(--dwz-flaeche)}@media (prefers-reduced-motion:reduce){.dstell-figur{animation:none}.dstell-saeule>span,.dstell-gast-figur{transition:none}}
.dfall,.dfall-gast,.dfall-vorbereiten{--dfall-akzent:#1f6c63;--dfall-akzent-hover:#18574f;--dfall-zart:#e6f3f1;--dfall-pille:#dff0ee;--dfall-kuerzel:#d8ece9;--dfall-gedaempft:#5b7472;--dfall-text:#2f3a3a;--dfall-linie:#e6efee;--dfall-rand:#dbe7e5;--dfall-knopf-rand:#b9dcd7;--dfall-punkt-zu:#e8eeed;--dfall-punkt-zu-tinte:#7d9592;--dfall-spur:#eef4f3;--dfall-balken:#b9cfcc;--dfall-hinweis-grund:#f3f8f7;--dfall-gut:#2a7c55;--dfall-gut-grund:#e2f2ea;--dfall-gut-tinte:#1e6b47;--dfall-grund:radial-gradient(ellipse at 100% 0%, #dff0ee 0, transparent 45%), #fbfdfd;--dfall-verdeckt:repeating-linear-gradient(135deg, #f2f8f7 0 12px, #ecf4f3 12px 24px);--dfall-schatten-karte:0 0 0 1px #231d3312, 0 8px 20px #1f5a5414;--dfall-schatten-blatt:0 0 0 1px #231d3312;--dfall-schatten-knopf:0 6px 14px #1f6c6340}
.dfall{background:var(--dfall-grund);gap:14px}.dwz.dfall .dwz-weiter,.dwz.dfall-vorbereiten .dwz-weiter{background:var(--dfall-akzent);box-shadow:var(--dfall-schatten-knopf)}.dwz.dfall .dwz-weiter:hover:not(:disabled),.dwz.dfall-vorbereiten .dwz-weiter:hover:not(:disabled){background:var(--dfall-akzent-hover)}.dwz.dfall .dwz-zweit{border-color:var(--dfall-knopf-rand);color:var(--dfall-akzent)}.dwz.dfall .dwz-zweit:hover:not(:disabled){background:var(--dfall-zart)}.dfall-buehne{flex:auto;grid-template-columns:minmax(270px,380px) minmax(0,1fr);align-items:start;gap:clamp(16px,2cqw,28px);min-height:0;display:grid}@container (max-width:820px){.dfall-buehne{grid-template-columns:minmax(0,1fr)}}.dfall-akte{border-radius:var(--dwz-ecke-karte);background:var(--dwz-weiss);min-width:0;box-shadow:var(--dfall-schatten-karte);flex-direction:column;display:flex;overflow:hidden}.dfall-akte-kopf{box-sizing:border-box;background:var(--dfall-akzent);min-height:44px;color:var(--dwz-weiss);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:6px 16px;font-size:14px;font-weight:700;display:flex}.dfall-akte-kopf>span:not(.dfall-kis){opacity:.85}.dfall-kis{align-items:center;gap:8px;display:inline-flex}.dfall-person{border-bottom:1px solid var(--dfall-linie);align-items:center;gap:14px;padding:16px 18px 12px;display:flex}.dfall-kuerzel{background:var(--dfall-kuerzel);width:52px;height:52px;color:var(--dfall-akzent);font-family:var(--font-family-display);border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:800;display:grid}.dfall-person-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.dfall-person-text strong{overflow-wrap:anywhere;font-size:clamp(17px,1.4cqw,21px)}.dfall-person-text span{color:var(--direct-gedaempft);font-size:14.5px}.dfall-akte-text{border-bottom:1px solid var(--dfall-linie);color:var(--dfall-text);white-space:pre-line;overflow-wrap:anywhere;gap:4px;padding:12px 18px;font-size:14.5px;line-height:1.45;display:grid}.dfall-etappen{gap:6px;padding:12px 18px 16px;display:grid}.dfall-etappen-titel,.dfall-lernziele>span,.dfall-gast-lernziele>span{color:var(--dfall-gedaempft);letter-spacing:var(--type-micro-tracking-wide);text-transform:uppercase;font-size:12px;font-weight:700}.dfall-etappen ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dfall-etappen li{border-radius:var(--ds-radius-lg);align-items:center;gap:12px;padding:8px 10px;display:flex}.dfall-etappen li[data-stand=jetzt]{background:var(--dfall-zart)}.dfall-punkt{background:var(--dfall-akzent);width:28px;height:28px;color:var(--dwz-weiss);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.dfall-etappen li[data-stand=zu] .dfall-punkt{background:var(--dfall-punkt-zu);color:var(--dfall-punkt-zu-tinte)}.dfall-etappe-zeile{flex-direction:column;min-width:0;line-height:1.2;display:flex}.dfall-etappe-zeile strong{overflow-wrap:anywhere;font-size:15px}.dfall-etappen li[data-stand=zu] .dfall-etappe-zeile strong{color:var(--dfall-punkt-zu-tinte)}.dfall-etappe-zeile span{color:var(--dfall-gedaempft);font-size:13px}.dfall-etappe{flex-direction:column;gap:14px;min-width:0;display:flex}.dfall-etappe-kopf{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.dfall-etappe-kopf>span:first-child{border-radius:var(--ds-radius-pill);background:var(--dfall-pille);color:var(--dfall-akzent);padding:3px 10px;font-size:13.5px;font-weight:700}.dfall-etappe-kopf>span+span{color:var(--dfall-gedaempft);font-size:14px}.dfall-lage{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);box-shadow:var(--dfall-schatten-blatt);color:var(--dfall-text);white-space:pre-line;overflow-wrap:anywhere;padding:14px 16px;font-size:clamp(16px,1.35cqw,21px);line-height:1.5}.dfall-frage{font-family:var(--font-family-display);letter-spacing:var(--type-display-tracking);overflow-wrap:anywhere;font-size:clamp(20px,2cqw,30px);font-weight:800;line-height:1.25}.dfall-stand{color:var(--direct-gedaempft);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.dfall-stand strong{color:var(--direct-tinte);font-size:17px}.dfall-zustand{border-radius:var(--ds-radius-pill);background:var(--dfall-spur);color:var(--direct-gedaempft);padding:2px 10px;font-size:13px;font-weight:700}.dfall-zustand[data-offen]{background:var(--dfall-gut-grund);color:var(--dfall-gut-tinte)}.dfall-verdeckt{border-radius:var(--ds-radius-lg);background:var(--dfall-verdeckt);min-height:150px;color:var(--direct-gedaempft);text-align:center;place-items:center;padding:18px;font-size:15px;display:grid}.dfall-balken{gap:9px;margin:0;padding:0;list-style:none;display:grid}.dfall-balken>li{grid-template-columns:minmax(0,18rem) minmax(0,1fr) 2.5rem;align-items:center;gap:12px;font-size:clamp(15px,1.2cqw,18px);display:grid}.dfall-balken-text{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.dfall-balken-text b{border-radius:var(--ds-radius-sm);background:var(--dfall-spur);width:24px;height:24px;color:var(--dfall-gedaempft);flex:none;place-items:center;font-size:13px;display:grid}.dfall-balken>li[data-richtig] .dfall-balken-text{color:var(--dfall-gut-tinte)}.dfall-balken>li[data-richtig] .dfall-balken-text b{background:var(--dfall-gut);color:var(--dwz-weiss)}.dfall-spur{border-radius:var(--ds-radius-sm);background:var(--dfall-spur);height:22px;display:block;overflow:hidden}.dfall-spur>span{width:calc(var(--dfall-anteil) * 100%);border-radius:inherit;background:var(--dfall-balken);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.dfall-balken>li[data-richtig] .dfall-spur>span{background:var(--dfall-gut)}.dfall-balken-zahl{text-align:right;font-variant-numeric:tabular-nums}@container (max-width:560px){.dfall-balken>li{grid-template-columns:minmax(0,1fr) 2.5rem}.dfall-spur{grid-area:2/1/auto/-1}}.dfall-gruende,.dfall-erklaerung{border-radius:var(--ds-radius-lg);background:var(--dfall-hinweis-grund);color:var(--dfall-text);padding:10px 14px;font-size:14.5px;line-height:1.45}.dfall-gruende strong,.dfall-erklaerung strong{margin-right:5px}.dfall-lernziele{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);box-shadow:var(--dfall-schatten-blatt);color:var(--dfall-text);white-space:pre-line;gap:6px;padding:14px 16px;font-size:15.5px;line-height:1.5;display:grid}.dfall-hinweis{align-items:center;gap:8px;display:inline-flex}.dfall-gast{background:0 0;gap:12px;width:100%;max-width:560px;margin-inline:auto;padding:16px}.dfall-gast-karte{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);box-shadow:var(--dfall-schatten-karte);gap:6px;padding:12px 14px;display:grid}.dfall-gast-kopf{color:var(--dfall-akzent);justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.dfall-gast-titel{font-size:15px;font-weight:700}.dfall-gast-titel span{color:var(--dfall-gedaempft);font-weight:600}.dfall-gast-lage{color:var(--dfall-text);white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.45}.dfall-gast-frage{overflow-wrap:anywhere;font-size:17px;font-weight:700;line-height:1.3}.dfall-optionen{gap:8px;display:grid}.direct-root .dwz .dfall-option{border:2px solid var(--dfall-rand);border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);min-height:48px;color:var(--direct-tinte);text-align:left;white-space:normal;justify-content:flex-start;gap:10px;padding:6px 12px;font-size:15px;font-weight:700;line-height:1.25}.direct-root .dwz .dfall-option:hover:not(:disabled){background:var(--dfall-zart)}.direct-root .dwz .dfall-option[aria-checked=true]{border-color:var(--dfall-akzent);background:var(--dfall-zart)}.direct-root .dwz .dfall-option[data-richtig]{border-color:var(--dfall-gut);background:var(--dfall-gut-grund);color:var(--dfall-gut-tinte)}.direct-root .dwz .dfall-option[data-falsch]{border-color:var(--dwz-schlecht-tinte);background:var(--dwz-schlecht-grund)}.dfall-haken{color:var(--dfall-gut);flex:none}.direct-root .dwz .dfall-option:disabled{opacity:1}.dfall-option>span:last-child{overflow-wrap:anywhere;min-width:0}.dfall-kreis{box-sizing:border-box;border:2px solid var(--dfall-balken);background:var(--dwz-weiss);width:18px;height:18px;box-shadow:inset 0 0 0 3px var(--dwz-weiss);border-radius:50%;flex:none}.dfall-option[aria-checked=true] .dfall-kreis{border-color:var(--dfall-akzent);background:var(--dfall-akzent)}.dfall-leise{color:var(--direct-gedaempft);font-size:13.5px}.dfall-chips{flex-wrap:wrap;gap:6px;display:flex}.direct-root .dwz .dfall-chips>button{border:1px solid var(--dfall-knopf-rand);border-radius:var(--ds-radius-pill);background:var(--dwz-weiss);min-height:34px;color:var(--dfall-akzent);white-space:normal;padding:0 12px;font-size:13.5px;font-weight:700}.direct-root .dwz .dfall-chips>button[aria-pressed=true]{border-color:var(--dfall-akzent);background:var(--dfall-akzent);color:var(--dwz-weiss)}.dfall-gast-lernziele{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);color:var(--dfall-text);gap:4px;padding:12px 14px;font-size:14.5px;line-height:1.45;display:grid}.dfall-gast-fuss{border-radius:var(--ds-radius-lg);background:var(--dwz-weiss);color:var(--direct-gedaempft);text-align:center;gap:6px;margin-top:auto;padding:12px;font-size:14.5px;line-height:1.4;display:grid}.dfall-gast-fuss[data-art=richtig]{background:var(--dfall-gut-grund);color:var(--dfall-gut-tinte)}.dfall-gast-fuss[data-art=falsch]{background:var(--dwz-schlecht-grund);color:var(--dwz-schlecht-tinte)}.dfall-gast-erklaerung{color:var(--dfall-text);text-align:left;font-size:14px}.dfall-warten{background:0 0}.dfall-vorbereiten-kopf{align-items:center}.dfall-einleitung{flex:16rem;gap:4px;min-width:0;display:grid}.dfall-einleitung p{color:var(--direct-gedaempft);font-size:14px;line-height:1.45}.dfall-spalte{align-content:start;gap:18px;min-width:0;display:grid}.dfall-kopf-karte .dwz-liste-kopf h3 svg{color:var(--dfall-akzent)}.dfall-kopf-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-bottom:8px;display:grid}.dfall-kopf-felder>[data-breit]{grid-column:1/-1}@container (max-width:520px){.dfall-kopf-felder,.dfall-zweier{grid-template-columns:minmax(0,1fr)}}.direct-root .dfall-akten-wahl{min-width:0;color:var(--dfall-akzent);align-items:center;gap:6px;display:inline-flex}.direct-root .dfall-akten-wahl select{border-color:var(--dfall-knopf-rand);border-radius:var(--ds-radius-md);max-width:17rem;min-height:36px;padding:0 10px;font-size:14px}.direct-root .dwz .dwz-eintrag-griffe .dfall-zeigen{color:var(--dfall-akzent)}.dfall-eintrag-frage{overflow-wrap:anywhere;font-size:14px;font-weight:650}.dfall-feldzeile{color:var(--direct-gedaempft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;font-weight:650;display:flex}.dfall-feldzeile>span{min-width:3.6rem}.dfall-feldzeile>:last-child{flex:14rem;min-width:0}.dfall-zweier{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;display:grid}.dfall-felder{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.dfall-felder legend{color:var(--direct-gedaempft);margin-bottom:6px;padding:0;font-size:13.5px;font-weight:650}.dfall-felder legend span{font-weight:400}.dfall-antwortfeld{grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.dfall-grundfeld{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.dfall-buchstabe{border-radius:var(--ds-radius-md);background:var(--dfall-pille);width:30px;height:30px;color:var(--dfall-akzent);place-items:center;font-weight:800;display:grid}.dwz .dfall-richtig{color:var(--direct-gedaempft);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.direct-root .dwz .dfall-richtig input{width:18px;height:18px;min-height:0;accent-color:var(--dfall-akzent);border:0;margin:0;padding:0}.dwz .dfall-richtig:has(input:checked){color:var(--dfall-gut-tinte)}.direct-root .dwz .dfall-weg{border-radius:var(--ds-radius-md);min-width:34px;min-height:34px;color:var(--direct-gedaempft);background:0 0;border:0;padding:0}.direct-root .dwz .dfall-weg:hover:not(:disabled){background:var(--dwz-flaeche)}.dfall-prompt{gap:12px;min-width:0;display:grid}.dfall-grundlage{border-radius:var(--ds-radius-lg);background:var(--dfall-zart);color:var(--dfall-text);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 12px;font-size:13.5px;line-height:1.4;display:flex}.dfall-grundlage>svg{color:var(--dfall-akzent);flex:none}.dfall-grundlage>span{flex:14rem;min-width:0}@media (prefers-reduced-motion:reduce){.dfall-spur>span{transition:none}}
.dphilo,.dphilo-gast,.dphilo-warten,.dphilo-bild{--dphilo-karte:#fff;--dphilo-rand:#e6e0ee;--dphilo-tinte:#2b2238;--dphilo-leise:#5b5068;--dphilo-flaeche:#f7f3fc;--dphilo-stufe-0:#3d74c4;--dphilo-stufe-1:#7e95cf;--dphilo-stufe-2:#a39cb5;--dphilo-stufe-3:#e0a476;--dphilo-stufe-4:#c2621f;--dphilo-ja-tinte:#2d5ca3;--dphilo-nein-tinte:#9a4a14;--dphilo-quer-tinte:#573a98;--dphilo-ja-grund:#e8effa;--dphilo-nein-grund:#fbeee3;--dphilo-quer-grund:#efe9fb;--dphilo-zitat-grund:#fffdf8;--dphilo-zitat-rand:#ece4d6;--dphilo-zitat-original:#6b6178;--dphilo-marke-rand:#b9a9da;--dphilo-gespraech:#7652bd;--dphilo-schatten-kachel:0 1px 0 #2b223810, 0 8px 20px #2b22381a;--dphilo-schatten-kachel-hover:0 1px 0 #2b223810, 0 14px 30px #2b223829;--dphilo-schatten-zitat:0 8px 20px #2b223814;--dphilo-ecke-kachel:14px;--dphilo-ecke-karte:16px;--dphilo-mass:1;--dphilo-ton:#8a6bbf;--dphilo-ton-sanft:#f1ebf8;--dphilo-ton-tinte:#3f2a66}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=gutes-leben]{--dphilo-ton:#d58b3b;--dphilo-ton-sanft:#fdf1d8;--dphilo-ton-tinte:#7a3e12}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=gut-und-boese]{--dphilo-ton:#8a6bbf;--dphilo-ton-sanft:#f1ebf8;--dphilo-ton-tinte:#3f2a66}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=gerechtigkeit]{--dphilo-ton:#6479b5;--dphilo-ton-sanft:#e9edf7;--dphilo-ton-tinte:#283766}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=freiheit]{--dphilo-ton:#4e9fcf;--dphilo-ton-sanft:#e3f2fb;--dphilo-ton-tinte:#1d4f73}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=wissen]{--dphilo-ton:#5776ab;--dphilo-ton-sanft:#fbf4e2;--dphilo-ton-tinte:#13203d}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=ich]{--dphilo-ton:#c96e93;--dphilo-ton-sanft:#fbebf1;--dphilo-ton-tinte:#6b2747}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=liebe-und-freundschaft]{--dphilo-ton:#d9705a;--dphilo-ton-sanft:#fdeee9;--dphilo-ton-tinte:#7c2e22}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=natur]{--dphilo-ton:#6aa653;--dphilo-ton-sanft:#eef6e4;--dphilo-ton-tinte:#2d5a25}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=technik]{--dphilo-ton:#3f8f84;--dphilo-ton-sanft:#dff1ef;--dphilo-ton-tinte:#1b4c46}:where(.dphilo,.dphilo-gast,.dphilo-bild)[data-bereich=sinn]{--dphilo-ton:#4f4887;--dphilo-ton-sanft:#e7e5f3;--dphilo-ton-tinte:#2a2652}
.dphilo-bild{aspect-ratio:4/3;background:var(--dphilo-ton-sanft);display:block;overflow:hidden}.dphilo-bild>svg{width:100%;height:100%;display:block}.dphilo{overflow-y:auto}.dphilo-wahl-kopf{flex-wrap:wrap;align-items:flex-end;gap:10px 18px;display:flex}.dphilo-wahl-titel{flex:18rem;gap:4px;min-width:0;display:grid}.dphilo-wahl-titel h2{font-family:var(--font-family-display);color:var(--dphilo-tinte);font-size:clamp(24px,3cqw,36px);font-weight:800;line-height:1.1}.dphilo-wahl-titel p{color:var(--dphilo-leise);font-size:16px;line-height:1.4}.dphilo-wahl[data-bereich] .dphilo-wahl-titel p{color:var(--dphilo-ton-tinte)}.dphilo-wahl-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.dphilo-raster{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 18px;margin:0;padding:0 0 24px;list-style:none;display:grid}.dphilo .dphilo-kachel{border-radius:var(--dphilo-ecke-kachel);width:100%;min-height:0;color:var(--dphilo-tinte);text-align:left;white-space:normal;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:0;display:flex}.dphilo .dphilo-kachel:hover:not(:disabled){background:0 0}.dphilo-kachel .dphilo-bild{border-radius:var(--dphilo-ecke-kachel);box-shadow:var(--dphilo-schatten-kachel);transition:transform .16s,box-shadow .16s}.dphilo-kachel:hover:not(:disabled) .dphilo-bild{box-shadow:var(--dphilo-schatten-kachel-hover);transform:translateY(-3px)}.dphilo .dphilo-kachel:focus-visible{box-shadow:none}.dphilo-kachel:focus-visible .dphilo-bild{box-shadow:var(--ds-focus-ring), var(--dphilo-schatten-kachel)}.dphilo-kachel-name{font-family:var(--font-family-display);font-size:17px;font-weight:700;line-height:1.2}.dphilo-kachel-zeile{color:var(--dphilo-leise);margin-top:-4px;font-size:14px;line-height:1.3}.dphilo-wand{flex:1 1 0;min-height:0;container:dphilo-wand/size}@container dphilo-wand (max-width:898px){.dphilo-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}@container dphilo-wand (max-width:528px){.dphilo-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@container dphilo-wand (min-width:720px) and (min-height:250px) and (min-aspect-ratio:1){.dphilo-raster{--dphilo-spalte:min(calc((100cqw - 4 * 18px) / 5), calc((100cqh - 118px) / 2 * 1.6));grid-template-columns:repeat(5, var(--dphilo-spalte));grid-template-rows:minmax(0, calc(var(--dphilo-spalte) * 3 / 4)) auto auto 16px minmax(0, calc(var(--dphilo-spalte) * 3 / 4)) auto auto;place-content:start center;row-gap:0;height:100%;padding-bottom:0}.dphilo-raster>li{grid-row:span 3;grid-template-rows:subgrid;min-height:0;display:grid}.dphilo-raster>li:nth-child(n+6){grid-row:5/span 3}.dphilo .dphilo-raster .dphilo-kachel{grid-row:1/-1;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:0;display:grid}.dphilo-raster .dphilo-bild{aspect-ratio:auto;min-height:0}.dphilo-raster .dphilo-kachel-name{padding-top:8px}.dphilo-raster .dphilo-kachel-zeile{margin-top:4px}}.dphilo-buehne{gap:14px}.dphilo-leiste{border-bottom:1px solid var(--dphilo-rand);flex-wrap:wrap;align-items:center;gap:8px 12px;padding-bottom:12px;display:flex}.dphilo-mini{border-radius:var(--ds-radius-md);flex:none;width:52px}.dphilo-pfad{min-width:0;line-height:1.2;display:grid}.dphilo-pfad b{color:var(--dphilo-ton-tinte);font-size:14px;font-weight:700}.dphilo-pfad small{color:var(--dphilo-leise);font-size:13px}.dphilo-leiste-knoepfe{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.dphilo-leiste-knoepfe .dphilo-alle{max-width:15rem}.dphilo-flaeche{flex:auto;grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:start;gap:22px;min-height:0;display:grid}.dphilo-haupt{gap:calc(18px * var(--dphilo-mass));flex-direction:column;min-width:0;display:flex}.dphilo-frage{--dphilo-frage-mass:calc(.35 + .65 * var(--dphilo-mass));max-width:46rem;padding-top:calc(clamp(8px, 3cqh, 40px) * var(--dphilo-mass));font-family:var(--font-family-display);font-size:calc(clamp(28px, 4.2cqw, 54px) * var(--dphilo-frage-mass));letter-spacing:var(--type-display-tracking);color:var(--dphilo-tinte);overflow-wrap:anywhere;font-weight:800;line-height:1.08}.dphilo-frage[data-lang]{font-size:calc(clamp(24px, 3.3cqw, 42px) * var(--dphilo-frage-mass))}.dphilo-buehne[data-linie] .dphilo-frage{font-size:calc(clamp(22px, 2.7cqw, 34px) * var(--dphilo-frage-mass));padding-top:0}.dphilo-gespraech{align-items:center;gap:calc(10px * var(--dphilo-mass)) 14px;color:var(--dphilo-leise);font-size:max(13px, calc(15px * var(--dphilo-mass)));flex-wrap:wrap;display:flex}.dphilo-gespraech p{flex:0 26rem}.dphilo-stimmen{gap:calc(10px * var(--dphilo-mass));min-width:0;padding:calc(14px * var(--dphilo-mass));border-radius:var(--dphilo-ecke-karte);background:var(--dphilo-flaeche);flex-direction:column;display:flex}.dphilo-stimmen h3{color:var(--dphilo-leise);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:700;display:flex}.dphilo-stimmen h3 small{font-size:12px;font-weight:600}.dphilo .dphilo-zitat-zu{width:100%;min-height:max(40px, calc(48px * var(--dphilo-mass)));padding:calc(8px * var(--dphilo-mass)) 12px;border:1px dashed var(--dphilo-marke-rand);border-radius:var(--ds-radius-lg);background:var(--dphilo-karte);color:var(--dphilo-tinte);text-align:left;white-space:normal;justify-content:flex-start;gap:10px}.dphilo .dphilo-zitat-zu[aria-pressed=true]{border-style:solid;border-color:var(--dphilo-zitat-rand);background:var(--dphilo-zitat-grund)}.dphilo-zitat-zu[aria-pressed=true] .dphilo-einblenden{color:var(--dphilo-leise);font-weight:600}.dphilo-zitat-zu-name{flex:auto;min-width:0;line-height:1.2;display:grid}.dphilo-zitat-zu-name b{font-size:max(13px, calc(15px * var(--dphilo-mass)))}.dphilo-zitat-zu-name small{color:var(--dphilo-leise);font-size:max(11.5px, calc(12.5px * var(--dphilo-mass)))}.dphilo-einblenden{color:var(--dphilo-quer-tinte);font-size:max(12.5px, calc(13.5px * var(--dphilo-mass)));font-weight:700}.dphilo-zitat{align-content:start;gap:calc(8px * var(--dphilo-mass));padding:calc(14px * var(--dphilo-mass)) calc(16px * var(--dphilo-mass)) calc(12px * var(--dphilo-mass));border:1px solid var(--dphilo-zitat-rand);border-radius:var(--dphilo-ecke-karte);background:var(--dphilo-zitat-grund);box-shadow:var(--dphilo-schatten-zitat);margin:0;animation:.32s ease-out both dphilo-zitat-kommt;display:grid;position:relative}@keyframes dphilo-zitat-kommt{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dphilo-zitat{animation:none}.dphilo-kachel .dphilo-bild{transition:none}}.dphilo-zitat-haltung{border-radius:var(--ds-radius-pill);font-size:max(11px, calc(12px * var(--dphilo-mass)));place-self:start;padding:2px 9px;font-weight:700}.dphilo-zitat[data-haltung=ja] .dphilo-zitat-haltung{background:var(--dphilo-ja-grund);color:var(--dphilo-ja-tinte)}.dphilo-zitat[data-haltung=nein] .dphilo-zitat-haltung{background:var(--dphilo-nein-grund);color:var(--dphilo-nein-tinte)}.dphilo-zitat[data-haltung=quer] .dphilo-zitat-haltung{background:var(--dphilo-quer-grund);color:var(--dphilo-quer-tinte)}.dphilo-zitat-text{margin:0}.dphilo-zitate-gross{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(300px * var(--dphilo-mass))), 1fr));gap:calc(16px * var(--dphilo-mass));max-width:64rem;display:grid}.dphilo-zitat[data-gross]{gap:calc(10px * var(--dphilo-mass));padding:calc(18px * var(--dphilo-mass)) calc(20px * var(--dphilo-mass)) calc(14px * var(--dphilo-mass))}.dphilo-zitat[data-gross] .dphilo-zitat-text p{font-size:max(13px, calc(clamp(17px, 1.9cqw, 24px) * var(--dphilo-mass)));line-height:1.38}.dphilo-zitat[data-gross] .dphilo-zitat-original{font-size:max(11.5px, calc(clamp(13px, 1.2cqw, 15px) * var(--dphilo-mass)))}.dphilo-zitat[data-gross] .dphilo-zitat-quelle{font-size:max(11.5px, calc(14px * var(--dphilo-mass)))}.dphilo-zitat[data-gross] .dphilo-zitat-person b{font-size:max(12.5px, calc(16px * var(--dphilo-mass)))}.dphilo-zitat-text p{color:var(--dphilo-tinte);font-size:max(12.5px, calc(clamp(15px, 1.5cqw, 18px) * var(--dphilo-mass)));overflow-wrap:anywhere;line-height:1.42}.dphilo-zitat-original{color:var(--dphilo-zitat-original);font-size:max(11.5px, calc(13px * var(--dphilo-mass)));overflow-wrap:anywhere;font-style:italic;line-height:1.4}.dphilo-zitat-quelle{color:var(--dphilo-leise);font-size:max(11.5px, calc(13px * var(--dphilo-mass)));gap:2px;line-height:1.35;display:grid}.dphilo-zitat-person b{color:var(--dphilo-tinte);font-size:max(12.5px, calc(14px * var(--dphilo-mass)))}.dphilo-zitat-person a{color:inherit;text-decoration:none}.dphilo-zitat-person a:hover b{text-decoration:underline}.dphilo-zitat-werk cite{font-style:italic}.dphilo [data-knapp] .dphilo-zitat-original,.dphilo [data-knapp] .dphilo-zitat-werk{display:none}.dphilo .dphilo-zitat-weg{border-radius:var(--ds-radius-pill);min-width:32px;min-height:32px;color:var(--dphilo-leise);background:0 0;border:0;padding:0;position:absolute;top:6px;right:6px}.dphilo-linie{--dphilo-punkt-mass:max(8px, calc(14px * var(--dphilo-mass)));gap:calc(12px * var(--dphilo-mass));flex-direction:column;display:flex}.dphilo-zonen{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:6px;margin:0;padding:0;list-style:none;display:grid}.dphilo-zone{align-items:center;gap:calc(7px * var(--dphilo-mass));flex-direction:column;min-width:0;display:flex}.dphilo-marken{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.dphilo-marke{border:1px dashed var(--dphilo-marke-rand);border-radius:var(--ds-radius-pill);background:var(--dphilo-karte);color:var(--dphilo-quer-tinte);font-size:max(11px, calc(12px * var(--dphilo-mass)));white-space:nowrap;padding:2px 8px;font-weight:700}.dphilo-punkte{max-width:calc(4 * var(--dphilo-punkt-mass) + 18px);min-height:var(--dphilo-punkt-mass);flex-wrap:wrap-reverse;justify-content:center;gap:4px;display:flex}.dphilo-punkte>span{width:var(--dphilo-punkt-mass);height:var(--dphilo-punkt-mass);border-radius:var(--ds-radius-pill);background:var(--dphilo-punkt)}.dphilo-balken{background:var(--dphilo-punkt);width:100%;height:8px}.dphilo-zone[data-stufe="0"]{--dphilo-punkt:var(--dphilo-stufe-0)}.dphilo-zone[data-stufe="1"]{--dphilo-punkt:var(--dphilo-stufe-1)}.dphilo-zone[data-stufe="2"]{--dphilo-punkt:var(--dphilo-stufe-2)}.dphilo-zone[data-stufe="3"]{--dphilo-punkt:var(--dphilo-stufe-3)}.dphilo-zone[data-stufe="4"]{--dphilo-punkt:var(--dphilo-stufe-4)}.dphilo-zone:first-child .dphilo-balken{border-radius:var(--ds-radius-xs) 0 0 var(--ds-radius-xs)}.dphilo-zone:last-child .dphilo-balken{border-radius:0 var(--ds-radius-xs) var(--ds-radius-xs) 0}.dphilo-zone-name{color:var(--dphilo-leise);font-size:max(12.5px, calc(14px * var(--dphilo-mass)));text-align:center;font-weight:600}.dphilo-zone-name em{color:var(--dphilo-tinte);font-style:normal;font-weight:800}.dphilo-zone:first-child .dphilo-zone-name{color:var(--dphilo-ja-tinte);font-weight:700}.dphilo-zone:last-child .dphilo-zone-name{color:var(--dphilo-nein-tinte);font-weight:700}.dphilo-bewegt{padding:calc(8px * var(--dphilo-mass)) 12px;border-radius:var(--ds-radius-lg);background:var(--dphilo-quer-grund);color:var(--dphilo-quer-tinte);font-size:max(12.5px, calc(14px * var(--dphilo-mass)));flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.dphilo-gruende{gap:calc(12px * var(--dphilo-mass));grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.dphilo-gruende-spalte{gap:calc(8px * var(--dphilo-mass));min-width:0;display:grid}.dphilo-gruende-titel{color:var(--dphilo-leise);font-size:12.5px;font-weight:700}.dphilo-gruende-spalte[data-seite=links] .dphilo-gruende-titel{color:var(--dphilo-ja-tinte)}.dphilo-gruende-spalte[data-seite=rechts] .dphilo-gruende-titel{color:var(--dphilo-nein-tinte)}.dphilo .dphilo-grund{min-height:max(30px, calc(44px * var(--dphilo-mass)));padding:calc(9px * var(--dphilo-mass)) 12px;border:1px solid var(--dphilo-rand);border-radius:var(--ds-radius-lg);background:var(--dphilo-karte);color:var(--dphilo-tinte);font-size:max(12.5px, calc(15px * var(--dphilo-mass)));text-align:left;white-space:normal;overflow-wrap:anywhere;justify-content:stretch;gap:4px;line-height:1.3;display:grid}.dphilo .dphilo-grund[aria-pressed=true]{border:2px solid var(--dphilo-gespraech)}.dphilo [data-fliessen] .dphilo-gruende{-moz-columns:3;columns:3;-moz-column-gap:calc(12px * var(--dphilo-mass));column-gap:calc(12px * var(--dphilo-mass));display:block}.dphilo [data-fliessen] .dphilo-gruende-spalte{display:contents}.dphilo [data-fliessen] .dphilo-gruende-titel{-moz-column-break-after:avoid;break-after:avoid;padding-block:2px 6px;display:block}.dphilo [data-fliessen] .dphilo-grund{width:100%;margin-bottom:calc(8px * var(--dphilo-mass));-moz-column-break-inside:avoid;break-inside:avoid}.dphilo [data-fliessen] .dphilo-gruende-spalte[data-seite=links] .dphilo-grund{border-left:4px solid var(--dphilo-stufe-0)}.dphilo [data-fliessen] .dphilo-gruende-spalte[data-seite=mitte] .dphilo-grund{border-left:4px solid var(--dphilo-stufe-2)}.dphilo [data-fliessen] .dphilo-gruende-spalte[data-seite=rechts] .dphilo-grund{border-left:4px solid var(--dphilo-stufe-4)}.dphilo-grund-kopf{color:var(--dphilo-gespraech);letter-spacing:var(--type-micro-tracking-wide);text-transform:uppercase;font-size:11px;font-weight:800}.dphilo-linie-fuss{color:var(--dphilo-leise);flex-wrap:wrap;align-items:center;gap:6px 10px;padding-top:4px;font-size:14px;display:flex}.dphilo-linie-fuss>span:first-child{flex:14rem;min-width:0}.dphilo-linie-fuss b{color:var(--dphilo-tinte)}.dphilo-gast{gap:14px;overflow-y:auto}.dphilo-gast-karte{border-radius:var(--dphilo-ecke-karte);background:var(--dphilo-karte);box-shadow:var(--dphilo-schatten-zitat);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.dphilo-gast-bild{border-radius:var(--ds-radius-lg)}.dphilo-gast-text{gap:6px;min-width:0;display:grid}.dphilo-gast-pfad{color:var(--dphilo-ton-tinte);font-size:13px;font-weight:700}.dphilo-gast-frage{font-family:var(--font-family-display);color:var(--dphilo-tinte);overflow-wrap:anywhere;font-size:clamp(20px,5cqw,28px);font-weight:800;line-height:1.15}.dphilo-gast-zitate{gap:10px;display:grid}.dphilo-leise{color:var(--dphilo-leise);font-size:14.5px;line-height:1.45}.dphilo-gast-linie{gap:10px;display:grid}.dphilo-gast-label{font-size:15px;font-weight:700}.dphilo-gast-umgestimmt{border-radius:var(--ds-radius-lg);background:var(--dphilo-quer-grund);color:var(--dphilo-quer-tinte);align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.dphilo-stufen{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.dphilo-gast .dphilo-stufe{border:1px solid var(--dphilo-rand);border-radius:var(--ds-radius-lg);background:var(--dphilo-karte);min-height:76px;color:var(--dphilo-leise);white-space:normal;align-content:start;justify-items:center;gap:6px;padding:10px 4px;display:grid}.dphilo-stufe>span{border-radius:var(--ds-radius-pill);border:3px solid var(--dphilo-punkt);box-sizing:border-box;width:22px;height:22px}.dphilo-stufe>b{text-align:center;font-size:12.5px;font-weight:600;line-height:1.2}.dphilo-gast .dphilo-stufe[aria-checked=true]{border:2px solid var(--dphilo-tinte);color:var(--dphilo-tinte)}.dphilo-stufe[aria-checked=true]>span{background:var(--dphilo-punkt)}.dphilo-stufe[aria-checked=true]>b{font-weight:800}.dphilo-stufe[data-stufe="0"]{--dphilo-punkt:var(--dphilo-stufe-0)}.dphilo-stufe[data-stufe="1"]{--dphilo-punkt:var(--dphilo-stufe-1)}.dphilo-stufe[data-stufe="2"]{--dphilo-punkt:var(--dphilo-stufe-2)}.dphilo-stufe[data-stufe="3"]{--dphilo-punkt:var(--dphilo-stufe-3)}.dphilo-stufe[data-stufe="4"]{--dphilo-punkt:var(--dphilo-stufe-4)}.dphilo-gast-grund{gap:6px;font-size:14px;font-weight:700;display:grid}.dphilo-gast-grund small{color:var(--dphilo-leise);font-size:12.5px;font-weight:400}.dphilo-gast-grund textarea{box-sizing:border-box;resize:vertical;width:100%;font-weight:400}.dphilo-gast-fuss{color:var(--dphilo-leise);text-align:center;font-size:13.5px}.dphilo-gast-fuss[data-eis]{color:var(--dphilo-quer-tinte);font-weight:600}@container (max-width:960px){.dphilo-flaeche{grid-template-columns:minmax(0,1fr)}}@container (max-width:560px){.dphilo-gruende{grid-template-columns:minmax(0,1fr)}.dphilo-alle{display:none}.dphilo-gast-karte{grid-template-columns:72px minmax(0,1fr)}.dphilo-stufe>b{font-size:11.5px}}@media (max-height:700px){.dphilo-wahl{gap:12px;padding-block:16px}.dphilo-buehne{gap:10px;padding-block:16px}.dphilo-leiste{padding-bottom:8px}}
