.folge-kopf,.folge-fuss{width:min(100% - 32px,560px);margin-inline:auto}.folge-kopf{color:var(--mond);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.folge-kopf .marke{color:var(--mond);border-radius:10px;min-height:44px;font-size:1.1rem}.folge-kopf .kopf-reihe{border-radius:var(--pille);min-height:44px;color:var(--mond);background:#e8ecf514;border:1.4px solid #e8ecf559;align-items:center;gap:.35em;padding:0 16px 0 12px;font-size:.95rem;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.folge-kopf .kopf-reihe svg{width:10px;height:16px;color:var(--glimmer)}.folge-kopf .kopf-reihe:hover{border-color:var(--glimmer);background:#e8ecf529}.folge-kopf .marke:focus-visible,.folge-kopf .kopf-reihe:focus-visible{outline:3px solid var(--glimmer-hell);outline-offset:3px}.folge-kopf .marke svg{width:24px;height:24px}.folge-kopf .zaehler{color:var(--glimmer);font-size:.9rem;font-weight:800}body.folge{background:var(--papier)}body.folge .folge-kopf{background:var(--nacht);box-shadow:0 0 0 100vmax var(--nacht);clip-path:inset(0 -100vmax)}.folge-buehne{background:radial-gradient(70% 34% at 50% 30%, #f4b94221, transparent 72%), linear-gradient(180deg, var(--nacht) 0, var(--nacht) 40%, var(--nacht-tief));color:var(--mond);padding:4px 0 34px}.folge-held{grid-template-areas:"bild""ritual""titel""player";gap:20px;width:min(100% - 32px,560px);margin-inline:auto;display:grid}.folge-held>.karte{grid-area:bild;box-shadow:0 24px 50px -22px #000000b3,0 0 0 1px #e8ecf50f}.folge-held>.ritual{background:#e8ecf50f;border:1px solid #e8ecf51f;grid-area:ritual;min-height:92px}.folge-titel{grid-area:titel;margin-top:4px}.folge-held>.player{grid-area:player}.folge-main .karte img{object-fit:cover;width:100%;height:100%}.folge-main .karte:has(img):before{content:"";background:linear-gradient(#121a2eb3,#0000);height:38%;position:absolute;inset:0 0 auto}.folge-titel .fuer{color:var(--glimmer);letter-spacing:.02em;margin:0 0 .35em;font-size:.95rem;font-weight:800}.folge-titel h1{color:var(--mond);margin:0;font-size:clamp(2rem,8vw,3rem)}.folge-held .player--hell{border:0;box-shadow:0 22px 44px -20px #000000a6}@media (width>=900px){body.folge .folge-kopf,body.folge .folge-fuss{width:min(100% - 64px,1040px)}.folge-buehne{background:radial-gradient(2px 2px at 88% 14%, #ffe3a3d9, transparent 100%), radial-gradient(1.5px 1.5px at 94% 40%, #e8ecf599, transparent 100%), radial-gradient(1.5px 1.5px at 8% 70%, #e8ecf573, transparent 100%), radial-gradient(1.5px 1.5px at 4% 24%, #e8ecf58c, transparent 100%), radial-gradient(40% 60% at 30% 45%, #f4b9421f, transparent 72%), linear-gradient(180deg, var(--nacht) 0, var(--nacht) 40%, var(--nacht-tief));padding:12px 0 56px}.folge-held{grid-template:"bild."1fr"bild titel""bild player""bild ritual""bild."1fr/minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:22px 56px;width:min(100% - 64px,1040px)}.folge-held>.karte{align-self:center}.folge-titel h1{font-size:clamp(2.4rem,3.6vw,3.3rem)}}.folge-zusatz{width:min(100% - 32px,560px);margin:32px auto 0}@media (width>=900px){.folge-zusatz{width:min(100% - 64px,680px);margin-top:56px}}.kasten{border-radius:var(--radius-gross);padding:22px 24px}.kasten h2,.kasten h3{margin-bottom:.4em;font-size:1.25rem}.kasten p{margin:0}.kasten--mitmachen{box-shadow:var(--schatten);background:#fff}.kasten--mitmachen h2:before{content:"";background:var(--beere);vertical-align:.1em;border-radius:50%;width:12px;height:12px;margin-right:10px;display:inline-block}.kasten--funkel{background:var(--nacht);color:var(--mond);position:relative;overflow:hidden}.kasten--funkel:after{content:"";background:radial-gradient(circle,#f4b94273,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.kasten--funkel h2,.kasten--funkel h3{color:var(--glimmer)}.kasten--funkel .satz{font:500 1.3rem/1.4 var(--display);font-variation-settings:"SOFT" 100;z-index:1;position:relative}.kasten--funkel .klein{color:var(--mond-2);margin-top:10px;font-size:.95rem}.kasten--gruss{box-shadow:var(--schatten);background:#fff;border:0}.kasten--gruss .klopf{letter-spacing:.06em;text-transform:uppercase;color:var(--tanne);margin-bottom:10px;font-size:.9375rem;font-weight:800}.kasten--gruss blockquote{border-left:3px solid var(--glimmer);font:500 1.2rem/1.45 var(--display);font-variation-settings:"SOFT" 100;margin:0;padding-left:16px}.kasten--gruss .wer{color:var(--tanne);margin-top:10px;padding-left:19px;font-weight:800}.folge-fuss{color:var(--tinte-2);padding:8px 0 36px;font-size:.85rem}.folge-fuss a{color:inherit}.feedback{color:var(--tinte-2);margin-top:6px}.feedback h2,.feedback h3{color:var(--nacht);margin:0;font-size:1.1rem}.feedback form{gap:8px;margin-top:12px;display:grid}.feedback textarea,.melden textarea,.melden input[type=email]{width:100%;font:inherit;color:var(--nacht);background:#fff;border:1.5px solid #1b274238;border-radius:12px;padding:10px 12px}.feedback textarea:focus-visible,.melden textarea:focus-visible,.melden input[type=email]:focus-visible{outline:3px solid var(--beere);outline-offset:1px;border-color:#0000}.feedback .sterne{border:0;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:0;padding:0;display:flex}.feedback .sterne legend{width:100%;margin-bottom:4px}.feedback .sterne input{opacity:0;width:1px;height:1px;position:absolute}.feedback .sterne label{cursor:pointer;color:#1b274240;font-size:2rem;line-height:1}.feedback .sterne input:checked~label,.feedback .sterne label:hover,.feedback .sterne label:hover~label{color:var(--glimmer)}.feedback .sterne input:focus-visible+label{outline:2px solid var(--beere);outline-offset:2px;border-radius:4px}.feedback-danke{color:var(--tanne);margin:0;font-weight:700}.feedback button{justify-self:start}.feedback-mehr{gap:8px;display:grid}.feedback-mehr .klein{margin:0;font-size:.9rem;line-height:1.45}.feedback .sterne legend,.feedback-mehr label{color:var(--nacht);font-weight:800}.eltern .feedback .sterne label{padding:2px;font-size:2.3rem}.eltern .feedback>form>.klein{margin:0}details.aufklapper{border:0;padding:0}details.aufklapper:last-of-type{border-bottom:0}.aufklapper>summary{cursor:pointer;border-radius:inherit;-webkit-tap-highlight-color:transparent;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:72px;padding:18px 20px;font-size:1rem;font-weight:400;list-style:none;display:grid}.aufklapper>summary::-webkit-details-marker{display:none}.aufklapper>summary:after,.aufklapper[open]>summary:after{content:none}.aufklapper>summary:focus-visible{outline:3px solid var(--beere);outline-offset:2px}.aufklapper-kopf{grid-column:2;gap:3px;min-width:0;display:grid}.aufklapper-titel{color:var(--nacht);margin:0;font-size:1.4rem;line-height:1.15}.aufklapper-unter{color:var(--tinte-2);font-size:.95rem;line-height:1.4}.aufklapper-zeichen{width:42px;height:42px;color:var(--beere);background:#b33f5c1a;border-radius:50%;grid-column:1;place-items:center;display:grid}.aufklapper-zeichen svg{width:24px;height:24px}.aufklapper--tipps .aufklapper-zeichen{color:var(--tanne);background:#2f5a4f1f}.aufklapper-pfeil{background:var(--papier-tief);width:36px;height:36px;color:var(--nacht);border-radius:50%;grid-column:3;place-items:center;transition:transform .2s,background .2s;display:grid}.aufklapper-pfeil svg{width:18px;height:18px}.aufklapper>summary:hover .aufklapper-pfeil{background:var(--glimmer-hell)}.aufklapper[open]>summary .aufklapper-pfeil{transform:rotate(180deg)}.aufklapper[open]>summary .aufklapper-unter{display:none}.aufklapper-inhalt{padding:0 20px 24px}@media (prefers-reduced-motion:reduce){.aufklapper-pfeil{transition:none}}#melden,#feedback,#fuer-eltern{scroll-margin-top:16px}.tipps{color:var(--tinte-2);gap:10px;margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.tipps li{padding-left:22px;position:relative}.tipps li:before{content:"";background:var(--glimmer);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:2px}.melden{color:var(--tinte-2)}.melden .formular{gap:18px;display:grid}.melden .formular-text{margin:0}.melden .feld{gap:6px;display:grid}.melden .feld label{color:var(--nacht);font-weight:800}.melden .klein{margin:0;font-size:.9rem;line-height:1.45}.melden .btn{justify-self:start;min-height:48px}.feld-fehler{color:var(--beere-tief);margin:0;font-weight:700}.eltern{width:min(100% - 32px,560px);margin:40px auto 32px}.eltern .feedback{margin:0;padding:18px 22px 24px}.eltern .feedback h3{font-size:1.15rem}.eltern-box{border-radius:var(--radius-gross);box-shadow:var(--schatten);background:#fff;overflow:hidden}.eltern-kopf{padding:24px 22px 0}.eltern-kopf h2{margin:0;font-size:1.6rem}.aufklapper--zeile{border-top:1px solid #1b27421a}.aufklapper--zeile .aufklapper-titel{font-size:1.25rem}.aufklapper--zeile>summary{border-radius:0;padding-inline:22px}.aufklapper--zeile>summary:focus-visible{outline-offset:-3px}.aufklapper--zeile.aufklapper--melden{background:#fbf1f2}.aufklapper--zeile.aufklapper--tipps{background:var(--papier)}.aufklapper--zeile .aufklapper-pfeil{background:#fff}.aufklapper--zeile .aufklapper-inhalt{padding-inline:22px}@media (width>=900px){.eltern{width:min(100% - 64px,680px);margin-top:56px}.eltern-kopf{padding:30px 30px 0}.eltern .feedback,.aufklapper--zeile>summary,.aufklapper--zeile .aufklapper-inhalt{padding-inline:30px}}.folge-buehne>.teilen{gap:10px;width:min(100% - 32px,560px);margin:22px auto 0;display:grid}.teilen-wa,.teilen-link{border-radius:var(--pille);min-height:52px;font:800 1.05rem/1 var(--body,inherit);cursor:pointer;justify-content:center;align-items:center;gap:.6em;padding:0 20px;text-decoration:none;display:flex}.teilen-wa{color:#0b2b16;background:#25d366;border:0}.teilen-wa svg{width:26px;height:26px}.teilen-link{color:var(--mond);background:#e8ecf514;border:1.4px solid #e8ecf559}.teilen-link[hidden]{display:none}.teilen-wa:focus-visible,.teilen-link:focus-visible{outline:3px solid var(--glimmer-hell);outline-offset:3px}.teilen-hinweis{text-align:center;color:#e8ecf5bf;margin:0;font-size:.9rem}.geteilt-hinweis{background:var(--papier-tief);width:min(100% - 32px,560px);color:var(--nacht);border-radius:20px;margin:28px auto 8px;padding:18px 20px}.geteilt-hinweis h2{margin:0 0 .3em;font-size:1.2rem}.geteilt-hinweis p{margin:0 0 .8em}.geteilt-link{min-height:44px;color:var(--beere);align-items:center;font-weight:800;display:inline-flex}.beispiel-leiste{color:var(--mond);font-weight:700}.beispiel-leiste a{color:var(--glimmer-hell);align-items:center;min-height:32px;margin-left:.4em;display:inline-flex}.fehlerseite{width:min(100% - 32px,620px);margin:24px auto 64px}.fehlerseite h1{font-size:var(--schrift-h1-seite);margin-top:28px}
