[data-take=beratung]{--oben: 64px;--lauf: 340vh}.zuordnung:where([data-take=beratung],[data-take=beratung] *){position:fixed;left:0;top:0;z-index:30;display:none;color:var(--papier);white-space:nowrap;pointer-events:none;transform:translate(var(--x, 0),var(--y, 0))}.beratung-bereit .zuordnung.an:where([data-take=beratung],[data-take=beratung] *){display:block}.platz--papier:where([data-take=beratung],[data-take=beratung] *){background:var(--papier)}.take--beratung:where([data-take=beratung],[data-take=beratung] *){position:relative;background:var(--tinte)}.buehne:where([data-take=beratung],[data-take=beratung] *){position:relative;display:flex;flex-direction:column;gap:2rem;padding:var(--oben) var(--rand) 2.5rem}.wort:where([data-take=beratung],[data-take=beratung] *){font-weight:900;line-height:.88;letter-spacing:-.02em;font-size:16vw;color:var(--papier);width:fit-content;max-width:100%}.zeile:where([data-take=beratung],[data-take=beratung] *){display:inline}.kombis:where([data-take=beratung],[data-take=beratung] *){display:grid;gap:1.6rem;max-width:40rem}.kombi:not([data-aktiv]):where([data-take=beratung],[data-take=beratung] *),.ansage-sr:where([data-take=beratung],[data-take=beratung] *),.beratung-bereit .kombi .schritte:where([data-take=beratung],[data-take=beratung] *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kombi__titel:where([data-take=beratung],[data-take=beratung] *){color:var(--papier);font-weight:600;font-size:1.4em;line-height:1.2}.kombi__satz:where([data-take=beratung],[data-take=beratung] *){color:var(--grau);margin-top:.4rem;max-width:34em}.kombi .schritte:where([data-take=beratung],[data-take=beratung] *){margin-top:1.1rem}.anders:where([data-take=beratung],[data-take=beratung] *){margin-top:1.4rem}.knopf.knopf--rahmen:where([data-take=beratung],[data-take=beratung] *){background:transparent;color:var(--papier);box-shadow:inset 0 0 0 2px var(--koralle)}.knopf.knopf--rahmen:hover:where([data-take=beratung],[data-take=beratung] *){background:var(--koralle);color:var(--tinte)}.knopf.knopf--rahmen:disabled:where([data-take=beratung],[data-take=beratung] *){opacity:1;color:var(--grau);box-shadow:inset 0 0 0 2px var(--grau);cursor:progress}.schritte:where([data-take=beratung],[data-take=beratung] *){display:grid;gap:.7rem;max-width:40rem}.schritte li:where([data-take=beratung],[data-take=beratung] *){display:flex;align-items:center;gap:.8rem;color:var(--papier);font-weight:600;font-size:1.15em;line-height:1.25}.schritte__n:where([data-take=beratung],[data-take=beratung] *){flex:none;display:inline-grid;place-items:center;width:1.7em;height:1.7em;background:var(--koralle);color:var(--tinte);font-weight:900}.schritte__b:where([data-take=beratung],[data-take=beratung] *){color:var(--koralle)}.balken:where([data-take=beratung],[data-take=beratung] *){max-width:32em;padding:1.1rem var(--rand) 2.5rem}.balken>*+*:where([data-take=beratung],[data-take=beratung] *){margin-top:.85rem}.lead:where([data-take=beratung],[data-take=beratung] *){color:var(--papier);font-weight:600;font-size:1.15em;line-height:1.3}.balken p:not([class]):where([data-take=beratung],[data-take=beratung] *){color:var(--grau)}.weiter a:where([data-take=beratung],[data-take=beratung] *){color:inherit;display:inline-flex;align-items:center;min-height:44px;padding:0 .1em}.knopf:where([data-take=beratung],[data-take=beratung] *){display:inline-flex;align-items:center;min-height:48px;font-family:var(--sans);font-weight:600;font-size:1rem;line-height:1;padding:0 1.4em;background:var(--koralle);color:var(--tinte);text-decoration:none}.knopf:hover:where([data-take=beratung],[data-take=beratung] *){background:var(--papier);color:var(--tinte)}.film-an:not(.rm) .lauf:where([data-take=beratung],[data-take=beratung] *){height:calc(100vh + var(--lauf));height:calc(100svh + var(--lauf))}.film-an:not(.rm) .buehne:where([data-take=beratung],[data-take=beratung] *){position:sticky;top:0;height:100vh;height:100svh}.beratung-bereit .wort:where([data-take=beratung],[data-take=beratung] *){color:transparent}.beratung-bereit .schritte:where([data-take=beratung],[data-take=beratung] *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.beratung-bereit .kombis:where([data-take=beratung],[data-take=beratung] *){position:absolute;left:var(--kx, 16px);top:var(--ky, 200px);width:var(--kw, 300px);max-width:none;display:block}.beratung-bereit .kombi__satz:where([data-take=beratung],[data-take=beratung] *){color:var(--papier)}.beratung-bereit .kombi :is(h3,p):where([data-take=beratung],[data-take=beratung] *){paint-order:stroke fill;-webkit-text-stroke:.3em var(--tinte);stroke-linejoin:round}.beratung-bereit .anders:where([data-take=beratung],[data-take=beratung] *){position:absolute;left:var(--kx, 16px);top:var(--knopf-y, 80vh);margin:0}.beratung-bereit:not(.sortiert) :is(.kombis,.anders):where([data-take=beratung],[data-take=beratung] *){visibility:hidden}.beratung-bereit .balken :is(p,li):where([data-take=beratung],[data-take=beratung] *){paint-order:stroke fill;-webkit-text-stroke:.36em var(--tinte);stroke-linejoin:round}.beratung-bereit .balken p:not([class]):where([data-take=beratung],[data-take=beratung] *){color:var(--papier)}.beratung-bereit .balken .mono:where([data-take=beratung],[data-take=beratung] *){-webkit-text-stroke-width:.3em}.beratung-bereit .balken .knopfzeile:where([data-take=beratung],[data-take=beratung] *){-webkit-text-stroke:0}.beratung-bereit .balken a:where([data-take=beratung],[data-take=beratung] *){text-decoration-thickness:3px}.beratung-bereit .take--beratung:where([data-take=beratung],[data-take=beratung] *){background:transparent}@media(min-width:720px){.wort:where([data-take=beratung],[data-take=beratung] *){font-size:12vw}.zeile:where([data-take=beratung],[data-take=beratung] *){display:block}}@media(min-width:1200px)and (min-height:700px){[data-take=beratung]{--lauf: 420vh}.buehne:where([data-take=beratung],[data-take=beratung] *){padding-top:84px}.balken:where([data-take=beratung],[data-take=beratung] *){margin-left:auto;margin-right:var(--rechts);padding:0 0 2.5rem}.film-an:not(.rm) .balken:where([data-take=beratung],[data-take=beratung] *){position:sticky;bottom:0}}
