.s23{background:var(--a23-warm);color:var(--a23-text)}.s23 a{color:inherit}.s23 .s23-held{padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}.s23 .s23-held:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8eb5559,#c8eb5500 65%);border-radius:50%;width:60vw;max-width:760px;height:60vw;max-height:760px;position:absolute;inset:auto -10% -40% auto}.s23 .s23-held-g{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:relative}.s23 .s23-held h1{margin:0 0 20px}.s23 .s23-held h1 em{color:var(--a23-forest);font-style:italic}.s23 .s23-held .a23-lead{margin:0 0 28px}.s23-idee{background:var(--a23-papier);border-radius:var(--a23-r-m);box-shadow:var(--a23-schatten);max-width:620px;padding:18px}.s23-idee label.vh{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.s23-idee .zeile{gap:10px;display:flex}.s23-idee input[type=text]{border:2px solid var(--a23-linie);min-width:0;min-height:52px;font:500 17px var(--a23-ui);color:var(--a23-tinte);background:#fff;border-radius:999px;flex:1;padding:0 20px}.s23-idee input[type=text]:focus-visible{outline:3px solid var(--a23-blue);outline-offset:2px}.s23-idee .arten{border:0;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;display:flex}.s23-idee .arten legend{font:700 12px var(--a23-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--a23-leise);margin-bottom:8px}.s23-idee .arten label{border:2px solid var(--a23-linie);background:var(--a23-warm);min-height:44px;font:600 15px var(--a23-ui);color:var(--a23-tinte);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:relative}.s23-idee .arten input{opacity:0;position:absolute}.s23-idee .arten label:has(input:checked){background:var(--a23-midnight);border-color:var(--a23-midnight);color:var(--a23-warm)}.s23-idee .arten label:has(input:focus-visible){outline:3px solid var(--a23-blue);outline-offset:2px}.s23-idee .arten i{background:var(--ton);border-radius:50%;width:10px;height:10px}.s23-idee .funken{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.s23-idee .funken button{border:1px dashed var(--a23-linie);min-height:44px;font:500 14px var(--a23-ui);color:var(--a23-leise);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.s23-idee .funken button:hover{color:var(--a23-tinte);border-color:var(--a23-tinte)}.s23-wand{aspect-ratio:1;justify-self:end;width:100%;max-width:560px;position:relative}.s23-wand>*{border-radius:var(--a23-r-m);box-shadow:var(--a23-schatten);background:var(--a23-papier);position:absolute;overflow:hidden}.s23-wand .seite{border:3px solid var(--a23-midnight);grid-template-rows:1.2fr 1fr;grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid;inset:4% 22% 18% 2%;transform:rotate(-3deg)}.s23-wand .seite>div{border:3px solid var(--a23-midnight);background:#fff;border-radius:8px;position:relative;overflow:hidden}.s23-wand .seite>div:first-child{grid-column:1/3}.s23-wand .seite img{object-fit:cover;width:100%;height:100%;display:block}.s23-wand .seite .blase{border:2px solid var(--a23-midnight);max-width:60%;font:700 13px/1.25 var(--a23-ui);color:var(--a23-midnight);background:#fff;border-radius:16px;padding:6px 10px;position:absolute;top:8px;right:8px}.s23-wand .art{aspect-ratio:333/520;background:linear-gradient(180deg, var(--a23-lime), #e7f7b5);width:38%;bottom:6%;right:0;transform:rotate(4deg)}.s23-wand .art img{object-fit:contain;object-position:bottom;width:100%;height:100%;display:block}.s23-wand .beat{background:var(--a23-midnight);width:52%;color:var(--a23-warm);grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid;bottom:0;left:6%;transform:rotate(2deg)}.s23-wand .beat .play{background:var(--a23-coral);width:40px;height:40px;color:var(--a23-midnight);border-radius:50%;place-items:center;font-size:14px;display:grid}.s23-wand .beat b{font:700 14px var(--a23-ui);display:block}.s23-wand .beat small{color:#c9c8da;font:500 12px var(--a23-ui)}.s23-wand .beat .welle{background:repeating-linear-gradient(90deg, var(--a23-lime) 0 3px, transparent 3px 7px);opacity:.9;border-radius:4px;grid-column:1/3;height:26px;-webkit-mask:linear-gradient(#0000 0,#000 30% 70%,#0000 100%);mask:linear-gradient(#0000 0,#000 30% 70%,#0000 100%)}.s23-wand .marke{background:var(--a23-coral);color:var(--a23-midnight);font:800 13px var(--a23-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:none;padding:8px 14px;top:0;left:50%;transform:translate(-30%)rotate(6deg)}.s23-bereiche{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.s23-bereich{border-radius:var(--a23-r-l);background:var(--a23-papier);box-shadow:var(--a23-schatten);border:1px solid var(--a23-linie);flex-direction:column;display:flex;overflow:hidden}.s23-bereich .bild{aspect-ratio:4/3;background:var(--ton-hell);position:relative;overflow:hidden}.s23-bereich .bild img{object-fit:cover;width:100%;height:100%;display:block}.s23-bereich .bild .nr{background:var(--a23-midnight);width:40px;height:40px;color:var(--a23-warm);font:800 15px var(--a23-ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:14px}.s23-bereich .in{flex-direction:column;flex:1;gap:12px;padding:20px 20px 22px;display:flex}.s23-bereich h3{font-size:26px;line-height:1.1}.s23-bereich .satz{color:var(--a23-leise);margin:0;line-height:1.5}.s23-bereich ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.s23-bereich li{font:500 14.5px/1.35 var(--a23-ui);color:var(--a23-text);border-bottom:1px solid var(--a23-linie);justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.s23-bereich li:last-child{border-bottom:0}.s23-bereich .los{align-self:flex-start;margin-top:auto}.s23-bereich.buch{--ton-hell:#ffe3dc}.s23-bereich.spiel{--ton-hell:#dfe8fb}.s23-bereich.kurs{--ton-hell:#dcefe5}.s23-bereich.medien{--ton-hell:#eef8cc}.s23-buchmotiv{background:#fff;border-radius:6px;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:12% 10%;box-shadow:0 18px 40px -20px #0e102780}.s23-buchmotiv>span{align-content:center;padding:10%;display:grid}.s23-buchmotiv>span:first-child{border-right:1px solid var(--a23-linie)}.s23-buchmotiv img{border-radius:4px;width:100%;height:auto}.s23-buchmotiv i{background:#e6e1d6;border-radius:3px;height:6px;margin:6px 0;display:block}.s23-buchmotiv i:nth-child(2){width:80%}.s23-buchmotiv b{font:600 15px var(--a23-serif);color:var(--a23-tinte)}.s23-medienmotiv{grid-template-rows:1fr 1fr;grid-template-columns:1.2fr 1fr;gap:6px;padding:12px;display:grid;position:absolute;inset:0}.s23-medienmotiv>*{border:3px solid var(--a23-midnight);background:#fff;border-radius:8px;overflow:hidden}.s23-medienmotiv>:first-child{grid-row:1/3}.s23-medienmotiv img{object-fit:cover;width:100%;height:100%;display:block}.s23-weg{counter-reset:weg;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}.s23-weg li{counter-increment:weg;border-radius:var(--a23-r-m);background:var(--a23-midnight-2);color:#d9d8e8;font:500 14.5px/1.45 var(--a23-ui);padding:18px}.s23-weg li:before{content:counter(weg, decimal-leading-zero);font:800 13px var(--a23-ui);color:var(--a23-lime);margin-bottom:10px;display:block}.s23-weg b{color:var(--a23-warm);font:700 16px var(--a23-ui);margin-bottom:4px;display:block}.s23-werke{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.s23-werke li{border-radius:var(--a23-r-m);background:var(--a23-papier);border:1px solid var(--a23-linie);padding:18px;position:relative}.s23-werke li:before{content:"";background:var(--ton);border-radius:0 4px 4px 0;width:4px;position:absolute;top:18px;bottom:18px;left:0}.s23-werke .art{font:700 12px var(--a23-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--a23-forest)}.s23-werke h3{margin:6px 0;font-size:21px}.s23-werke h3 a{text-decoration:none}.s23-werke h3 a:after{content:"";position:absolute;inset:0}.s23-werke small{color:var(--a23-leise)}.s23-werke .buch{--ton:var(--a23-coral)}.s23-werke .spiel{--ton:var(--a23-blue)}.s23-werke .kurs{--ton:var(--a23-forest)}.s23-werke .medien{--ton:var(--a23-lime-tief)}.s23-zugang{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.s23-plan{border-radius:var(--a23-r-l);background:var(--a23-papier);border:1px solid var(--a23-linie);flex-direction:column;gap:14px;padding:clamp(24px,3vw,36px);display:flex}.s23-plan.pro{background:var(--a23-midnight);color:#dcdbe9;border-color:var(--a23-midnight)}.s23-plan.pro h3,.s23-plan.pro .preis{color:var(--a23-warm)}.s23-plan .preis{font:600 40px/1 var(--a23-serif);color:var(--a23-tinte)}.s23-plan .preis small{font:500 15px var(--a23-ui);color:inherit;opacity:.8}.s23-plan ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.s23-plan li{padding-left:28px;line-height:1.45;position:relative}.s23-plan li:before{content:"";background:var(--a23-forest);border-radius:50%;width:16px;height:16px;position:absolute;top:4px;left:0;box-shadow:inset 0 0 0 4px #dcefe5}.s23-plan.pro li:before{background:var(--a23-lime);box-shadow:inset 0 0 0 4px var(--a23-midnight-2)}.s23-plan .klein{opacity:.85;margin:0;font-size:14px}.s23-hinweis-konzept{border-radius:var(--a23-r-s);color:#5c3d05;font:500 14.5px/1.5 var(--a23-ui);background:#f6ead0;max-width:900px;margin:18px 0 0;padding:14px 18px}.s23-profi{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:28px;padding:0;list-style:none;display:grid}.s23-profi li{border-radius:var(--a23-r-m);background:#ffffff14;border:1px solid #ffffff29}.s23-profi a,.s23-profi .zeile{min-height:44px;color:var(--a23-warm);height:100%;padding:18px;text-decoration:none;display:block}.s23-profi a:hover{border-radius:var(--a23-r-m);background:#ffffff14}.s23-profi b{font:700 16px var(--a23-ui);margin-bottom:4px;display:block}.s23-profi span{color:#d4e7dc;font:500 14px/1.45 var(--a23-ui)}.s23-comic{--papier:#fffdf6;--tinte:#2f2a24;background:var(--papier);border:4px solid var(--tinte);aspect-ratio:210/280;box-shadow:var(--a23-schatten);border-radius:6px;gap:10px;padding:10px;display:grid}.s23-comic.r1{grid-template:1fr/1fr}.s23-comic.r2{grid-template:1fr 1fr/1fr}.s23-comic.r3{grid-template:1.2fr 1fr/1fr 1fr}.s23-comic.r3>:first-child{grid-column:1/3}.s23-comic.r4{grid-template:1fr 1fr/1fr 1fr}.s23-panel{all:unset;box-sizing:border-box;border:3px solid var(--tinte);cursor:default;background:#fff;border-radius:4px;min-height:80px;display:block;position:relative;overflow:hidden}button.s23-panel{cursor:pointer}button.s23-panel:focus-visible{outline:3px solid var(--a23-blue);outline-offset:2px}.s23-panel.an{box-shadow:0 0 0 4px var(--a23-blue)}.s23-panel img{object-fit:cover;width:100%;height:100%;display:block}.s23-leer{font:600 14px var(--a23-ui);color:var(--a23-leise);background:repeating-linear-gradient(45deg,#faf7f0 0 10px,#f3eee3 10px 20px);place-items:center;display:grid;position:absolute;inset:0}.s23-erzaehler{border:2px solid var(--tinte);max-width:70%;font:600 13px/1.3 var(--a23-ui);color:#2f2a24;background:#fff5bf;padding:5px 8px;position:absolute;top:6px;left:6px}.s23-blase{border:2px solid var(--tinte);max-width:62%;font:700 14px/1.3 var(--a23-ui);color:#1b1814;white-space:pre-wrap;background:#fff;border-radius:18px;padding:8px 12px;position:absolute}.s23-blase.oben-links{top:34px;left:8px}.s23-blase.oben-rechts{top:8px;right:8px}.s23-blase.unten{bottom:10px;left:50%;transform:translate(-50%)}.s23-blase.sprechen:after{content:"";border:8px solid #0000;border-top-color:var(--tinte);position:absolute;bottom:-10px;left:22px}.s23-blase.denken{border-style:dashed;border-radius:30px}.s23-blase.rufen{text-transform:uppercase;letter-spacing:.02em;background:#fff1ee;border-width:3px;border-radius:4px}.s23-comicansicht{gap:28px;max-width:640px;display:grid}.s23-editor{grid-template-columns:240px minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.s23-seitenliste{gap:8px;margin:0;padding:0;list-style:none;display:grid}.s23-seitenliste li{border:1px solid var(--a23-linie);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:6px;padding:6px;display:flex}.s23-seitenliste li.an{box-shadow:inset 0 0 0 2px var(--a23-midnight)}.s23-seitenliste li>button{all:unset;cursor:pointer;min-height:44px;font:600 14px var(--a23-ui);flex:1;align-items:center;gap:10px;display:flex}.s23-seitenliste li>button:focus-visible{outline:3px solid var(--a23-blue);border-radius:8px}.s23-seitenliste .pfeile{display:flex}.s23-seitenliste .pfeile button{cursor:pointer;min-width:44px;min-height:44px;color:var(--a23-leise);background:0 0;border:0;border-radius:10px}.s23-seitenliste .pfeile button[disabled]{opacity:.3;cursor:default}.s23-mini{border:2px solid var(--a23-midnight);background:#fff;border-radius:3px;flex:none;gap:2px;width:36px;height:46px;padding:2px;display:inline-grid}.s23-mini.gross{width:60px;height:76px;margin-bottom:8px}.s23-mini i{border:1.5px solid var(--a23-midnight);background:#f3eee3;border-radius:1px}.s23-mini i.voll{background:var(--a23-lime)}.s23-mini.r1{grid-template:1fr/1fr}.s23-mini.r2{grid-template:1fr 1fr/1fr}.s23-mini.r3{grid-template:1fr 1fr/1fr 1fr}.s23-mini.r3 i:first-child{grid-column:1/3}.s23-mini.r4{grid-template:1fr 1fr/1fr 1fr}.s23-zwei-felder{grid-template-columns:1fr 1fr;gap:12px;display:grid}.s23-anhaenge{gap:12px;margin-top:14px;display:grid}.s23-anhang{border-radius:var(--a23-r-s);background:var(--a23-warm-2);margin:0;padding:12px}.s23-anhang audio{width:100%}.s23-anhang img{border-radius:8px;width:100%;height:auto;display:block}.s23-anhang figcaption{font:500 14px var(--a23-ui);color:var(--a23-text);margin-top:8px}.s23-anhangliste{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.s23-anhangliste li{align-items:center;gap:8px;display:flex}.s23-anhangliste input{margin-top:0!important}.ton-medien{--ton:var(--a23-lime-tief);--ton-hell:#eef8cc}.cs-werk.ton-medien .art{color:var(--a23-lime-tief)}.s23-arbeit{background:0 0}.a23.cs h1,.a23.cs h2,.a23.cs h3{font-family:var(--a23-serif);color:var(--a23-tinte)}.a23 .cs-knopf,.a23 button.cs-knopf{background:var(--a23-midnight);color:var(--a23-warm)}.a23 .cs-knopf:hover,.a23 button.cs-knopf:hover{background:var(--a23-midnight-2)}.a23 .cs-knopf.zweit,.a23 button.cs-knopf.zweit{color:var(--a23-tinte);background:0 0;border-color:#0e102747}.a23 .cs-knopf.zweit:hover,.a23 button.cs-knopf.zweit:hover{background:var(--a23-warm-2)}.a23 .cs-schritte li.an{background:var(--a23-midnight);border-color:var(--a23-midnight)}.a23 .cs-schritte li.fertig{color:var(--a23-forest);border-color:var(--a23-forest)}.a23 .cs-hinweis.gut{border-color:var(--a23-forest);background:#e3f1e9}.a23 .cs-editor-kopf{background:color-mix(in srgb, var(--a23-warm) 92%, transparent)}.a23 .cs-karte{background:var(--a23-papier);border-color:var(--a23-linie);border-radius:var(--a23-r-m)}@media (max-width:1180px){.s23-bereiche{grid-template-columns:repeat(2,minmax(0,1fr))}.s23-editor{grid-template-columns:220px minmax(0,1fr)}.s23-medienleiste{grid-column:1/3}}@media (max-width:900px){.s23 .s23-held-g{grid-template-columns:1fr}.s23-wand{justify-self:center;max-width:480px}.s23-weg{grid-template-columns:repeat(3,minmax(0,1fr))}.s23-zugang,.s23-editor{grid-template-columns:1fr}.s23-medienleiste{grid-column:auto}}@media (max-width:640px){.s23-bereiche{grid-template-columns:1fr}.s23-weg{grid-template-columns:repeat(2,minmax(0,1fr))}.s23-idee .zeile{flex-direction:column}.s23-idee .zeile .a23-knopf{justify-content:center}.s23-zwei-felder{grid-template-columns:1fr}.s23-wand{aspect-ratio:1/1.05}}@media (prefers-reduced-motion:reduce){.s23 *{transition:none!important}}.s23-anfrage .feld{font:600 15px var(--a23-ui);margin-top:12px;display:block}.s23-anfrage textarea{background:var(--a23-midnight-2);width:100%;min-height:88px;color:var(--a23-warm);font:16px/1.45 var(--a23-ui);border:1px solid #ffffff4d;border-radius:12px;margin-top:6px;padding:10px 14px;display:block}.s23-anfrage textarea:focus-visible{outline:3px solid var(--a23-lime);outline-offset:2px}.s23-plan .klein{color:inherit;opacity:1;font-size:14px;line-height:1.5}.s23-plan.pro .klein{color:#c9c8da}.s23-plan.pro a:not(.a23-knopf){color:var(--a23-lime)}
