.ab{display:block;margin-block-end:calc(var(--abstand-abschnitt) - 20px);height:400svh;background:var(--c-weiss);color:var(--c-text);--b: min(60vw, calc((100svh - var(--kopf-hoehe, 72px) - 260px) / 2.18), 460px)}.ab__buehne{position:sticky;top:0;display:grid;grid-template-rows:auto minmax(0,1fr);height:100svh;padding-block-start:calc(var(--kopf-hoehe, 72px) + 20px);overflow:hidden;background:var(--c-weiss)}.ab__texte{display:grid;text-align:center}.ab__text{grid-area:1 / 1;display:grid;justify-items:center;align-content:start;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .18s ease-out,transform .18s ease-out}.ab__text.ist-aktiv{opacity:1;transform:none;transition:opacity .45s cubic-bezier(.23,1,.32,1) .08s,transform .45s cubic-bezier(.23,1,.32,1) .08s}.ab__titel{font-size:clamp(30px,8.8vw,36px);line-height:1.08}.ab__grau{display:block;color:var(--c-grau)}.ab__satz{max-width:34ch;font-size:16px;line-height:1.4;color:var(--c-grau);text-wrap:balance}.ab__telefone{position:relative;margin-block-start:18px}.ab__telefon{position:absolute;inset-block-start:0;left:50%;width:var(--b);margin-left:calc(var(--b) / -2);transform-origin:50% 0;will-change:transform}.ab__telefon--mitte{z-index:1}.ab__telefon--seite{opacity:0;visibility:hidden}.ab__rahmen{position:relative;padding:calc(var(--b) * .027);border-radius:calc(var(--b) * .165);background:#0c0c0d;box-shadow:inset 0 0 0 max(1px,calc(var(--b) * .005)) #5a5a5e,0 calc(var(--b) * .1) calc(var(--b) * .2) calc(var(--b) * -.12) #0000004d}.ab__rahmen:before{content:"";position:absolute;inset-block-start:24%;left:calc(var(--b) * -.008);width:calc(var(--b) * .008);height:6.5%;border-radius:2px 0 0 2px;background:#3a3a3c;box-shadow:0 calc(var(--b) * .2) 0 #3a3a3c,calc(var(--b) * 1.008) calc(var(--b) * .1) 0 #3a3a3c}.ab__rahmen:after{content:"";position:absolute;z-index:2;inset-block-start:calc(var(--b) * .05);left:35.5%;width:29%;height:calc(var(--b) * .082);border-radius:99px;background:#000}.ab__schirm{position:relative;aspect-ratio:640 / 1393;overflow:hidden;border-radius:calc(var(--b) * .138);background:#0c0c0d;isolation:isolate}.ab__bild{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}.ab__bild[data-schirm=programm]{box-shadow:-6px 0 24px #0000001f}[dir=rtl] .ab__bild[data-schirm=programm]{box-shadow:6px 0 24px #0000001f}.ab__bild[data-schirm=coach]{box-shadow:0 -6px 24px #0000001f}.ab__laden{position:absolute;z-index:2;inset-inline:0;inset-block-end:calc(20px + var(--vorschau-platz, 0px) + env(safe-area-inset-bottom));display:flex;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s linear .18s}.ab.ist-am-ende .ab__laden{opacity:1;visibility:visible;transform:none;transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1),visibility 0s}@media(min-width:768px){.ab{margin-block-end:48px;--b: min(60vw, calc((100svh - var(--kopf-hoehe, 72px) - 190px) / 2), 460px)}.ab__buehne{padding-block-start:calc(var(--kopf-hoehe, 72px) + 56px)}.ab__titel{font-size:clamp(40px,4vw,56px)}.ab__grau{display:inline}.ab__satz{max-width:none;font-size:19px}.ab__telefone{margin-block-start:24px}}@media(orientation:portrait)and (max-height:620px){.ab__satz{display:none}}@media(orientation:landscape)and (max-height:500px){.ab{--b: 30svh}.ab__buehne{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);padding-block-start:var(--kopf-hoehe, 72px)}.ab__text{align-content:center}.ab__telefone{margin-block-start:8px}.ab__laden{inset-inline:0 auto;inset-block-end:calc(8px + var(--vorschau-platz, 0px));width:45%}}@media(prefers-reduced-motion:reduce){.ab{height:auto}.ab__buehne{position:relative;height:auto;min-height:100svh;padding-block-end:96px}.ab__texte{gap:28px}.ab__text,.ab__text.ist-aktiv,.ab__laden,.ab.ist-am-ende .ab__laden{grid-area:auto;opacity:1;visibility:visible;transform:none;transition:none}.ab__telefone{min-height:calc(var(--b) * 2.2)}}.ab:not(:defined){height:auto}.ab:not(:defined) .ab__buehne{position:relative;height:auto;padding-block-end:40px}.ab:not(:defined) .ab__texte{gap:28px}.ab:not(:defined) .ab__text{grid-area:auto;opacity:1;transform:none}.ab:not(:defined) .ab__telefone{min-height:calc(var(--b) * 2.2)}.ab:not(:defined) .ab__laden{position:static;opacity:1;visibility:visible;transform:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/app-buehne.css.map */