@font-face {font-family:'Archivo';src:url('/assets/start/fonts/archivo-start.woff2') format('woff2');font-weight:700 850;font-stretch:100% 125%;font-display:swap}
@font-face {font-family:'Inter';src:url('/assets/start/fonts/inter-start.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face {font-family:'Caveat';src:url('/assets/start/fonts/caveat-start.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face {font-family:'Archivo Ersatz';src:local('Arial Bold'),local('Arial-BoldMT'),local('Roboto Bold'),local('Roboto');font-weight:700 850;size-adjust:103.6%;ascent-override:84.7%;descent-override:20.3%;line-gap-override:0%}
@font-face {font-family:'Inter Ersatz';src:local('Arial'),local('ArialMT'),local('Roboto');font-weight:400 600;size-adjust:106%;ascent-override:91.4%;descent-override:22.8%;line-gap-override:0%}
:root {
    color-scheme:light;
    --nacht:#120F1A;--nacht-2:#1D1829;--nacht-linie:#2E2740;--licht:#F4F1FA;--licht-weich:#B8B2C8;
    --violett:#6334CF;--violett-tief:#4A22A6;--violett-knopf:#7A4BF0;--violett-licht:#B9A2FF;--violett-hauch:#ECE4FB;
    --papier:#F7F5EE;--papier-2:#EDE8DA;--karte:#FFFFFF;--tinte:#242329;--tinte-weich:#55525E;--linie:#DDD6C6;
    --freigabe:#35573F;--freigabe-nacht:#7FD49A;--entwurf:#E9B949;--entwurf-text:#3A2A00;
    --tb-primaer:#2F4A3A;--tb-akzent:#C8A46A;--tb-flaeche:#F3EEE4;--tb-text:#2B2B2B;
    --e1:cubic-bezier(.23,1,.32,1);--e2:cubic-bezier(.77,0,.175,1);--e3:cubic-bezier(.32,.72,0,1);--e5:cubic-bezier(.2,0,0,1);
    --anzeige:'Archivo','Archivo Ersatz',Arial,sans-serif;--text:'Inter','Inter Ersatz',Arial,sans-serif;--hand:'Caveat','Comic Sans MS',cursive;
    --rand:clamp(1rem,.5rem + 3vw,3rem);--spalt:clamp(1rem,2.5vw,3.5rem);--kapitelraum:clamp(6rem,4rem + 8vw,12rem);--kopf:64px;
    --anker-luft:24px;--t-hand:clamp(1.375rem,1.05rem + 1.1vw,2rem);--t-zahl:clamp(1.75rem,1.2rem + 1.2vw,2.5rem);
    --schatten-papier:0 1px 0 rgb(36 35 41/.06),0 24px 60px -28px rgb(36 35 41/.35);
    --schatten-nacht:0 40px 120px -40px rgb(99 52 207/.55),inset 0 1px 0 rgb(255 255 255/.06);
    --grund:var(--papier);--schrift:var(--tinte);--schrift-weich:var(--tinte-weich);--akzent:var(--violett);
    --knopf:var(--violett);--knopf-tief:var(--violett-tief);--fokus:var(--violett);--trenner:var(--linie);
}
.flaeche-nacht {--grund:var(--nacht);--schrift:var(--licht);--schrift-weich:var(--licht-weich);--akzent:var(--violett-licht);--knopf:var(--violett-knopf);--knopf-tief:#6B3CE8;--fokus:var(--violett-licht);--trenner:var(--nacht-linie)}
*,*::before,*::after {box-sizing:border-box}
html {background:var(--nacht);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--kopf) + var(--anker-luft))}
body {margin:0;background:var(--papier);color:var(--tinte);font:400 1.0625rem/1.6 var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal}
h1,h2,h3,p,ol,ul,dl,dd,figure,fieldset {margin:0}
ol,ul {padding:0;list-style:none}
fieldset {border:0;padding:0;min-width:0}
legend {padding:0}
img,picture,svg {display:block;max-width:100%}
img {height:auto}
a {color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
strong,b {font-weight:600}
.zeichenvorrat {position:absolute;width:0;height:0;overflow:hidden}
.zeichen {width:1.125em;height:1.125em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media (min-width:700px) {.ganz {white-space:nowrap}}
.zusammen {white-space:nowrap}
:focus-visible {outline:3px solid var(--fokus);outline-offset:3px;border-radius:4px}
.sprung {position:fixed;left:var(--rand);top:12px;z-index:60;padding:12px 18px;border-radius:12px;background:var(--violett);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-160%)}
.sprung:focus-visible {transform:none;outline-color:var(--licht)}
.breite {width:min(100% - 2 * var(--rand),1360px);margin-inline:auto}
.raster {display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--spalt)}
@media (min-width:1024px) {.raster {grid-template-columns:repeat(12,minmax(0,1fr))}}
.augenbraue {margin-bottom:20px;color:var(--akzent);text-wrap:balance;font:700 .8125rem/1.2 var(--anzeige);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase}
.kapitel .augenbraue {color:var(--akzent)}
.h2 {color:var(--schrift);font:780 clamp(2.125rem,1.1rem + 3.2vw,4.25rem)/1 var(--anzeige);font-stretch:104%;letter-spacing:-.025em;text-wrap:balance}
.h3 {color:var(--schrift);font:720 clamp(1.375rem,1.1rem + .9vw,1.75rem)/1.15 var(--anzeige);letter-spacing:-.01em;text-wrap:balance}
.lead {color:var(--schrift-weich);font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.5;text-wrap:pretty}
.klein {color:var(--schrift-weich);font-size:.9375rem;font-weight:400;line-height:1.45;letter-spacing:.01em}
.kennung {color:var(--schrift-weich);font-size:.875rem;font-weight:500;line-height:1.45;letter-spacing:.01em}
.kapitel {position:relative;padding-block:var(--kapitelraum);background:var(--grund);color:var(--schrift)}
.kapitel p + p {margin-top:16px}
.kapitel p {text-wrap:pretty}
.knopf {position:relative;isolation:isolate;display:inline-flex;border:0;cursor:pointer;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:14px;background:var(--knopf);color:#fff;font:600 1.0625rem/1 var(--text);text-decoration:none;white-space:nowrap;transition:scale 140ms var(--e1)}
.knopf::before {content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--knopf-tief);opacity:0;transition:opacity 200ms var(--e5)}
.knopf:active {scale:.97}
.knopf--gross {min-height:56px;padding:0 30px;border-radius:16px;font-size:1.125rem}
.knopf--rand {background:transparent;color:var(--violett);box-shadow:inset 0 0 0 2px var(--violett)}
.knopf--rand::before {background:var(--violett-hauch)}
.flaeche-nacht .knopf--rand {color:var(--violett-licht);box-shadow:inset 0 0 0 2px var(--violett-licht)}
.flaeche-nacht .knopf--rand::before {background:rgb(185 162 255/.14)}
.textlink {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--schrift);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.3em}
.textlink .zeichen {transition:translate 200ms var(--e5)}
@media (hover:hover) and (pointer:fine) {
    .knopf:hover::before {opacity:1}
    .textlink:hover {text-decoration-color:currentColor}
    .textlink:hover .zeichen {translate:3px 0}
    .buehne__weiter:hover .zeichen {translate:0 3px}
}
.chip {display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:30px;padding:5px 12px;border-radius:15px;background:var(--violett-hauch);color:var(--violett-tief);font:600 .8125rem/1.3 var(--text);text-wrap:balance}
.chip--entwurf {background:#FBF0D3;color:var(--entwurf-text)}
.chip--entwurf::before,.chip--frei::before {content:'';width:8px;height:8px;flex:none;border-radius:50%;background:var(--entwurf)}
.chip--frei {background:#E3EFE6;color:var(--freigabe)}
.chip--frei::before {background:var(--freigabe)}
.chip--muster {background:var(--papier-2);color:var(--tinte-weich)}
.chip--leise {min-height:26px;background:var(--papier-2);color:var(--tinte-weich);font-size:.75rem}
.merk {display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:start}
.merk__zeichen {display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--violett-hauch);color:var(--violett)}
.merk__zeichen .zeichen {width:20px;height:20px}
.merk__titel {color:var(--schrift);font:600 1.0625rem/1.35 var(--text)}
.merk__text {margin-top:4px;color:var(--schrift-weich);font-size:.9375rem;line-height:1.5}
@property --ink {syntax:'<color>';inherits:true;initial-value:#242329}
@property --ink-soft {syntax:'<color>';inherits:true;initial-value:#55525E}
@property --brand {syntax:'<color>';inherits:true;initial-value:#6334CF}
@property --knopf {syntax:'<color>';inherits:true;initial-value:#6334CF}
@property --wortmarke-anfang {syntax:'<color>';inherits:true;initial-value:#5A33E6}
@property --wortmarke-mitte {syntax:'<color>';inherits:true;initial-value:#8B3BE8}
@property --wortmarke-ende {syntax:'<color>';inherits:true;initial-value:#C2399B}
.kopf {--brand:var(--violett);--brand-ink:var(--violett-tief);--brand-tint:var(--violett-hauch);--ink:var(--tinte);--ink-soft:var(--tinte-weich);--fokus:var(--violett);--knopf:var(--violett);--knopf-tief:var(--violett-tief);--wortmarke-anfang:#5A33E6;--wortmarke-mitte:#8B3BE8;--wortmarke-ende:#C2399B;position:fixed;inset:0 0 auto;z-index:50;height:var(--kopf);color:var(--ink);transition:--ink 0s linear 100ms,--ink-soft 0s linear 100ms,--brand 0s linear 100ms,--knopf 0s linear 100ms,--wortmarke-anfang 0s linear 100ms,--wortmarke-mitte 0s linear 100ms,--wortmarke-ende 0s linear 100ms}
.kopf::before,.kopf::after {content:'';position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);transition:opacity 200ms var(--e1)}
.kopf::before {background:rgb(247 245 238/.92);box-shadow:0 1px 0 rgb(36 35 41/.08)}
.kopf::after {background:rgb(18 15 26/.88);box-shadow:0 1px 0 rgb(255 255 255/.06);opacity:0}
.js .kopf:not([data-flaeche='papier']),.kopf[data-flaeche='nacht'] {--brand:var(--violett-licht);--brand-ink:#D4C6FF;--brand-tint:rgb(185 162 255/.16);--ink:var(--licht);--ink-soft:var(--licht-weich);--fokus:var(--violett-licht);--knopf:var(--violett-knopf);--knopf-tief:#6B3CE8;--wortmarke-anfang:#A88BFF;--wortmarke-mitte:#C58BFF;--wortmarke-ende:#FF8FD0}
.js .kopf:not([data-flaeche='papier'])::after,.kopf[data-flaeche='nacht']::after {opacity:1}
.js .kopf:not([data-flaeche='papier'])::before,.kopf[data-flaeche='nacht']::before {opacity:0}
.kopf__inhalt {display:flex;align-items:center;gap:28px;width:min(100% - 2 * var(--rand),1360px);height:100%;margin-inline:auto}
.kopf__nav {display:none;gap:28px}
.kopf__nav a,.kopf__anmelden {display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:.9375rem;font-weight:500;text-decoration:none}
.kopf__anmelden {margin-left:auto}
.knopf--kopf {min-height:44px;padding:0 18px;border-radius:12px;font-size:.9375rem}
.kopf__fortschritt {display:none}
@media (min-width:1024px) {.kopf__nav {display:flex;margin-left:auto} .kopf__anmelden {margin-left:0}}
@media (hover:hover) and (pointer:fine) {.kopf__nav a:hover,.kopf__anmelden:hover {text-decoration:underline;text-decoration-color:var(--brand)}}
@supports (animation-timeline:scroll()) {
    @media (prefers-reduced-motion:no-preference) {
        .kopf__fortschritt {display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brand);transform-origin:0 50%;animation:fortschritt linear both;animation-timeline:scroll(root)}
    }
}
@keyframes fortschritt {from {transform:scaleX(0)} to {transform:scaleX(1)}}
@media (max-width:519px) {
    .kopf__anmelden {display:none}
    .knopf--kopf {margin-left:auto;padding:0 16px}
}
@media (max-width:339px) {.knopf--kopf {padding:0 12px;font-size:.875rem}}
.buehne {position:relative;z-index:0;overflow-x:clip;padding:calc(var(--kopf) + 36px) 0 56px;background:var(--nacht);color:var(--licht)}
.buehne::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)' opacity='.05'/%3E%3C/svg%3E"),radial-gradient(60% 50% at 72% 45%,rgb(99 52 207/.35),transparent 70%)}
.buehne__raster {display:grid;gap:32px}
.buehne__text {max-width:40rem}
.titel {margin-bottom:22px;color:var(--licht);font:800 clamp(2.75rem,.9rem + 4.4vw,5.25rem)/.98 var(--anzeige);letter-spacing:-.035em}
@media (max-width:399px) {.titel {font-size:calc((94vw - 1rem) / 7.9)}}
.titel__zeile {position:relative;display:block;width:fit-content}
.titel__zeile--licht {color:var(--violett-licht)}
@supports (content:'a' / '') {
    .titel__zeile--licht {color:inherit}
    .titel__zeile::after {content:attr(data-glanz) / '';position:absolute;inset:0;color:var(--violett-licht);text-shadow:0 0 .4em rgb(185 162 255/.4);clip-path:inset(-25% 100% -25% 0);pointer-events:none}
    .titel__zeile--licht::after {clip-path:inset(-25% -5% -25% -5%)}
}
.buehne__kurz {max-width:30rem;margin-bottom:22px;color:var(--licht);font:650 clamp(1.25rem,1.05rem + .7vw,1.625rem)/1.3 var(--anzeige);letter-spacing:-.005em;text-wrap:balance}
.buehne__lead {max-width:34rem;color:var(--licht-weich)}
.buehne__aktion {display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}
.buehne__weiter {color:var(--licht)}
.buehne__mikro {max-width:30rem;margin-top:16px;color:var(--licht-weich);font-size:.875rem;line-height:1.5;text-wrap:pretty}
.buehne__gruender {display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--licht-weich);font-size:.9375rem;font-weight:600}
.buehne__gruender img {width:56px;height:56px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 25%;box-shadow:0 0 0 2px color-mix(in srgb,var(--licht) 40%,transparent)}
.buehne__anmelden {display:none;margin-top:12px;color:var(--licht-weich);font-size:.875rem}
.buehne__anmelden a {display:inline-flex;align-items:center;min-height:44px;color:var(--licht);font-weight:600}
@media (max-width:519px) {.buehne__anmelden {display:block}}
.wege__zweiter {margin-top:6px}
.buehne__app {max-width:30rem;margin-top:10px;color:var(--licht-weich);font-size:.875rem;line-height:1.5;text-wrap:pretty}
.buehne__app a {color:var(--licht);font-weight:600;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:.25em}
.schluss .wege__zweiter {margin-top:4px;text-align:center}
.schluss .wege__zweiter .textlink {color:var(--licht)}
@media (max-width:699px) {.buehne__aktion .knopf {width:100%}}
.szene {position:relative;z-index:0;width:min(100%,460px);margin-inline:auto}
.szene::before {content:'';position:absolute;inset:16% -8% 2%;z-index:-1;border-radius:45%;background:var(--buehnen-foto) center/cover;filter:blur(64px) saturate(1.25);opacity:.4;pointer-events:none}
.szene__neigung {position:relative;display:flex;flex-direction:column;gap:20px;container-type:inline-size;transform-origin:50% 40%}
.szene__darstellung {position:relative;display:flex;flex-direction:column;gap:20px;min-width:0}
.beitrag {position:relative;z-index:1}
.beitrag--buehne {border-radius:20px;box-shadow:var(--schatten-nacht)}
.beitrag__bild {position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:20px 20px 0 0;background:var(--nacht-2);container-type:inline-size}
.beitrag__foto {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.beitrag__ausgabe {position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.beitrag__linien {position:absolute;inset:6%;border:1px solid rgb(255 255 255/.6);background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgb(255 255 255/.45) 0 calc(33.33% + .5px),transparent 0 calc(66.67% - .5px),rgb(255 255 255/.45) 0 calc(66.67% + .5px),transparent 0),linear-gradient(transparent calc(33.33% - .5px),rgb(255 255 255/.45) 0 calc(33.33% + .5px),transparent 0 calc(66.67% - .5px),rgb(255 255 255/.45) 0 calc(66.67% + .5px),transparent 0);opacity:0}
.beitrag__licht {position:absolute;inset:-10% auto -10% 0;width:45%;background:linear-gradient(90deg,transparent,rgb(255 255 255/.85) 50%,transparent);opacity:0;pointer-events:none}
.beitrag__text {position:relative;display:grid;gap:14px;padding:20px 22px 22px;border-radius:0 0 20px 20px;background:var(--karte);color:var(--tinte);font-size:.9375rem;line-height:1.5}
.beitrag__text strong {color:var(--tinte)}
.beitrag__schrift {display:grid}
.beitrag__schrift > * {grid-area:1/1}
.zettel {--uebergabe:translateY(6px) rotate(.8deg);position:relative;z-index:2;order:-1;width:min(100%,18rem);max-width:100%;align-self:flex-start;padding:14px 18px 16px;border-radius:6px;background:#FFFDF6;color:var(--tinte);box-shadow:0 18px 40px -18px rgb(0 0 0/.65),0 1px 0 rgb(0 0 0/.08);rotate:-2deg}
.zettel__kopf {color:var(--tinte);font:600 .6875rem/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase}
.zettel__text {margin-top:6px;font:600 1.5rem/1.15 var(--hand)}
.zettel__zeile {display:block;white-space:normal;overflow-wrap:anywhere}
.notiz {position:absolute;z-index:3;display:none;width:max-content;color:var(--licht-weich);font:600 clamp(1.375rem,1.2rem + .5vw,1.75rem)/1.05 var(--hand);pointer-events:none}
.notiz__pfeil {position:absolute;width:64px;height:36px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.szene__kennung {margin-bottom:14px;color:var(--licht-weich);font-size:.8125rem}
.szene__nochmal {position:absolute;z-index:4;top:4.444cqw;right:4.444cqw;display:none;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgb(18 15 26/.62);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:inset 0 0 0 1px rgb(255 255 255/.2),0 6px 18px -6px rgb(0 0 0/.5);transition:opacity 200ms var(--e1),scale 140ms var(--e1),background-color 200ms var(--e5)}
.szene__nochmal .zeichen {width:20px;height:20px;stroke-width:2}
.szene__nochmal:focus-visible {outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px rgb(18 15 26/.6)}
.js .szene__nochmal {display:grid;visibility:hidden;opacity:0}
.js .szene__nochmal.ist-bereit {visibility:visible;opacity:1;transition:opacity 260ms var(--e1),background-color 200ms var(--e5)}
.js .szene__nochmal.ist-bereit[aria-disabled='true'] {opacity:.45;cursor:default}
.szene__nochmal.ist-bereit:not([aria-disabled='true']):active {background-color:rgb(18 15 26/.82)}
@media (hover:hover) and (pointer:fine) {.szene__nochmal:not([aria-disabled='true']):hover {background-color:rgb(18 15 26/.82)}}
@media (prefers-reduced-motion:reduce) {.js .szene__nochmal {display:none}}
@media (max-width:699px) {
    .buehne__raster {gap:40px}
    .szene__neigung {gap:16px}
    .notiz--freigabe {position:static;display:block;order:1;max-width:none;margin:-4px 0 0 auto;padding-right:12px}
    .notiz--freigabe .notiz__pfeil {display:none}
}
@media (min-width:700px) {
    .notiz--marke,.notiz--freigabe {display:block}
    .szene__kennung {margin-left:-180px;text-align:right}
    .notiz {right:calc(100% + 34px);max-width:6.4em;text-align:right}
    .notiz .notiz__pfeil {left:calc(100% + 2px);top:42%}
    .notiz--marke {top:2.5cqw}
    .notiz--freigabe {top:auto;bottom:6px}
    .notiz--freigabe .notiz__pfeil {top:auto;bottom:40%}
}
@media (min-width:700px) and (max-width:1023px) {
    .buehne__raster {gap:48px}
    .szene {margin:16px 0 0 auto}
}
@media (max-width:1023px) {
    .buehne__raster {gap:0}
    .buehne__text {display:contents}
    .buehne__augenbraue {order:1}
    .titel,.buehne__kurz {order:2}
    .buehne__aktion {order:3;margin-top:4px}
    .buehne .wege__zweiter {order:3}
    .buehne__mikro,.buehne__app {order:4}
    .buehne__gruender {order:5}
    .szene {order:6;margin-top:40px;margin-bottom:28px}
    .buehne__anmelden {order:7}
}
@media (max-width:699px) {
    .buehne {padding-top:calc(var(--kopf) + 28px)}
    .buehne__augenbraue {margin-bottom:16px}
    .titel {margin-bottom:24px}
    .szene {display:flex;flex-direction:column}
    .szene__kennung {order:2;margin:14px 0 0}
}
@media (min-width:1024px) {
    .buehne {display:flex;align-items:center;min-height:min(100svh,960px);padding:calc(var(--kopf) + clamp(1.5rem,5vh,4.5rem)) 0 clamp(2rem,5vh,4rem)}
    .buehne__raster {grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);align-items:center;width:min(100% - 2 * var(--rand),1360px)}
    .buehne__text {grid-column:1/7}
    .szene {grid-column:8/13;justify-self:end;width:min(100%,440px);margin:0}
    .beitrag--buehne .beitrag__text {font-size:.875rem}
}
@media (min-width:1280px) {
    .notiz--foto,.notiz--text {display:block}
    .notiz--foto {top:30cqw}
    .notiz--text {top:calc(125cqw + 6px);right:calc(100% + 46px)}
    .notiz {max-width:9em}
    .beitrag--buehne .beitrag__text {font-size:.9375rem}
}
@media (prefers-reduced-motion:no-preference) {
    html:not(.szene-gesehen) .buehne .titel__zeile {animation:auf 640ms var(--e1) both}
    html:not(.szene-gesehen) .buehne .titel__zeile:nth-child(2) {animation-delay:70ms}
    html:not(.szene-gesehen) .buehne .titel__zeile:nth-child(3) {animation-delay:140ms}
    html:not(.szene-gesehen) .buehne__augenbraue {animation:ein 360ms var(--e1) 80ms both}
    html:not(.szene-gesehen) .buehne__lead {animation:ein 360ms var(--e1) 160ms both}
    html:not(.szene-gesehen) .buehne__aktion {animation:ein 360ms var(--e1) 240ms both}
    html:not(.szene-gesehen) .buehne__mikro,html:not(.szene-gesehen) .buehne__anmelden {animation:ein 360ms var(--e1) 300ms both}
    .szene .notiz--foto {animation:notiz 300ms var(--e1) 300ms both}
    .szene .notiz--foto .notiz__pfeil {animation:strich 320ms var(--e2) 380ms both}
    .beitrag--buehne .beitrag__linien {animation:linien 900ms linear 400ms both}
    .beitrag--buehne .beitrag__foto {animation:ausrichten 700ms var(--e2) 450ms both}
    .beitrag--buehne .beitrag__ausgabe {animation:ein-nur 600ms var(--e1) 1850ms both}
    .buehne .zettel__zeile {animation:handschrift 300ms linear 1100ms both}
    .buehne .zettel__zeile + .zettel__zeile {animation-duration:380ms;animation-delay:1400ms}
    .szene .notiz--marke {animation:notiz 300ms var(--e1) 1800ms both}
    .szene .notiz--marke .notiz__pfeil {animation:strich 320ms var(--e2) 1880ms both}
    .buehne .zettel {animation:uebergabe 640ms var(--e1) 2500ms both}
    .szene .notiz--text {animation:notiz 300ms var(--e1) 2600ms both}
    .szene .notiz--text .notiz__pfeil {animation:strich 320ms var(--e2) 2680ms both}
    .beitrag--buehne .chip--entwurf {animation:chip 240ms var(--e1) 3050ms both}
    .szene .notiz--freigabe {animation:notiz 300ms var(--e1) 3100ms both}
    .szene .notiz--freigabe .notiz__pfeil {animation:strich 320ms var(--e2) 3180ms both}
    .beitrag--buehne .beitrag__licht {animation:licht 900ms var(--e2) 3150ms both}
    .titel__zeile--licht::after {animation:glanz 640ms var(--e2) 3300ms both}
}
@media (prefers-reduced-motion:no-preference) {
    .titel__zeile:first-child::after {animation:streif 760ms var(--e2) 1000ms both}
    .titel__zeile:nth-child(2)::after {animation:streif 760ms var(--e2) 1700ms both}
}
html.szene-gesehen .buehne:not(.spielt) .szene *,html.szene-gesehen .buehne:not(.spielt) .titel__zeile::after,
.buehne.neu .szene *,.buehne.neu .titel__zeile::after {animation:none!important}
.buehne.wartet .szene *,.buehne.wartet .titel__zeile::after {animation-play-state:paused!important}
@keyframes auf {from {transform:translateY(.18em)}}
@keyframes ein {from {opacity:0;transform:translateY(8px)}}
@keyframes ein-nur {from {opacity:0}}
@keyframes notiz {from {opacity:0;transform:translateY(6px)}}
@keyframes strich {from {clip-path:inset(-20% 100% -20% 0)} to {clip-path:inset(-20% -20% -20% -20%)}}
@keyframes linien {0% {opacity:0;transform:scale(1.06)} 22% {opacity:1;transform:scale(1.06);animation-timing-function:cubic-bezier(.23,1,.32,1)} 50% {opacity:1;transform:scale(1.06)} 72% {opacity:1;transform:none} 78% {opacity:1} 100% {opacity:0;transform:none}}
@keyframes ausrichten {from {transform:rotate(-3deg) scale(.92) translateY(10px)}}
@keyframes handschrift {from {clip-path:inset(-30% 100% -40% -4%)} to {clip-path:inset(-30% -6% -40% -4%)}}
@keyframes marke {from {opacity:0;transform:translateY(-10px) scale(.96)}}
@keyframes karte {from {opacity:0;transform:translateY(12px)}}
@keyframes balken {from {transform:scaleX(0)}}
@keyframes zeile-auf {from {clip-path:inset(0 -5% 100% -5%);transform:translateY(30%)} to {clip-path:inset(-10% -5% -30% -5%);transform:none}}
@keyframes uebergabe {0%,100% {transform:none} 30% {transform:var(--uebergabe)}}
@keyframes chip {from {opacity:0;transform:scale(.96)}}
@keyframes licht {0% {opacity:0;transform:translateX(-120%) skewX(-18deg)} 35% {opacity:.35} 100% {opacity:0;transform:translateX(250%) skewX(-18deg)}}
@keyframes glanz {from {clip-path:inset(-25% 100% -25% 0)} to {clip-path:inset(-25% -5% -25% -5%)}}
@keyframes streif {0% {clip-path:inset(-25% 100% -25% 0)} 45% {clip-path:inset(-25% -5% -25% -5%)} 100% {clip-path:inset(-25% -5% -25% 100%)}}
@media (min-width:1024px) {
    .buehne {align-items:flex-start;padding-top:calc(var(--kopf) + 24px);padding-bottom:28px}
    .buehne__raster {align-items:start}
    .szene {--glut-breite:clamp(256px,calc((100svh - 400px) * .8),440px);display:flex;flex-direction:column;width:min(100%,var(--glut-breite))}
    .beitrag--buehne .beitrag__bild {height:auto;aspect-ratio:4/5}
    .beitrag--buehne .beitrag__text {gap:8px;padding:12px 14px 14px;font-size:.875rem;line-height:1.4}
    .szene__kennung {order:2;margin:10px 0 0;font-size:.75rem;line-height:1.4;text-align:left}
    .szene__neigung {gap:12px}
    .zettel {padding:10px 14px 12px;rotate:-1deg}
    .zettel__text {font-size:1.5rem;line-height:1.1}
    .notiz--text {top:auto;bottom:100px}
}
@media (min-width:1024px) and (max-height:850px) {
    .buehne .titel {font-size:clamp(2.75rem,6.7svh,3.5rem);margin-bottom:20px}
    .buehne__kurz {font-size:1.25rem;margin-bottom:16px}
    .buehne__lead {font-size:1.0625rem;line-height:1.45}
    .buehne__aktion {margin-top:20px}
    .buehne__mikro {margin-top:12px}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference) {
    .vorhang .buehne[data-buehnenhoehe] {position:sticky;top:min(0px,calc(100svh - var(--buehnen-hoehe)))}
}
.manifest {position:relative;z-index:1;padding-block:clamp(7rem,5rem + 10vw,14rem);background:var(--papier)}
.manifest__titel {color:var(--tinte);font:800 clamp(2.25rem,.8rem + 4.4vw,5.5rem)/.98 var(--anzeige);font-stretch:108%;letter-spacing:-.03em}
.manifest__titel .zeile,.zitat .zeile,.schluss__titel .zeile {display:block;text-wrap:balance}
.zeile--violett {color:var(--violett)}
.flaeche-nacht .zeile--violett {color:var(--violett-licht)}
.manifest__satz {max-width:32rem;margin-top:40px}
.manifest__inhalt {container-type:inline-size}
@media (min-width:700px) {.manifest__titel {font-size:min(clamp(2.25rem,.8rem + 4.4vw,5.5rem),6.1cqi)}}
@media (min-width:1024px) {
    .manifest__inhalt {padding-inline:calc((100% - 11 * var(--spalt)) / 12 + var(--spalt))}
    .manifest__satz {max-width:36rem}
}
@media (min-width:1024px) and (min-height:760px) and (prefers-reduced-motion:no-preference) {
    @supports (animation-timeline:view()) {
        .vorhang {timeline-scope:--vorhang}
        .vorhang .buehne[data-buehnenhoehe] {position:sticky;top:min(0px,calc(100svh - var(--buehnen-hoehe)))}
        .vorhang .buehne::after {content:'';position:absolute;inset:0;z-index:5;background:#08060D;opacity:0;pointer-events:none;animation:abdunkeln linear both;animation-timeline:--vorhang;animation-range:entry 0% entry 100%}
        .manifest {border-radius:32px 32px 0 0;box-shadow:0 -30px 60px -20px rgb(0 0 0/.55);clip-path:inset(-120px 0 0 0);view-timeline-name:--vorhang}
    }
}
@keyframes abdunkeln {to {opacity:.55}}
[data-zeigen=''] {transition:opacity 500ms var(--e1),transform 500ms var(--e1)}
.zeigen-bereit [data-zeigen='']:not(.ist-da) {opacity:0;transform:translateY(16px)}
:is(.raster,.pakete,.fragen__liste,.anfang__kopf,.anfang__erzaehlung,.ablauf__kopf,.ideen__text,.takt__kopf,.haltung__text,.branchen__text,.preise__kopf,.fragen__kopf,.schluss__text,.manifest__inhalt,.schritte,.kennzahlen__text,.regeln,.fakten__liste) > [data-zeigen='']:nth-child(2) {transition-delay:70ms}
:is(.raster,.pakete,.fragen__liste,.anfang__kopf,.anfang__erzaehlung,.ablauf__kopf,.ideen__text,.takt__kopf,.haltung__text,.branchen__text,.preise__kopf,.fragen__kopf,.schluss__text,.manifest__inhalt,.schritte,.kennzahlen__text,.regeln,.fakten__liste) > [data-zeigen='']:nth-child(3) {transition-delay:140ms}
:is(.raster,.pakete,.fragen__liste,.anfang__kopf,.anfang__erzaehlung,.ablauf__kopf,.ideen__text,.takt__kopf,.haltung__text,.branchen__text,.preise__kopf,.fragen__kopf,.schluss__text,.manifest__inhalt,.schritte,.kennzahlen__text,.regeln,.fakten__liste) > [data-zeigen='']:nth-child(4) {transition-delay:210ms}
:is(.raster,.pakete,.fragen__liste,.takt__kopf,.fragen__kopf,.schluss__text) > [data-zeigen='']:nth-child(n + 5) {transition-delay:280ms}
.zeigen-bereit [data-zeigen='zeilen']:not(.ist-da) .zeile {clip-path:inset(0 -5% 100% -5%);transform:translateY(40%)}
[data-zeigen='zeilen'] .zeile {clip-path:inset(-10% -5% -30% -5%);transition:clip-path 640ms var(--e1),transform 640ms var(--e1)}
[data-zeigen='zeilen'] .zeile:nth-child(2) {transition-delay:120ms}
[data-zeigen='zeilen'] .zeile:nth-child(3) {transition-delay:240ms}
.ohne-bewegung,.ohne-bewegung * {animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce) {
    .kopf,.kopf::before,.kopf::after,.lockup__zendrion::after {transition:none}
    [data-zeigen=''],[data-zeigen='zeilen'] .zeile {transition:opacity 200ms linear!important}
    .zeigen-bereit [data-zeigen='']:not(.ist-da) {transform:none}
    .zeigen-bereit [data-zeigen='zeilen']:not(.ist-da) .zeile {clip-path:none;transform:none;opacity:0}
}
@media (prefers-reduced-transparency:reduce) {
    .kopf::before {background:var(--papier)}
    .kopf::after {background:var(--nacht)}
    .kopf::before,.kopf::after,.szene__nochmal {-webkit-backdrop-filter:none;backdrop-filter:none}
    .szene__nochmal {background:var(--nacht)}
}
@media (prefers-contrast:more) {
    :root {--tinte-weich:var(--tinte);--licht-weich:var(--licht)}
    .flaeche-nacht {--schrift-weich:var(--licht)}
    .knopf--rand,.chip {box-shadow:inset 0 0 0 2px currentColor}
}
@media (forced-colors:active) {
    .buehne::before,.szene::before,.beitrag__licht,.titel__zeile::after,.beitrag__linien {display:none}
    .knopf,.szene__nochmal {border:2px solid ButtonText}
}
@media (max-width:359px) {.buehne__aktion .knopf {padding-inline:14px;font-size:1rem;white-space:nowrap}}