.vorhang + .ablauf,.ablauf + .anfang,.ideen + .takt,.preise + .fragen {padding-top:var(--anker-luft)}
.k2,.branchen {--grund:var(--papier-2)}
.haltung,.schluss {--grund:var(--nacht)}
.zitat {margin-bottom:32px;color:var(--tinte);font:800 clamp(2.5rem,1rem + 4.2vw,5.25rem)/.96 var(--anzeige);letter-spacing:-.03em}
.anfang__text {max-width:34rem}
.anfang__teil {max-width:30rem;padding-top:20px;border-top:2px solid var(--violett);color:var(--tinte);font:720 clamp(1.375rem,1.1rem + .9vw,1.75rem)/1.15 var(--anzeige);letter-spacing:-.01em;text-wrap:balance}
.anfang__erzaehlung .anfang__teil {margin-top:28px}
.abend {position:relative;margin-top:48px;padding:clamp(16px,3.2vw,56px);border-radius:clamp(20px,2.6vw,32px);background:radial-gradient(60% 55% at 12% 0%,rgb(233 185 73/.22),transparent 70%),var(--papier-2);overflow:clip}
.abendzettel {position:relative;max-width:36rem;margin-inline:auto;padding:30px clamp(16px,3vw,40px) clamp(20px,3vw,36px) 48px;border-radius:6px 6px 22px 6px;background:linear-gradient(90deg,transparent 30px,rgb(214 120 120/.35) 30px 31.5px,transparent 31.5px),#FFFDF6;box-shadow:0 1px 0 rgb(36 35 41/.06),0 28px 56px -24px rgb(36 35 41/.45);rotate:-1.2deg}
.abendzettel::before {content:'';position:absolute;top:-13px;left:50%;width:104px;height:28px;margin-left:-52px;border-radius:2px;background:rgb(214 196 150/.5);rotate:-3deg}
.abend__kopf {padding-bottom:10px;border-bottom:1.5px solid #ECE6DA;color:var(--tinte-weich);font:600 var(--t-hand)/1.15 var(--hand)}
.abend__liste {display:grid;gap:clamp(14px,1.6vw,22px);margin-top:14px}
.abend__punkt {display:grid;justify-items:start;--v:0ms}
.abend__aufgabe {color:#3C3A44;font:600 var(--t-hand)/1.15 var(--hand);white-space:nowrap}
.abend__wort {position:relative;display:inline-block}
.abend__strich {position:absolute;left:-4%;top:38%;width:108%;max-width:none;height:.42em;overflow:visible;fill:none;stroke:var(--violett);stroke-width:3;stroke-linecap:round}
.abend__strich path,.abend__unterstrich path {vector-effect:non-scaling-stroke}
.abend__punkt .abend__antwort {display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;margin-top:8px;padding:8px 12px;border-radius:10px;background:var(--violett-hauch);color:var(--tinte);font-weight:500;line-height:1.4;rotate:-.5deg}
.abend__punkt:nth-child(even) .abend__antwort {rotate:.6deg}
.abend__antwort > span {text-wrap:balance}
.abend__haken {width:18px;height:18px;margin-top:3px;color:var(--violett);stroke-width:2.5}
.abendzettel .abend__schluss {position:relative;width:fit-content;margin:20px 0 6px auto;color:var(--violett);font:600 clamp(2rem,1.6rem + 1.6vw,2.75rem)/1 var(--hand);rotate:-4deg}
.abend__unterstrich {position:absolute;left:0;bottom:-10px;width:100%;height:10px;overflow:visible;fill:none;stroke:var(--violett);stroke-width:2.5;stroke-linecap:round}
@media (max-width:699px) {
    .abendzettel {padding-left:40px;background:linear-gradient(90deg,transparent 24px,rgb(214 120 120/.35) 24px 25.5px,transparent 25.5px),#FFFDF6;rotate:-.8deg}
}
@media (min-width:1024px) {
    .anfang__kopf {grid-column:1/-1;margin-bottom:clamp(2rem,4vw,4.5rem)}
    .zitat {margin-bottom:0}
    .zitat .zeile + .zeile {padding-left:calc((100% - 11 * var(--spalt)) / 6 + 2 * var(--spalt))}
    .anfang__erzaehlung {grid-column:1/6;grid-row:2;align-self:start;position:sticky;top:calc(var(--kopf) + 40px)}
    .abend {grid-column:6/13;grid-row:2;margin-top:0}
}
.abend__punkt:nth-child(2) {--v:420ms} .abend__punkt:nth-child(3) {--v:840ms} .abend__punkt:nth-child(4) {--v:1260ms}
.abend__strich,.abend__unterstrich {clip-path:inset(-60% -2% -60% -2%);transition:clip-path 380ms var(--e2) calc(400ms + var(--v,0ms))}
.abend__text {opacity:.72;transition:opacity 380ms var(--e2) calc(400ms + var(--v))}
.abend__punkt .abend__antwort {transition:opacity 360ms var(--e1) calc(580ms + var(--v)),transform 360ms var(--e1) calc(580ms + var(--v))}
.abend__haken {transition:opacity 260ms linear calc(660ms + var(--v)),transform 260ms linear(0,.38 9%,.86 20%,1.04 30%,1.07 36%,1.02 48%,.995 62%,1) calc(660ms + var(--v))}
.abendzettel .abend__schluss {transition:opacity 460ms var(--e1) 2200ms,transform 460ms linear(0,.38 9%,.86 20%,1.04 30%,1.07 36%,1.02 48%,.995 62%,1) 2200ms}
.abend__unterstrich {transition-duration:300ms;transition-delay:2480ms}
@media (prefers-reduced-motion:no-preference) {
    .zeigen-bereit .abend:not(.ist-da) :is(.abend__strich,.abend__unterstrich) {clip-path:inset(-60% 100% -60% 0)}
    .zeigen-bereit .abend:not(.ist-da) .abend__text {opacity:1}
    .zeigen-bereit .abend:not(.ist-da) .abend__punkt .abend__antwort {opacity:0;transform:translateY(10px)}
    .zeigen-bereit .abend:not(.ist-da) .abend__haken {opacity:0;transform:scale(.4)}
    .zeigen-bereit .abend:not(.ist-da) .abendzettel .abend__schluss {opacity:0;transform:scale(.82)}
}
.k2 {overflow-x:clip;scroll-margin-top:calc(-1 * var(--kapitelraum))}
.k2__text p:not(.augenbraue) {max-width:34rem}
.k2__text .h2 {margin-bottom:24px}
@media (min-width:1024px) {.k2__text .h2 {font-size:clamp(2.125rem,1.2rem + 1.7vw,3.25rem)}}
.k2__text p + p {margin-top:16px}
.k2__browser {margin-top:48px}
.k2__browser .kennung {margin-bottom:12px}
.browser {display:flex;flex-direction:column;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:var(--karte);box-shadow:var(--schatten-papier)}
.browser__leiste {display:flex;align-items:center;gap:12px;height:34px;padding:0 14px;border-bottom:1px solid var(--linie);background:#F1EDE3}
.browser__punkte {width:40px;height:10px;background:radial-gradient(circle at 5px 5px,#D6CEBD 4px,transparent 4.5px) 0 0/15px 10px repeat-x}
.browser__adresse {width:min(60%,22rem);margin-inline:auto;padding:4px 12px;border-radius:8px;background:var(--karte);color:var(--tinte-weich);font:500 .75rem/1.3 var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser__seite {position:relative;flex:1;overflow:hidden;background:var(--tb-flaeche);color:var(--tb-text);container-type:inline-size}
.tb-kopf {display:flex;align-items:center;justify-content:space-between;padding:3.4cqw 5cqw}
.tb-logo {color:var(--tb-primaer);font:600 3.1cqw/1 var(--text);letter-spacing:.02em;text-transform:uppercase}
.tb-nav {font:500 2.4cqw/1 var(--text)}
.tb-held {display:grid;grid-template-columns:1.15fr .85fr;gap:4cqw;padding:2cqw 5cqw}
.tb-titel {color:var(--tb-primaer);font:600 6.6cqw/1.02 var(--text);letter-spacing:-.02em}
.tb-unter {margin-top:2cqw;font:400 2.6cqw/1.35 var(--text)}
.tb-knopf {display:inline-block;margin-top:3.6cqw;padding:1.6cqw 3cqw;border-radius:1.2cqw;background:var(--tb-akzent);color:var(--tb-text);font:600 2.3cqw/1 var(--text)}
.tb-bild {width:100%;aspect-ratio:4/4.4;object-fit:cover;border-radius:1.6cqw}
.tb-fuss {position:absolute;left:5cqw;bottom:3cqw;font:500 2.2cqw/1 var(--text)}
.k2__scan {position:absolute;inset:0;border-bottom:2px solid var(--violett);background:linear-gradient(transparent 55%,rgb(99 52 207/.12));box-shadow:0 10px 24px -6px rgb(99 52 207/.55);pointer-events:none;transform:translateY(-100%);opacity:0}
.tb-logo,.tb-titel,.tb-knopf {position:relative}
.tb-titel {width:fit-content}
.treffer {position:absolute;inset:-1.1cqw -1.5cqw;border-radius:1.4cqw;box-shadow:0 0 0 2px var(--violett),0 0 0 6px rgb(99 52 207/.18);opacity:0;pointer-events:none}
.profil {position:relative;z-index:2;margin-top:16px;padding:20px 22px 18px;border-radius:24px;background:var(--karte);box-shadow:var(--schatten-papier),0 40px 80px -40px rgb(36 35 41/.3)}
.profil__kopf {display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.profil__titel {font:720 1.125rem/1.2 var(--anzeige)}
.profil__zeile {display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:12px;min-height:46px;padding-block:6px;border-top:1px solid var(--linie)}
.profil dt {color:var(--tinte-weich);font-size:.8125rem;font-weight:500}
.profil dd {font-size:.9375rem;font-weight:500}
.profil__wert {position:relative}
.profil__wert > span[data-k2]:not(.profil__platz):not(.profil__logo) {display:inline-block}
.profil__platz {position:absolute;left:0;top:50%;width:min(100%,8.5rem);height:10px;margin-top:-5px;border-radius:5px;background:var(--papier-2);opacity:0;pointer-events:none}
.profil__platz--logo {width:min(100%,11rem);height:30px;margin-top:-15px;border-radius:8px}
.profil__logos {display:flex;flex-wrap:wrap;gap:8px}
.profil__logo {display:grid;gap:2px;padding:6px 10px;border-radius:8px;background:var(--tb-flaeche);color:var(--tb-primaer);font:700 .6875rem/1.1 var(--anzeige);text-transform:uppercase;box-shadow:inset 0 0 0 1px rgb(0 0 0/.06)}
.profil__logo small {color:var(--tinte-weich);font:500 .6875rem/1.2 var(--text);text-transform:none}
.profil__logo--dunkel {background:var(--tb-primaer);color:var(--tb-flaeche)}
.profil__logo--dunkel small {color:rgb(243 238 228/.8)}
.profil__zeile--farben {align-items:start;padding-block:10px}
.hausfarben legend {margin-bottom:4px;color:var(--tinte-weich);font-size:.75rem}
.hausfarben {display:flex;flex-wrap:wrap;gap:2px}
.hausfarbe {position:relative;display:grid;justify-items:center;gap:4px;min-width:52px;min-height:48px;padding:4px 2px;border-radius:10px;color:var(--tinte-weich);font-size:.6875rem;cursor:pointer}
.hausfarbe input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.hausfarbe__feld {width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0/.14)}
.hausfarbe input:checked ~ .hausfarbe__feld {box-shadow:inset 0 0 0 1px rgb(0 0 0/.14),0 0 0 2px var(--karte),0 0 0 4px var(--violett)}
.hausfarbe input:checked ~ .hausfarbe__name {color:var(--tinte);font-weight:600}
.hausfarbe input:focus-visible ~ .hausfarbe__feld {outline:3px solid var(--violett);outline-offset:6px}
.hausfarbe--waldgruen .hausfarbe__feld,.vorschau__farbe--waldgruen {background:#2F4A3A}
.hausfarbe--eiche .hausfarbe__feld,.vorschau__farbe--eiche {background:#C8A46A}
.hausfarbe--creme .hausfarbe__feld,.vorschau__farbe--creme {background:#F3EEE4}
.hausfarbe--anthrazit .hausfarbe__feld,.vorschau__farbe--anthrazit {background:#2B2B2B}
.vorschau {display:grid;grid-template-columns:76px minmax(0,1fr);margin-top:12px;overflow:hidden;border-radius:14px;background:var(--papier-2)}
.vorschau__foto {width:76px;height:95px;object-fit:cover}
.vorschau__band {display:grid}
.vorschau__farbe {grid-area:1/1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 16px;color:#F3EEE4;font:500 .75rem/1.3 var(--text);opacity:0;transition:opacity 200ms var(--e1)}
.vorschau__farbe b {font:700 1.0625rem/1.1 var(--anzeige)}
.vorschau__farbe--waldgruen {opacity:1}
.vorschau__farbe--eiche,.vorschau__farbe--creme {color:#2B2B2B}
.vorschau__farbe--creme b {color:#2F4A3A}
.profil:has(#hausfarbe-eiche:checked) .vorschau__farbe--eiche,.profil:has(#hausfarbe-creme:checked) .vorschau__farbe--creme,.profil:has(#hausfarbe-anthrazit:checked) .vorschau__farbe--anthrazit {opacity:1}
.profil__fuss {margin-top:10px!important;font-size:.8125rem}
@media (max-width:1279px) {.profil__zeile--farben {grid-template-columns:minmax(0,1fr);gap:6px}}
@media (max-width:699px) {.profil {padding-inline:18px}}
@media (max-width:399px) {.profil__zeile {grid-template-columns:minmax(0,1fr);gap:4px;padding-block:8px}}
@media (min-width:1024px) and (max-width:1279px) {.k2__text p:not(.augenbraue) {font-size:1rem;line-height:1.55} .k2__text .h2 {margin-bottom:18px}}
@media (min-width:700px) and (max-width:1023px) {
    .k2__raster {grid-template-columns:repeat(10,minmax(0,1fr))}
    .k2__text {grid-column:1/-1}
    .k2__browser {grid-column:1/-1}
    .profil {grid-column:4/-1;margin-top:-48px}
}
@media (min-width:1024px) {
    .k2__raster {align-items:start}
    .k2__text {grid-column:1/5;grid-row:1;align-self:start}
    .k2__browser {display:flex;flex-direction:column;grid-column:5/10;grid-row:1;margin-top:0}
    .k2__browser .kennung {order:1;max-width:calc((100% - 4 * var(--spalt)) / 5 * 3 + 2 * var(--spalt));margin:12px 0 0}
    .profil {grid-column:8/13;grid-row:1;margin-top:21.875%;padding:16px 20px 14px}
    .profil__zeile {min-height:44px;padding-block:4px}
}
@media (min-width:1024px) and (max-width:1279px) {.profil {margin-top:12%}}
[data-k2='scan'] {--k2:k2-scan}
[data-k2='t-logo'] {--k2:k2-t-logo}
[data-k2='t-farben'] {--k2:k2-t-farben}
[data-k2='t-schrift'] {--k2:k2-t-schrift}
[data-k2='t-zeiten'] {--k2:k2-t-zeiten}
[data-k2='p-karte'] {--k2:k2-p-karte}
[data-k2='p-logo'] {--k2:k2-p-logo}
[data-k2='l-logo'] {--k2:k2-l-logo}
[data-k2='l-ueber'] {--k2:k2-l-ueber}
[data-k2='l-fliess'] {--k2:k2-l-fliess}
[data-k2='l-zeiten'] {--k2:k2-l-zeiten}
[data-k2='l-ton'] {--k2:k2-l-ton}
[data-k2='f1'] {--k2:k2-f1}
[data-k2='f2'] {--k2:k2-f2}
[data-k2='f3'] {--k2:k2-f3}
[data-k2='f4'] {--k2:k2-f4}
[data-k2='p-ueber'] {--k2:k2-p-ueber}
[data-k2='p-fliess'] {--k2:k2-p-fliess}
[data-k2='p-zeiten'] {--k2:k2-p-zeiten}
[data-k2='p-ton'] {--k2:k2-p-ton}
[data-k2='p-dunkel'] {--k2:k2-p-dunkel}
[data-k2='p-vorschau'] {--k2:k2-p-vorschau}
@media (prefers-reduced-motion:no-preference) {
    .zeigen-bereit .k2 [data-k2] {animation:var(--k2) 2600ms linear both paused}
    .zeigen-bereit .k2.ist-da [data-k2] {animation-play-state:running}
    .zeigen-bereit .k2.still [data-k2] {animation:none}
    .k2-js .k2 .k2__buehne [data-k2] {animation:var(--k2) 1000ms linear both paused}
}
@media (min-width:1024px) and (min-height:720px) and (prefers-reduced-motion:no-preference) {
    .k2-js .k2 {height:240vh;padding:0;scroll-margin-top:calc(-1 * (var(--kopf) + var(--anker-luft)))}
    .k2-js .k2__buehne {position:sticky;top:0;display:flex;align-items:center;height:100svh;padding-top:var(--kopf)}
    .k2-js .k2__text {align-self:center}
    @supports (animation-timeline:view()) {
        .k2 {height:240vh;padding:0;view-timeline-name:--k2;scroll-margin-top:calc(-1 * (var(--kopf) + var(--anker-luft)))}
        .k2__buehne {position:sticky;top:0;display:flex;align-items:center;height:100svh;padding-top:var(--kopf)}
        .k2__text {align-self:center}
        .k2 .k2__buehne [data-k2] {animation:var(--k2) auto linear both running;animation-timeline:--k2;animation-range:contain 0% contain 100%}
    }
}
.profil:focus-within [data-k2],.profil:focus-within[data-k2] {animation:none!important}
@keyframes k2-scan {0% {opacity:0;transform:translateY(-100%)} 10% {opacity:1;transform:translateY(-100%);animation-timing-function:cubic-bezier(.77,0,.175,1)} 45% {opacity:1;transform:none} 50%,100% {opacity:0;transform:none}}
@keyframes k2-t-logo {0%,14% {opacity:0} 18% {opacity:1} 30%,100% {opacity:0}}
@keyframes k2-t-farben {0%,22% {opacity:0} 26% {opacity:1} 38%,100% {opacity:0}}
@keyframes k2-t-schrift {0%,30% {opacity:0} 34% {opacity:1} 46%,100% {opacity:0}}
@keyframes k2-t-zeiten {0%,38% {opacity:0} 42% {opacity:1} 52%,100% {opacity:0}}
@keyframes k2-p-karte {0% {opacity:0;transform:translateY(24px);animation-timing-function:var(--e1)} 12%,100% {opacity:1;transform:none}}
@keyframes k2-p-logo {0%,20% {opacity:0;transform:translateY(12px);animation-timing-function:var(--e1)} 30%,100% {opacity:1;transform:none}}
@keyframes k2-l-logo {0%,21% {opacity:1} 27%,100% {opacity:0}}
@keyframes k2-l-ueber {0%,35% {opacity:1} 41%,100% {opacity:0}}
@keyframes k2-l-fliess {0%,41% {opacity:1} 47%,100% {opacity:0}}
@keyframes k2-l-zeiten {0%,45% {opacity:1} 51%,100% {opacity:0}}
@keyframes k2-l-ton {0%,49% {opacity:1} 55%,100% {opacity:0}}
@keyframes k2-f1 {0%,28% {opacity:0;transform:scale(.9);animation-timing-function:var(--e1)} 36%,100% {opacity:1;transform:none}}
@keyframes k2-f2 {0%,31% {opacity:0;transform:scale(.9);animation-timing-function:var(--e1)} 39%,100% {opacity:1;transform:none}}
@keyframes k2-f3 {0%,34% {opacity:0;transform:scale(.9);animation-timing-function:var(--e1)} 42%,100% {opacity:1;transform:none}}
@keyframes k2-f4 {0%,37% {opacity:0;transform:scale(.9);animation-timing-function:var(--e1)} 45%,100% {opacity:1;transform:none}}
@keyframes k2-p-ueber {0%,34% {opacity:0;transform:translateY(12px);animation-timing-function:var(--e1)} 42%,100% {opacity:1;transform:none}}
@keyframes k2-p-fliess {0%,40% {opacity:0;transform:translateY(12px);animation-timing-function:var(--e1)} 48%,100% {opacity:1;transform:none}}
@keyframes k2-p-zeiten {0%,44% {opacity:0;transform:translateY(12px);animation-timing-function:var(--e1)} 52%,100% {opacity:1;transform:none}}
@keyframes k2-p-ton {0%,48% {opacity:0;transform:translateY(12px);animation-timing-function:var(--e1)} 56%,100% {opacity:1;transform:none}}
@keyframes k2-p-dunkel {0%,56% {opacity:0;transform:translateX(-24px);animation-timing-function:cubic-bezier(.32,.72,0,1)} 66%,100% {opacity:1;transform:none}}
@keyframes k2-p-vorschau {0%,70% {opacity:0;animation-timing-function:var(--e1)} 85%,100% {opacity:1}}
.haltung {overflow-x:clip}
.haltung::before {content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 45% at 22% 40%,rgb(99 52 207/.26),transparent 70%)}
.haltung .lead {margin-top:24px;color:var(--licht-weich)}
.vorlagen {position:relative;width:min(100%,460px);margin-top:56px}
.vorlagen__bilder {display:grid;aspect-ratio:4/5;overflow:hidden;border-radius:20px;background:var(--nacht-2);box-shadow:var(--schatten-nacht)}
.vorlage {grid-area:1/1;z-index:0;opacity:0;transition:opacity 0s linear 320ms}
.vorlage img {width:100%;height:100%;object-fit:cover}
.vorlagen:has(#vorlage-plakat:checked) .vorlage--plakat,
.vorlagen:has(#vorlage-textmarker:checked) .vorlage--textmarker,
.vorlagen:has(#vorlage-zweiteilung:checked) .vorlage--zweiteilung,
.vorlagen:has(#vorlage-buehne:checked) .vorlage--buehne,
.vorlagen:has(#vorlage-magazin:checked) .vorlage--magazin,
.vorlagen:has(#vorlage-sofortbild:checked) .vorlage--sofortbild {z-index:1;opacity:1;transition:opacity 280ms var(--e1)}
@supports not selector(:has(*)) {.vorlage--plakat {opacity:1}}
.vorlagen__wahl {margin-top:20px}
.vorlagen__legende {margin-bottom:10px;color:var(--licht);font-weight:600}
.vorlagen__hinweis {display:grid;gap:10px;margin-top:20px;color:var(--licht-weich);font-size:.9375rem}
.vorlagen__hinweis .klein {font-size:.875rem}
.gegenlese {margin-top:72px}
.pruefliste {display:grid;gap:20px;margin-top:28px}
.pruefung {display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:14px;color:var(--licht-weich)}
.pruefung strong {color:var(--licht)}
.pruefung__haken {width:32px;height:32px;padding:6px;border-radius:50%;background:rgb(127 212 154/.14);color:var(--freigabe-nacht);stroke-width:2.25;clip-path:circle(75% at 50% 50%);transition:clip-path 260ms var(--e1)}
.pruefung p {transition:opacity 360ms var(--e1),transform 360ms var(--e1)}
.pruefung:nth-child(2) > * {transition-delay:90ms}
.pruefung:nth-child(3) > * {transition-delay:180ms}
.pruefung:nth-child(4) > * {transition-delay:270ms}
.pruefung:nth-child(5) > * {transition-delay:360ms}
@media (prefers-reduced-motion:no-preference) {
    .zeigen-bereit .pruefliste:not(.ist-da) .pruefung__haken {clip-path:circle(0% at 50% 50%)}
    .zeigen-bereit .pruefliste:not(.ist-da) .pruefung p {opacity:0;transform:translateY(8px)}
}
.gegenlese__schluss {margin-top:28px;padding-top:24px;border-top:1px solid var(--nacht-linie);color:var(--licht)}
@media (max-width:699px) {.vorlagen__chips {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .vorlagen__chips .wahlchip span {justify-content:center;width:100%}}
@media (min-width:700px) and (max-width:1023px) {.vorlagen {margin-inline:auto}}
@media (min-width:1024px) {
    .haltung__text {grid-column:7/13;grid-row:1}
    .vorlagen {grid-column:1/6;grid-row:1/3;margin-top:0}
    .gegenlese {grid-column:7/13;grid-row:2;margin-top:64px}
}
@media (prefers-reduced-motion:reduce) {.vorlagen .vorlage {transition:none!important}}
.ideen__text .h2 {margin-bottom:24px}
.ideen__text p:not(.augenbraue) {max-width:34rem;color:var(--tinte-weich)}
.gespraech {position:relative;margin-top:88px;padding:28px 26px 26px;border-radius:30px;background:var(--karte);box-shadow:var(--schatten-papier)}
.gespraech__figur {position:absolute;left:-12px;top:-60px;width:96px}
.gespraech__figur .zen {width:96px;height:96px}
.gespraech__kennung {margin:0 0 22px 84px;text-align:right}
.gespraech__verlauf {display:grid;gap:12px}
.nachricht {max-width:86%;padding:12px 16px;border-radius:20px;font-size:.9375rem;line-height:1.45}
.nachricht--sie {justify-self:end;border-bottom-right-radius:6px;background:var(--violett);color:#fff}
.nachricht--zen {grid-row:2;grid-column:1;justify-self:start;border-bottom-left-radius:6px;background:var(--papier-2);color:var(--tinte)}
.tippen {grid-row:2;grid-column:1;justify-self:start;align-self:start;display:flex;gap:5px;padding:16px 18px;border-radius:20px 20px 20px 6px;background:var(--papier-2);opacity:0}
.tippen span {width:7px;height:7px;border-radius:50%;background:var(--tinte-weich)}
.fotoidee {margin-top:4px;padding:16px 18px;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--linie)}
.fotoidee__kopf {margin-bottom:10px;color:var(--violett);font:700 .75rem/1 var(--anzeige);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase}
.fotoidee__zeilen {display:grid;gap:6px;font-size:.9375rem}
.fotoidee__knopf {display:inline-flex;align-items:center;min-height:36px;margin-top:14px;padding:0 14px;border-radius:10px;background:var(--violett-hauch);color:var(--violett-tief);font-size:.875rem;font-weight:600}
@media (min-width:700px) {.gespraech {padding:32px 32px 30px}}
@media (min-width:1024px) {.gespraech__figur {left:-32px;top:-40px}}
@media (min-width:1024px) {
    .ideen__text {grid-column:1/6}
    .gespraech {grid-column:7/12;margin-top:24px}
}
@media (prefers-reduced-motion:no-preference) {
    .gespraech.ist-da:not(.still) .gespraech__figur {animation:zen-auf 500ms var(--e3) both}
    .gespraech.ist-da:not(.still) .nachricht--sie {animation:ein 300ms var(--e1) 200ms both}
    .gespraech.ist-da:not(.still) .tippen {animation:tippen 1200ms linear 500ms both}
    .gespraech.ist-da:not(.still) .tippen span {animation:punkt 600ms var(--e2) 500ms 2}
    .gespraech.ist-da:not(.still) .tippen span:nth-child(2) {animation-delay:620ms}
    .gespraech.ist-da:not(.still) .tippen span:nth-child(3) {animation-delay:740ms}
    .gespraech.ist-da:not(.still) .nachricht--zen {animation:ein 300ms var(--e1) 1700ms both}
    .gespraech.ist-da:not(.still) .zen__winkhand {transform-box:fill-box;transform-origin:20% 90%;animation:winken 900ms var(--e2) 1700ms both}
    .gespraech.ist-da:not(.still) .fotoidee {animation:ein 300ms var(--e1) 1900ms both}
    .gespraech.ist-da:not(.still) .fotoidee__zeilen li {animation:zeile-schreiben 360ms var(--e2) 2000ms both}
    .gespraech.ist-da:not(.still) .fotoidee__zeilen li:nth-child(2) {animation-delay:2120ms}
    .gespraech.ist-da:not(.still) .fotoidee__zeilen li:nth-child(3) {animation-delay:2240ms}
    .zeigen-bereit .gespraech:not(.ist-da) :is(.gespraech__figur,.nachricht,.fotoidee) {opacity:0}
}
@keyframes zen-auf {from {opacity:0;transform:translateY(24px)}}
@keyframes tippen {0% {opacity:0} 8%,90% {opacity:1} 100% {opacity:0}}
@keyframes punkt {0%,100% {opacity:.3} 50% {opacity:1}}
@keyframes winken {0%,100% {transform:rotate(0)} 30% {transform:rotate(16deg)} 65% {transform:rotate(-8deg)}}
@keyframes zeile-schreiben {from {clip-path:inset(-10% 100% -10% 0)} to {clip-path:inset(-10% -2% -10% -2%)}}
.takt__kopf .h2 {margin-bottom:24px}
.takt__kopf .lead {max-width:36rem}
.ziele {display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ziel {display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--karte);box-shadow:inset 0 0 0 1.5px var(--linie);font-size:.9375rem;font-weight:500}
.ziel--gewaehlt {background:var(--violett-hauch);color:var(--violett-tief);box-shadow:inset 0 0 0 1.5px var(--violett)}
.ziel--gewaehlt::before {content:'';width:8px;height:8px;border-radius:50%;background:var(--violett)}
.freigabe {position:relative;margin-top:48px}
.blatt {position:relative;width:min(100%,440px);padding:12px 24px 20px;border-radius:28px 28px 22px 22px;background:var(--karte);box-shadow:0 1px 0 rgb(36 35 41/.06),0 34px 80px -34px rgb(36 35 41/.5)}
.blatt__griff {display:block;width:40px;height:5px;margin:0 auto 16px;border-radius:3px;background:var(--linie)}
.blatt__titel {margin-bottom:16px;font:600 1.0625rem/1.35 var(--text)}
.blatt__beitrag {position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:12px 64px 12px 12px;border-radius:16px;background:var(--papier);font-size:.9375rem;line-height:1.35}
.blatt__beitrag span:not(.stempel):not(.blatt__bild) {display:block;margin-top:4px;color:var(--tinte-weich)}
.blatt__bild img {width:64px;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.stempel {position:absolute;right:12px;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:var(--freigabe);color:#fff;opacity:0;transform:scale(1.12)}
.stempel .zeichen {width:24px;height:24px;stroke-width:2.5}
.blatt__stand {display:grid;margin-top:16px}
.blatt__offen,.blatt__frei {grid-area:1/1;align-self:center;transition:opacity 200ms var(--e1),visibility 0s}
.blatt__frei {display:flex;align-items:center;gap:6px;opacity:0;visibility:hidden;transition:opacity 200ms var(--e1),visibility 0s 200ms}
.blatt__stand .blatt__frei {margin-top:0}
.blatt__frei .chip--muster {flex:none}
.blatt__woche {display:none}
.blatt__knopf {width:100%;margin-top:16px}
.blatt__knopf[hidden] {display:none}
.blatt__ersatz {margin-top:16px;color:var(--tinte-weich);font-size:.9375rem}
.blatt .blatt__fuss {margin-top:14px;color:var(--tinte-weich);font-size:.875rem;font-weight:500;line-height:1.45;text-align:center;text-wrap:balance}
[data-zustand='frei'] .stempel {opacity:1;transform:none}
[data-zustand='frei'] .blatt__offen {opacity:0;visibility:hidden;transition:opacity 200ms var(--e1),visibility 0s 200ms}
[data-zustand='frei'] .blatt__frei {opacity:1;visibility:visible;transition:opacity 200ms var(--e1),visibility 0s}
@media (prefers-reduced-motion:no-preference) {
    [data-zustand='frei'] .stempel {animation-name:stempel-druck,stempel-auf;animation-duration:420ms,260ms;animation-timing-function:cubic-bezier(.34,1.56,.64,1),var(--e1);animation-fill-mode:both;animation-timing-function:linear(0,.38 9%,.86 20%,1.04 30%,1.07 36%,1.02 48%,.995 62%,1),var(--e1)}
    .zeigen-bereit [data-zeigen='blatt']:not(.ist-da) .blatt {opacity:0;transform:translateY(40px)}
    .freigabe .blatt {transition:opacity 500ms var(--e3),transform 500ms var(--e3)}
}
@media (prefers-reduced-motion:reduce) {
    .stempel {transform:none;transition:opacity 200ms linear}
    .paket,.textlink .zeichen,.wahlchip span,.kachel span {transition:none}
}
@keyframes stempel-druck {from {transform:scale(1.12)} to {transform:none}}
@keyframes stempel-auf {from {clip-path:circle(0% at 50% 50%)} to {clip-path:circle(72% at 50% 50%)}}
.flug {position:absolute;z-index:6;left:0;top:0;width:64px;height:80px;pointer-events:none;opacity:0}
.flug__y,.flug__karte {display:block;width:100%;height:100%}
[data-zustand='frei'] .flug__karte {background-image:url('/assets/start/monat/werkstueck-textkarte-160.webp');background-image:image-set(url('/assets/start/monat/werkstueck-textkarte-160.avif') type('image/avif'),url('/assets/start/monat/werkstueck-textkarte-160.webp') type('image/webp'))}
.flug__karte {border-radius:10px;background:center/cover;box-shadow:0 18px 30px -12px rgb(36 35 41/.55)}
.monat {grid-column:1/-1;margin-top:clamp(48px,4vw,58px);padding:clamp(18px,2.4vw,32px);border-radius:clamp(20px,2.4vw,32px);background:var(--karte);box-shadow:0 1px 0 rgb(36 35 41/.05),0 30px 70px -48px rgb(36 35 41/.32)}
.monat__kopf {display:grid;column-gap:48px;margin-bottom:24px}
.monat__kopf .h3 {margin-bottom:10px}
.monat__text {max-width:36rem;color:var(--tinte-weich)}
.monat__ziel {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.monat__ziel .ziele {margin-top:0}
.etikett {color:var(--tinte-weich);font:600 .8125rem/1.3 var(--text)}
.monat__marke {align-self:start;justify-self:start;margin-top:16px;padding:6px 12px;border-radius:12px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);color:var(--tinte-weich);font:600 .8125rem/1.3 var(--text)}
.monat__marke b {color:var(--violett);font-weight:600}
.spuren,.woche {display:grid;grid-template-columns:3rem minmax(0,.5fr) minmax(0,1.6fr) minmax(0,.5fr) minmax(0,.5fr) minmax(0,1.6fr) minmax(0,.5fr) minmax(0,.5fr);gap:10px}
.spuren {padding-bottom:8px}
.spuren span {padding-left:0;text-align:center;color:var(--tinte-weich);font:600 .8125rem/1 var(--text)}
.spuren .an {padding-left:8px;text-align:left;color:var(--violett)}
.wochen {display:grid;gap:10px}
.woche__name {align-self:center;color:var(--tinte-weich);font:600 .8125rem/1 var(--text);text-align:center}
.woche__name .lang {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.woche__tage {display:contents}
.plantag {position:relative;min-height:clamp(88px,7.4vw,112px);border-radius:14px}
.plantag--pause::after {content:'';position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--linie)}
.plantag--heute {display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--tinte)}
.plantag__heute {color:var(--tinte);font:600 .8125rem/1 var(--text)}
.plantag--beitrag {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px 8px 8px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie)}
.plantag__bild {position:relative;display:block;height:calc(clamp(88px,7.4vw,112px) - 16px);aspect-ratio:4/5}
.plantag__bild img {display:block;width:100%;height:100%;border-radius:8px;object-fit:cover;box-shadow:0 6px 14px -8px rgb(36 35 41/.6)}
.plantag__haken {position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--freigabe);color:#fff;box-shadow:0 0 0 2px var(--papier)}
.plantag__haken .zeichen {width:12px;height:12px;stroke-width:3}
.plantag__text {display:grid;gap:4px;min-width:0}
.plantag__zeit {color:var(--tinte-weich);font:600 .8125rem/1.2 var(--text)}
.plantag__titel {color:var(--tinte);font-size:.9375rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.status {display:inline-flex;align-items:center;gap:6px;font:600 .8125rem/1.2 var(--text);white-space:nowrap}
.status::before {content:'';width:8px;height:8px;flex:none;border-radius:50%;background:var(--s,transparent)}
.status--veroeffentlicht {--s:var(--freigabe);color:var(--freigabe)}
.status--eingeplant {--s:var(--violett);color:var(--violett-tief)}
.status--frei {color:var(--violett-tief)}
.status--frei::before {box-shadow:inset 0 0 0 1.5px var(--violett)}
.plantag--frei {background:none;box-shadow:none}
.plantag--frei::before {content:'';position:absolute;inset:0;border-radius:inherit;border:1.5px dashed rgb(99 52 207/.45);pointer-events:none;transition:opacity 220ms var(--e1)}
.plantag__bild--leer,.plantag--ziel .plantag__bild::after {border-radius:8px;outline:1.5px dashed rgb(99 52 207/.45);outline-offset:-1.5px}
.plantag--ziel {background:var(--papier)}
.plantag--ziel::before {background:repeating-linear-gradient(-45deg,rgb(99 52 207/.06) 0 6px,transparent 6px 12px),var(--papier)}
.plantag--ziel .plantag__bild::after {content:'';position:absolute;inset:0;transition:opacity 220ms var(--e1)}
.plantag--ziel .plantag__bild img {opacity:0;transition:opacity 220ms var(--e1)}
.plantag--ziel > * {position:relative}
.plantag__wechsel {display:grid}
.plantag__vorher,.plantag__nachher {grid-area:1/1;display:grid;gap:4px;align-content:start;transition:opacity 220ms var(--e1),visibility 0s}
.plantag__nachher {opacity:0;visibility:hidden;transition:opacity 220ms var(--e1),visibility 0s 220ms}
.plantag--ziel.ist-gefuellt {box-shadow:inset 0 0 0 1px var(--linie)}
.plantag--ziel.ist-gefuellt::before,.plantag--ziel.ist-gefuellt .plantag__bild::after {opacity:0}
.plantag--ziel.ist-gefuellt .plantag__bild img {opacity:1}
.plantag--ziel.ist-gefuellt .plantag__vorher {opacity:0;visibility:hidden;transition:opacity 220ms var(--e1),visibility 0s 220ms}
.plantag--ziel.ist-gefuellt .plantag__nachher {opacity:1;visibility:visible;transition:opacity 220ms var(--e1),visibility 0s}
.plantag--ziel.ohne-bewegung::before,.plantag--ziel.ohne-bewegung .plantag__bild::after {transition:none}
.monat__kennung {margin-top:18px}
@media (min-width:1024px) and (max-width:1279px) {.plantag__titel {display:none}}
@media (max-width:1023px) {
    .spuren {display:none}
    .wochen {gap:22px}
    .woche {display:block}
    .woche__name {display:block;margin-bottom:10px;text-align:left}
    .woche__name .kurz {display:none}
    .woche__name .lang {position:static;width:auto;height:auto;overflow:visible;clip-path:none}
    .woche__tage {display:grid;gap:8px}
    .plantag--pause {display:none}
    .plantag {min-height:0}
    .plantag--heute {display:flex;align-items:center;gap:10px;box-shadow:none}
    .plantag--heute::after {content:'';flex:1;height:2px;background:var(--tinte)}
    .plantag--beitrag {grid-template-columns:48px minmax(0,1fr);min-height:76px;padding:8px}
    .plantag__bild {width:48px;height:60px}
    .plantag__text {gap:2px}
    .plantag__titel {-webkit-line-clamp:2}
    .blatt__woche {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:16px}
    .blatt__tag {display:grid;place-items:center;height:36px;border-radius:10px;background:var(--papier);color:var(--tinte-weich);font-size:.8125rem;font-weight:600}
    .blatt__tag--beitrag {background:var(--violett-hauch);color:var(--violett-tief)}
    [data-zustand='frei'] .blatt__tag--ziel {background:var(--freigabe);color:#fff;transition:opacity 260ms var(--e1),transform 260ms var(--e1)}
}
@media (min-width:700px) and (max-width:1023px) {.wochen {grid-template-columns:1fr 1fr;column-gap:32px}}
.regeln {grid-column:1/-1;display:grid;margin-top:40px}
.regeln > .merk {padding-block:20px;border-top:1px solid var(--linie)}
.takt__trenner {grid-column:1/-1;width:100%;height:0;margin:clamp(4.5rem,3rem + 4vw,7rem) 0 0;border:0;border-top:1px solid var(--linie)}
.kennzahlen__text {margin-top:56px}
.kennzahlen__text .h3 {margin-bottom:12px}
.kennzahlen__text p {max-width:34rem;color:var(--tinte-weich)}
.bericht {margin-top:32px;padding:clamp(18px,2.2vw,32px);border-radius:24px;background:var(--karte);box-shadow:0 1px 0 rgb(36 35 41/.05),0 30px 70px -48px rgb(36 35 41/.32)}
.bericht__kopf {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:20px}
.bericht__kopf .chip {margin:0}
.bericht__titel {color:var(--tinte);font-weight:600}
.kpis {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpi {padding:16px;border-radius:16px;background:var(--papier)}
.kpi__name {color:var(--tinte-weich);font:600 .8125rem/1.2 var(--text)}
.kpi dd {margin:0}
.kpi__zahl {display:block;margin-top:6px;color:var(--tinte);font:800 var(--t-zahl)/1 var(--anzeige);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}
.kpi__vergleich {display:block;margin-top:8px;color:var(--tinte-weich);font-size:.875rem;line-height:1.35}
@media (max-width:519px) {
    .kpis {grid-template-columns:1fr}
    .kpi {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px}
    .kpi dd {display:contents}
    .kpi__zahl {grid-row:1/3;grid-column:2;margin:0}
    .kpi__vergleich {margin-top:2px}
}
.verlauf__titel {margin-top:24px;color:var(--tinte-weich);font:600 .8125rem/1.2 var(--text)}
.verlauf {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:clamp(6px,1.4vw,14px);height:180px;margin-top:12px;padding-top:24px;border-bottom:1px solid var(--linie)}
.verlauf li {position:relative;height:calc(var(--w) / 2600 * 100%);border-radius:4px 4px 0 0;background:#9B7FEA;transform-origin:50% 100%}
.verlauf li:last-child {background:var(--violett)}
.verlauf__wert {position:absolute;left:50%;bottom:calc(100% + 6px);translate:-50% 0;color:var(--tinte);font:600 .8125rem/1 var(--text);white-space:nowrap}
.verlauf__achse {display:flex;justify-content:space-between;margin-top:8px;color:var(--tinte-weich);font:600 .8125rem/1 var(--text)}
.bericht .kennung {margin-top:16px}
@media (min-width:1024px) {
    .takt__kopf {grid-column:1/7;grid-row:1}
    .freigabe {grid-column:8/13;grid-row:1;align-self:start;justify-self:end;width:min(100%,440px);margin:calc(.8125rem * 1.2 + 20px) 0 0}
    .monat {grid-row:2}
    .monat__kopf {grid-template-columns:minmax(0,1fr) auto}
    .monat__text {max-width:48rem}
    .monat__marke {grid-area:1/2;margin-top:0}
    .monat__ziel {grid-column:1/-1}
    .regeln {grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--spalt)}
    .regeln > .merk {padding:4px 0 4px 24px;border-top:0;border-left:1px solid var(--linie)}
    .takt__trenner {grid-row:4}
    .kennzahlen__text {grid-column:1/5;grid-row:5;align-self:center}
    .bericht {grid-column:5/13;grid-row:5;margin-top:56px}
}
.woche {--woche:0ms}
.woche.w2 {--woche:90ms}
.woche.w3 {--woche:180ms}
.woche.w4 {--woche:270ms}
.woche__tage > :nth-child(5) {--fr:45ms}
@media (prefers-reduced-motion:no-preference) {
    .monat .plantag--beitrag {transition:opacity 360ms var(--e1),transform 360ms var(--e1);transition-delay:calc(var(--woche) + var(--fr,0ms))}
    .zeigen-bereit .monat:not(.ist-da) .plantag--beitrag {opacity:0;transform:translateY(12px)}
    .plantag__haken {transition:opacity 260ms linear,transform 260ms linear(0,.38 9%,.86 20%,1.04 30%,1.07 36%,1.02 48%,.995 62%,1);transition-delay:calc(var(--woche) + var(--fr,0ms) + 420ms)}
    .zeigen-bereit .monat:not(.ist-da) .plantag__haken {opacity:0;transform:scale(.5)}
    .bericht .kpi {transition:opacity 300ms var(--e1),transform 300ms var(--e1)}
    .bericht .kpi:nth-child(2) {transition-delay:80ms}
    .bericht .kpi:nth-child(3) {transition-delay:160ms}
    .zeigen-bereit .bericht:not(.ist-da) .kpi {opacity:0;transform:translateY(8px)}
    .verlauf li {transition:transform 600ms var(--e1) calc(200ms + var(--i,0) * 60ms)}
    .zeigen-bereit .bericht:not(.ist-da) .verlauf li {transform:scaleY(0)}
    .verlauf__wert {transition:opacity 200ms linear 700ms}
    .zeigen-bereit .bericht:not(.ist-da) .verlauf__wert {opacity:0}
}
@media (prefers-reduced-motion:reduce) {.plantag--ziel *,.plantag--ziel::before,.plantag--ziel .plantag__bild::after {transition:none!important}}
@media (forced-colors:active) {.verlauf li,.status::before,.plantag--pause::after,.plantag__haken {forced-color-adjust:none}}
.branchen__text .h2 {margin-bottom:24px}
.branchen__text p:not(.augenbraue) {max-width:30rem;color:var(--tinte-weich)}
.branchen__wahl {margin-top:48px}
.kacheln {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kachel {position:relative;display:flex}
.kachel input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.kachel span {position:relative;isolation:isolate;display:flex;align-items:center;width:100%;min-height:68px;padding:14px 16px;border-radius:18px;background:var(--karte);color:var(--tinte);box-shadow:inset 0 0 0 1.5px var(--linie);font:720 1rem/1.25 var(--anzeige);transition:scale 140ms var(--e1)}
.kachel span::before {content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--violett-hauch);box-shadow:inset 0 0 0 2px var(--violett);opacity:0;transition:opacity 180ms var(--e1)}
.kachel input:checked + span {color:var(--violett-tief)}
.kachel input:checked + span::before {opacity:1}
.kachel input:focus-visible + span {outline:3px solid var(--violett);outline-offset:3px}
.kachel input:active + span {scale:.98}
@media (hover:hover) and (pointer:fine) {.kachel input:not(:checked):hover + span {box-shadow:inset 0 0 0 1.5px var(--violett)}}
.felder {margin-top:14px}
.feld {padding:24px 26px;border-radius:20px;background:var(--karte);box-shadow:0 1px 0 rgb(36 35 41/.05)}
.feld__titel {margin-bottom:8px;font:720 1.125rem/1.2 var(--anzeige)}
.feld__satz {font-size:1.0625rem}
.feld__kopf {margin-top:16px;color:var(--tinte-weich);font-size:.875rem;font-weight:500}
.feld__rubriken {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.feld__rubriken li {padding:6px 12px;border-radius:999px;background:var(--papier-2);font-size:.875rem;font-weight:500}
.feld__hinweis {margin-top:14px;padding:12px 14px;border-radius:12px;background:#FBF0D3;color:var(--entwurf-text);font-size:.875rem;line-height:1.45}
@supports not selector(:has(*)) {.feld + .feld {margin-top:12px}}
@supports selector(:has(*)) {
    .feld {display:none}
    .feld__titel {display:none}
    .branchen__wahl:has(#familie-1:checked) .feld--1,.branchen__wahl:has(#familie-2:checked) .feld--2,.branchen__wahl:has(#familie-3:checked) .feld--3,.branchen__wahl:has(#familie-4:checked) .feld--4,.branchen__wahl:has(#familie-5:checked) .feld--5,.branchen__wahl:has(#familie-6:checked) .feld--6 {display:block}
}
@media (prefers-reduced-motion:no-preference) {
    .feld {animation:feld-ein 220ms var(--e1)}
    .feld__rubriken li {animation:chip-ein 200ms var(--e1) both}
    .feld__rubriken li:nth-child(2) {animation-delay:40ms}
    .feld__rubriken li:nth-child(3) {animation-delay:80ms}
    .feld__rubriken li:nth-child(4) {animation-delay:120ms}
    .feld__rubriken li:nth-child(5) {animation-delay:160ms}
    .feld__rubriken li:nth-child(6) {animation-delay:200ms}
}
@keyframes feld-ein {from {opacity:0;transform:translateY(6px)}}
@keyframes chip-ein {from {opacity:0;transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce) {.feld {animation:ein-nur 150ms linear}}
@media (min-width:700px) {.kacheln {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px) {
    .branchen__text {grid-column:1/6}
    .branchen__wahl {grid-column:6/13;margin-top:0}
}
.preise__kopf {max-width:48rem}
.preise__kopf .lead {margin-top:24px}
.preise__umfang {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;color:var(--tinte)}
.preise__umfang li {display:inline-flex;align-items:center;gap:8px}
.preise__umfang .zeichen {width:16px;height:16px;color:var(--violett);stroke-width:2.5}
.pakete {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:64px}
.paket {position:relative;display:grid;justify-items:start;padding:34px 28px 28px;border-radius:24px;background:var(--karte);box-shadow:var(--schatten-papier);transition:opacity 500ms var(--e1),transform 500ms var(--e1),translate 200ms var(--e5)}
.paket::after {content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 44px 80px -40px rgb(36 35 41/.5);opacity:0;pointer-events:none;transition:opacity 200ms var(--e5)}
.pakete > .paket:nth-child(2) {transition-delay:80ms,80ms,0ms}
.pakete > .paket:nth-child(3) {transition-delay:160ms,160ms,0ms}
.paket--empfehlung {background:var(--nacht);color:var(--schrift);box-shadow:var(--schatten-nacht)}
.paket__abzeichen {position:absolute;top:-14px;left:26px;padding:6px 12px;border-radius:999px;background:var(--violett);color:#fff;font:700 .75rem/1 var(--anzeige);font-stretch:125%;letter-spacing:.1em;text-transform:uppercase}
.paket__menge {color:var(--schrift);font:720 1.5rem/1 var(--anzeige);letter-spacing:-.01em}
.paket__menge span {font:800 clamp(3rem,2.2rem + 2vw,4rem)/.9 var(--anzeige);letter-spacing:-.04em}
.paket__zeitraum {margin-top:6px!important;color:var(--schrift-weich);font-size:.9375rem}
.paket .woche-mini {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;margin-top:18px}
.woche-mini span {display:grid;place-items:center;height:28px;border-radius:8px;background:var(--papier);color:var(--tinte-weich);font:600 .8125rem/1 var(--text)}
.woche-mini .an {background:var(--violett);color:#fff}
.paket--empfehlung .woche-mini span {background:var(--nacht-2);color:var(--licht-weich)}
.paket--empfehlung .woche-mini .an {background:var(--violett-licht);color:var(--nacht)}
.paket .paket__takt {margin-top:10px;color:var(--schrift);font-size:1.0625rem;font-weight:600;line-height:1.35}
.paket__preis {margin-top:22px!important;padding-top:18px;width:100%;border-top:1px solid var(--trenner);font:720 1.375rem/1.2 var(--anzeige)}
.paket .knopf {width:100%;margin-top:22px;white-space:normal;text-align:center}
.zusagen {display:grid;gap:6px;margin-top:14px;color:var(--schrift-weich);font-size:.875rem;font-weight:500;line-height:1.4}
.zusagen li {display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start}
.zusagen .zeichen {width:16px;height:16px;margin-top:1px;color:var(--akzent);stroke-width:2.5}
@media (hover:hover) and (pointer:fine) {.paket:hover {translate:0 -4px} .paket:hover::after {opacity:1} .paket--empfehlung:hover {translate:0 -16px}}
@media (min-width:940px) {
    .pakete {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
    .paket--empfehlung {translate:0 -12px}
}
@media (min-width:940px) and (max-width:1023px) {.paket {padding-inline:20px} .paket .knopf {padding-inline:14px}}
@media (min-width:940px) and (max-width:1099px) {.paket .paket__takt {min-height:calc(2 * 1.35em)}}
@media (max-width:339px) {.paket {padding-inline:14px} .paket .knopf {padding-inline:16px}}
.preise__zaehlung {margin-top:32px;color:var(--tinte-weich);font-size:.9375rem;text-align:center}
.fakten {display:grid;gap:24px var(--spalt);margin-top:72px}
.testkarte {padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--violett-hauch);color:var(--tinte)}
.testkarte__kopf {display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 14px}
.testkarte__maske {display:block;flex:none;overflow:clip;overflow-clip-margin:.08em}
.testkarte__zahl {display:block;padding-right:.04em;color:var(--violett);font:850 5rem/.8 var(--anzeige);letter-spacing:-.05em}
.testkarte__titel {flex:1 1 8em;padding-bottom:.1em;color:var(--tinte);font:720 clamp(1.375rem,1.1rem + .9vw,1.75rem)/1.15 var(--anzeige);letter-spacing:-.01em}
.testkarte__liste {display:grid;gap:10px;margin-top:24px}
.testkarte__liste li {display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}
.testkarte__liste .zeichen {width:18px;height:18px;margin-top:4px;color:var(--violett);stroke-width:2.5}
.testkarte .testkarte__schluss {margin-top:20px;padding-top:16px;border-top:1px solid rgb(99 52 207/.2);color:var(--violett-tief);font:600 1.0625rem/1.35 var(--text)}
.fakten__liste .merk {padding-block:20px;border-top:1px solid var(--trenner)}
.fakten__liste .merk:first-child {padding-top:0;border-top:0}
.fakten__liste .merk:last-child {padding-bottom:0}
.fakten__liste .merk__text {margin-top:4px}
.fakten__fuss {display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;color:var(--tinte-weich);font-size:.9375rem}
.fakten__fuss > span {flex:1 1 100%}
@media (min-width:1024px) {
    .fakten {grid-template-columns:repeat(12,minmax(0,1fr))}
    .testkarte {grid-column:1/6}
    .testkarte__zahl {font-size:clamp(5rem,3rem + 6vw,8.5rem)}
    .fakten__liste {grid-column:7/13;align-self:center}
    .fakten__fuss {grid-column:1/-1}
    .fakten__fuss > span {flex:0 1 auto}
}
@media (prefers-reduced-motion:no-preference) {
    .testkarte__zahl {transition:transform 640ms var(--e1)}
    .testkarte__liste li {transition:opacity 400ms var(--e1) 200ms,transform 400ms var(--e1) 200ms}
    .testkarte__liste li:nth-child(2) {transition-delay:280ms}
    .testkarte__liste li:nth-child(3) {transition-delay:360ms}
    .zeigen-bereit .testkarte:not(.ist-da) .testkarte__zahl {transform:translateY(105%)}
    .zeigen-bereit .testkarte:not(.ist-da) .testkarte__liste li {opacity:0;transform:translateY(8px)}
}
.ergaenzungen {margin-top:56px;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.fragen__kopf .h2 {margin-bottom:20px}
.fragen__kopf p:not(.augenbraue) {color:var(--tinte-weich)}
.fragen__kopf a {color:var(--violett);font-weight:600}
.fragen__liste {display:grid;gap:clamp(40px,3vw + 24px,64px);margin-top:40px}
.fragen__thema {padding-bottom:14px;border-bottom:1px solid var(--linie);color:var(--akzent);font:700 .8125rem/1.2 var(--anzeige);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase}
.frage {border-bottom:1px solid var(--linie)}
.frage summary,.ergaenzungen summary {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding-block:18px;color:var(--tinte);font:720 clamp(1.0625rem,1rem + .3vw,1.25rem)/1.3 var(--anzeige);list-style:none;cursor:pointer}
.frage summary::-webkit-details-marker,.ergaenzungen summary::-webkit-details-marker {display:none}
.frage summary::after,.ergaenzungen summary::after {content:'';flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(var(--violett),var(--violett)) center/12px 2px no-repeat,linear-gradient(var(--violett),var(--violett)) center/2px 12px no-repeat,var(--violett-hauch);transition:rotate 200ms var(--e1)}
.frage[open] summary::after,.ergaenzungen[open] summary::after {rotate:45deg}
.antwort {max-width:46rem;padding-bottom:24px;color:var(--tinte-weich)}
.antwort a {color:var(--violett);font-weight:600}
.antwort__liste {display:grid;gap:6px;margin-top:12px}
.antwort__liste li {display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px}
.antwort__liste .zeichen {width:18px;height:18px;margin-top:4px;color:var(--violett);stroke-width:2.5}
@media (prefers-reduced-motion:no-preference) {details[open] > .antwort {animation:antwort 200ms var(--e1)}}
@media (hover:hover) and (pointer:fine) {.frage summary:hover,.ergaenzungen summary:hover {color:var(--violett-tief)}}
@media (prefers-reduced-motion:reduce) {.frage summary::after,.ergaenzungen summary::after {transition:none}}
@keyframes antwort {from {opacity:0;transform:translateY(4px)}}
@media (min-width:1024px) {
    .fragen__kopf {grid-column:1/5;position:sticky;top:calc(var(--kopf) + 40px);align-self:start}
    .fragen__liste {grid-column:5/13;margin-top:0}
}
.gruender {--grund:var(--papier-2);overflow-x:clip}
.gruender__raster {row-gap:56px;align-items:center}
.gruender__bild {position:relative;justify-self:center;width:min(100%,440px);margin:0;padding:10px;border-radius:30px;background:var(--karte);box-shadow:var(--schatten-papier);rotate:-2deg;container-type:inline-size}
.gruender__bild img {display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.gruender__schild {position:absolute;z-index:1;display:flex;align-items:baseline;gap:.45em;padding:.5em .8em .55em;border-radius:999px;background:#fff;color:var(--violett-tief);font:800 clamp(.9375rem,5cqw,1.375rem)/1 var(--anzeige);letter-spacing:-.02em;white-space:nowrap;box-shadow:0 12px 28px -12px rgb(20 8 50/.55);pointer-events:none}
.gruender__schild small {color:var(--violett);font:700 clamp(.5625rem,2.4cqw,.75rem)/1 var(--text);letter-spacing:.09em;text-transform:uppercase}
.gruender__schild::after {content:'';position:absolute;top:100%;width:2px;height:5cqw;border-radius:2px;background:linear-gradient(#fff,rgb(255 255 255/0))}
.gruender__schild--levin {left:47cqw;top:5cqw;translate:-100% 0}
.gruender__schild--levin::after {right:6cqw}
.gruender__schild--marten {left:57cqw;top:4cqw}
.gruender__schild--marten::after {left:6cqw}
.gruender__gruss {position:absolute;z-index:1;left:-12px;bottom:10cqw;padding:.12em .45em .2em;border-radius:12px;background:var(--violett);color:#fff;font:700 clamp(1.75rem,9cqw,2.5rem)/1 var(--hand);rotate:-7deg;box-shadow:0 12px 26px -12px rgb(74 34 166/.75);pointer-events:none}
.gruender__titel {margin-bottom:24px;color:var(--tinte);font:800 clamp(2.25rem,1rem + 3.6vw,4rem)/1 var(--anzeige);letter-spacing:-.03em;text-wrap:balance}
.gruender__titel-licht {color:var(--violett)}
.gruender__text .lead {max-width:34rem}
.gruender__zettel {display:block;width:fit-content;max-width:23rem;margin-top:32px;padding:16px 22px 18px;border-radius:6px;background:#FFFDF6;color:var(--tinte);text-decoration:none;box-shadow:0 18px 40px -18px rgb(36 35 41/.45),0 1px 0 rgb(0 0 0/.08);rotate:-1.5deg;transition:rotate 220ms var(--e5),translate 220ms var(--e5)}
.gruender__zettel-kopf {display:block;color:var(--tinte);font:600 .6875rem/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase}
.gruender__zettel-text {display:block;margin-top:8px;font:700 clamp(1.625rem,1.2rem + 1.2vw,2.125rem)/1.08 var(--hand);text-wrap:balance}
.gruender__zettel-pfeil {display:inline-block;width:1.25em;height:.72em;margin-left:.25em;vertical-align:-.04em;fill:none;stroke:var(--violett);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transition:translate 220ms var(--e5)}
.gruender__zettel:focus-visible {outline:3px solid var(--fokus);outline-offset:6px}
.gruender__zettel:active {translate:0 1px}
@media (hover:hover) and (pointer:fine) {
    .gruender__zettel:hover {rotate:0deg;translate:0 -3px}
    .gruender__zettel:hover .gruender__zettel-pfeil {translate:5px 0}
}
@media (min-width:1024px) {
    .gruender__bild {grid-column:2/6;justify-self:stretch;width:auto}
    .gruender__text {grid-column:7/12}
}
@media (prefers-reduced-motion:reduce) {.gruender__bild,.gruender__gruss,.gruender__zettel,.gruender__zettel-pfeil {rotate:none;transition:none}}
.schluss {position:relative;overflow:hidden;padding-block:var(--kapitelraum) calc(var(--kapitelraum) - 32px);background:var(--nacht);color:var(--licht)}
.schluss::before {content:'';position:absolute;inset:0;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(45% 50% at 50% 72%,rgb(99 52 207/.34),transparent 70%)}
.schluss .breite {position:relative}
.schluss__text {grid-column:1/-1;justify-self:center;max-width:56rem;text-align:center}
.schluss__titel {color:var(--licht);font:800 clamp(2.75rem,1rem + 4.4vw,5.5rem)/.95 var(--anzeige);letter-spacing:-.035em}
.schluss .lead {max-width:36rem;margin-top:24px;margin-inline:auto;color:var(--licht-weich)}
.schluss__aktion {display:flex;flex-direction:column;align-items:center;margin-top:44px}
.schluss__notiz {display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--licht);font:600 var(--t-hand)/1.1 var(--hand);rotate:-2deg}
.notiz__feld {position:relative;flex:none;width:28px;height:28px}
.notiz__feld svg {position:absolute;inset:0;width:28px;height:28px;overflow:visible;fill:none;stroke:var(--violett-licht);stroke-linecap:round;stroke-linejoin:round}
.notiz__kasten {stroke-width:2}
.notiz__haken {stroke-width:3;clip-path:inset(-10% 100% -10% -10%);transition:clip-path 300ms var(--e2)}
.schluss__aktion:has(.knopf:is(:hover,:focus-visible)) .notiz__haken {clip-path:inset(-10%)}
.schluss__knopfzeile {position:relative;display:inline-flex}
.schluss__knopfzeile .knopf:focus-visible {z-index:1}
.schluss__aktion .zusagen {display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:20px;color:var(--licht-weich)}
.zeigezen {position:absolute;left:calc(100% + 14px);top:50%;width:88px;height:88px;margin-top:-50px;pointer-events:none;--hand-dreh:14deg}
.zeigezen .zen {width:100%;height:100%;overflow:visible;transform:scaleX(-1)}
.zeigezen .zen__schatten {fill:#000;opacity:.45}
.zeigezen .zen__wesen {transform-origin:46px 70px}
.zeigezen .zen__zeigehand {transform-origin:70px 52px;transform:rotate(var(--hand-dreh))}
.zeigezen .zen__augen rect {transform-box:fill-box;transform-origin:50% 60%}
.zeigezen .zen__zwinker {opacity:0}
@media (max-width:699px) {
    .schluss__text {justify-self:stretch;text-align:left}
    .schluss .lead {margin-inline:0}
    .schluss__aktion {align-items:stretch;margin-top:36px}
    .schluss__notiz {align-self:flex-start;max-width:calc(100% - 96px);margin-bottom:18px}
    .schluss__knopfzeile {display:flex;width:100%}
    .schluss__knopfzeile .knopf {width:100%}
    .zeigezen {left:auto;right:6px;top:auto;bottom:calc(100% - 16px);width:72px;height:72px;margin:0;--hand-dreh:45deg}
    .schluss__aktion .zusagen {display:grid;justify-content:start}
}
@media (min-width:1024px) {.zeigezen {width:120px;height:120px;margin-top:-68px}}
@media (prefers-reduced-motion:no-preference) {
    .zeigen-bereit .schluss__aktion:not(.ist-da) .zeigezen {opacity:0}
    .schluss__aktion.ist-da:not(.still) .zeigezen {animation:zen-auftritt 480ms var(--e1) backwards}
    .schluss__aktion.ist-da:not(.still) .zen__zeigehand {animation:zen-tippen 900ms var(--e2) 520ms backwards}
    .schluss__aktion.ist-da:not(.still) .zen__augen rect:last-child {animation:zen-lid 520ms linear 1380ms backwards}
    .schluss__aktion.ist-da:not(.still) .zen__zwinker {animation:zen-zwinker 520ms linear 1380ms backwards}
    .schluss__aktion.ist-da:not(.still) .zen__wesen {animation:zen-huepfer 460ms var(--e1) 1960ms backwards}
    .schluss__aktion.ist-da:not(.still):has(.knopf:is(:hover,:focus-visible)) .zen__zeigehand {animation:zen-tippen 900ms var(--e2) 520ms backwards,zen-tippen-wieder 900ms var(--e2) backwards}
    .schluss__aktion:is(.still,:not(.ist-da)):has(.knopf:is(:hover,:focus-visible)) .zen__zeigehand {animation:zen-tippen-wieder 900ms var(--e2) backwards}
}
@media (prefers-reduced-motion:reduce) {
    .zeigezen .zen__augen rect:last-child {opacity:0}
    .zeigezen .zen__zwinker {opacity:1}
    .notiz__haken {transition:none}
}
@keyframes zen-auftritt {from {opacity:0;translate:0 12px}}
@keyframes zen-tippen {0%,50%,100% {transform:rotate(var(--hand-dreh)) translateX(0)} 25%,75% {transform:rotate(var(--hand-dreh)) translateX(3px)}}
@keyframes zen-tippen-wieder {0%,50%,100% {transform:rotate(var(--hand-dreh)) translateX(0)} 25%,75% {transform:rotate(var(--hand-dreh)) translateX(3px)}}
@keyframes zen-lid {0%,100% {transform:scaleY(1);opacity:1} 12%,82% {transform:scaleY(.1);opacity:0}}
@keyframes zen-zwinker {0%,8%,90%,100% {opacity:0} 16%,82% {opacity:1}}
@keyframes zen-huepfer {0%,100% {transform:none} 45% {transform:translateY(-4px) rotate(-3deg)}}
.fuss {padding-block:36px 40px;background:var(--nacht-2);color:var(--licht-weich)}
.fuss__inhalt {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;font-size:.875rem}
.fuss__links {display:flex;flex-wrap:wrap;gap:0 20px}
.fuss__links a {display:inline-flex;align-items:center;min-height:44px;color:var(--licht-weich);text-decoration:none}
@media (hover:hover) and (pointer:fine) {.fuss__links a:hover {color:var(--licht);text-decoration:underline}}
@media (max-width:1023px) {.fuss__inhalt {flex-direction:column;align-items:flex-start}}
@media (forced-colors:active) {
    .kachel span::before {display:none}
    .wahlchip span,.kachel span {border:1px solid CanvasText}
    .wahlchip input:checked + span,.kachel input:checked + span,.flaeche-nacht .wahlchip input:checked + span {forced-color-adjust:none;border-color:Highlight;background:Highlight;color:HighlightText}
    .hausfarbe__feld,.vorschau__farbe {forced-color-adjust:none}
    .hausfarbe input:checked ~ .hausfarbe__feld {outline:3px solid Highlight;outline-offset:3px}
    .hausfarbe input:checked ~ .hausfarbe__name {text-decoration:underline 2px}
    .abend__strich,.abend__unterstrich {stroke:CanvasText}
}
.buehne + .ablauf,.haltung + .webseite,.gruender + .fragen {padding-top:var(--anker-l, 72px)}
.webseite {padding-block:64px}
.webseite__inhalt {max-width:44rem}
.webseite .h2 {margin-bottom:16px}
@media (max-width:699px) {
    .kapitel.ablauf,.kapitel.haltung,.kapitel.preise,.kapitel.gruender,.kapitel.fragen {padding-block:48px}
    .kapitel.webseite {padding-block:40px}
    .ablauf .anlass__wahl {flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--rand, 16px) * -1);padding-inline:var(--rand, 16px);scrollbar-width:none}
    .ablauf .wahlchip {flex:none}
    .preise .woche-mini,.preise .paket__zeitraum {display:none}
    .preise .preise__umfang {display:grid;grid-template-columns:1fr;gap:4px}
    .preise .paket {padding:20px}
    .preise .testkarte__liste li:nth-child(n+2) {display:none}
    .gruender .gruender__bild {width:min(72%,300px);margin-inline:auto}
    .gruender .gruender__zettel {display:none}
    .gegenlese .pruefliste .pruefung:nth-child(n+4) {display:none}
}
.webseite__karte {display:none}
@media (min-width:700px) {
    .fakten {display:block}
    .fakten .testkarte {max-width:none;display:grid;grid-template-columns:auto 1fr;column-gap:48px;align-items:center}
    .fakten .testkarte__schluss {grid-column:1/-1}
}
@media (min-width:1024px) {
    .kapitel.ablauf,.kapitel.haltung,.kapitel.webseite,.kapitel.preise,.kapitel.gruender,.kapitel.fragen {padding-block:80px}
    .buehne__text {grid-column:1/8}
    .buehne__kurz {max-width:38rem}
    .buehne .szene {grid-column:8/13}
    .haltung .raster {align-items:start}
    .haltung .haltung__text {grid-column:1/6;grid-row:1}
    .haltung .gegenlese {grid-column:7/13;grid-row:1;margin-top:0}
    .webseite__inhalt {display:grid;max-width:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spalt);align-items:center}
    .webseite__text {grid-column:1/7}
    .webseite__karte {display:block;grid-column:8/13;margin:0;padding:24px 28px;border-radius:20px;background:var(--karte);box-shadow:var(--schatten-papier)}
    .webseite__kartenkopf {display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600}
    .webseite__karte dl > div {display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:center;gap:12px;min-height:48px;border-top:1px solid var(--linie)}
    .webseite__karte dt {color:var(--tinte-weich);font-size:.875rem}
    .webseite__karte dd {font-size:.9375rem;font-weight:500}
    .webseite__logobild {display:block;width:160px;height:auto}
    .webseite__kennung {margin-top:14px;color:var(--tinte-weich);font-size:.75rem}
    .webseite__farben {display:flex;gap:8px}
    .webseite__farben i {width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0/.14)}
    .fragen .fragen__kopf {grid-column:1/-1;position:static;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:32px;margin-bottom:32px}
    .fragen .fragen__kopf .augenbraue {width:100%}
    .fragen .fragen__kopf .h2 {margin-bottom:0}
    .fragen .fragen__liste {grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:var(--spalt);align-items:start}
    .fragen .fragen__gruppe:nth-child(1) {grid-column:1;grid-row:1}
    .fragen .fragen__gruppe:nth-child(2) {grid-column:2;grid-row:1/span 2}
    .fragen .fragen__gruppe:nth-child(3) {grid-column:1;grid-row:2}
    .fragen .fragen__fuss {grid-column:1/-1}
}
@media (min-width:1600px) {
    .buehne .szene {justify-self:center}
}
@media (min-width:1024px) {
    .buehne .titel {font-size:clamp(4.25rem,6.4vw,7rem)}
    .buehne .buehne__kurz {max-width:42rem;font-size:clamp(1.375rem,1.8vw,1.75rem)}
}
.buehne__ruhe {max-width:30rem;margin-top:10px;color:var(--licht);font-size:.9375rem;font-weight:600;line-height:1.45}
@media (max-width:1023px) {.buehne__ruhe {order:4}}
.runde {position:relative;width:min(100%,36rem);margin:48px auto 0;padding:24px;border-radius:24px;background:var(--nacht-2);box-shadow:inset 0 0 0 1px var(--nacht-linie);color:var(--licht-weich);text-align:left}
.runde__kopf {display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start}
.runde__foto {display:block;width:104px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:var(--nacht-linie);box-shadow:0 0 0 1px var(--nacht-linie)}
@media (min-width:700px) {.runde__kopf {grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:center} .runde__foto {width:128px}}
.runde__titel {color:var(--licht);font:760 1.375rem/1.15 var(--anzeige);letter-spacing:-.015em}
.runde__satz {margin-top:6px;font-size:.9375rem;line-height:1.55;text-wrap:pretty}
.runde__termine {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.termin {position:relative;display:grid;align-content:start;gap:2px;height:100%;min-height:96px;padding:14px 44px 14px 16px;border-radius:16px;background:rgb(255 255 255/.04);box-shadow:inset 0 0 0 1px var(--nacht-linie);color:var(--licht);text-decoration:none;transition:background-color 180ms var(--e5),box-shadow 180ms var(--e5),scale 140ms var(--e1)}
.termin__tag {color:var(--licht-weich);font-size:.875rem;font-weight:500}
.termin__zeit {font:780 1.5rem/1.1 var(--anzeige);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.termin__naechster {display:flex;flex-wrap:wrap;align-items:center;gap:0 .35em;margin-top:4px;color:var(--licht-weich);font-size:.8125rem;line-height:1.35}
.termin__naechster time {color:var(--licht);font-weight:600;white-space:nowrap}
.termin__pfeil {position:absolute;right:14px;top:16px;width:20px;height:20px;color:var(--violett-licht);transition:translate 200ms var(--e5)}
.termin:active {scale:.98}
.termin--laeuft {box-shadow:inset 0 0 0 1.5px var(--freigabe-nacht)}
.termin--laeuft .termin__naechster {color:var(--freigabe-nacht);font-weight:600}
.termin__punkt {width:8px;height:8px;flex:none;border-radius:50%;background:var(--freigabe-nacht)}
.runde__hinweis {display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.8125rem}
.runde__hinweis .zeichen {width:18px;height:18px;color:var(--violett-licht)}
.runde__schreiben {display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:12px;padding-top:6px;border-top:1px solid var(--nacht-linie);font-size:.9375rem}
.runde__mail {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--licht);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.3em}
.runde__mail .zeichen {width:18px;height:18px;color:var(--violett-licht)}
@media (hover:hover) and (pointer:fine) {
    .termin:hover {background:rgb(255 255 255/.07);box-shadow:inset 0 0 0 1px var(--violett-licht)}
    .termin--laeuft:hover {box-shadow:inset 0 0 0 1.5px var(--freigabe-nacht)}
    .termin:hover .termin__pfeil {translate:3px 0}
    .runde__mail:hover {text-decoration-color:currentColor}
}
.termin:focus-visible {outline-offset:4px;border-radius:16px}
@media (max-width:699px) {
    .runde {margin-top:40px;padding:20px 16px}
    .runde__termine {gap:8px}
    .termin {padding:12px 32px 12px 12px}
    .termin__pfeil {right:10px;top:14px;width:18px;height:18px}
    .termin__zeit {font-size:1.3125rem}
}
@media (max-width:359px) {.runde__termine {grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce) {.termin,.termin__pfeil {transition:none}}
@media (forced-colors:active) {.termin {border:1px solid CanvasText} .termin__punkt {forced-color-adjust:none}}
.fragen__unterzeile {color:var(--tinte-weich)}
.fragen__fuss {margin-top:40px;padding:20px 24px;border-radius:16px;background:var(--karte);box-shadow:var(--schatten-papier);color:var(--tinte-weich)}
.fragen__fuss strong {color:var(--tinte)}
.fragen__fuss p {line-height:1.6;text-wrap:pretty}
.fragen__fuss a {padding-block:12px;color:var(--violett);font-weight:600;text-underline-offset:.2em}
@media (min-width:1024px) {
    .fragen .fragen__fuss {grid-column:1/-1;margin-top:48px}
}