.app{--tuerkis: #4ec6ce;--tuerkis-text: #7fe0e6;--impuls: #5fd0ff;--st: .6;padding-block:var(--abstand-abschnitt);color:var(--c-weiss);background:radial-gradient(90% 60% at 50% 0%,#1b2a2f,#0d1416 55%,#070a0b)}.app__kopf{display:grid;justify-items:center;gap:14px;text-align:center}.app__etikett{color:#fff9}.app__text{max-width:520px;font-size:16px;line-height:1.45;color:#fffc}.app__demo{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-block-start:32px;padding-inline:var(--rand)}.app__foto{position:relative;aspect-ratio:1;overflow:hidden;border-radius:28px;background:#120e0b}.app__telefon{position:absolute;top:0;right:0;bottom:0;left:0;--tf-zoom: 2.05;--tf-pos: 40% 24%}.app__seite{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.app__buehne{position:relative;width:100%}.app__buehne:before{content:"";position:absolute;top:4%;right:10%;bottom:18%;left:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(95,208,255,calc(.06 + var(--st) * .2)),#5fd0ff00);pointer-events:none}.app__anzuege{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7%;width:min(56vw,240px);margin-inline:auto}.app__anzug{position:relative;aspect-ratio:770 / 1320}.app__anzug .freisteller{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.app__zone{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:30%;aspect-ratio:1;translate:-50% -50%;mix-blend-mode:screen;opacity:.16}.app.ist-an .app__zone{opacity:1}.app__zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(closest-side,#e1f8fff2,#5fd0ffb3 32%,#5fd0ff33 62%,#5fd0ff00);opacity:calc(.1 + var(--st) * .9);transform:scale(calc(.4 + var(--st) * .85));transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}.app__status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:24px;margin-block-start:8px;font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums}.app__lampe{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:background-color .3s ease-out,box-shadow .3s ease-out}.app.ist-an .app__lampe{background:var(--impuls);box-shadow:0 0 10px 3px #5fd0ff99}.app__programme{min-width:0;margin:0;padding:0;border:0}.app__hinweis{width:100%;margin-block-end:8px;padding:0;font-size:13px;text-align:center;color:#fff9}.app__reihe{gap:8px;margin-inline:calc(var(--rand) * -1);padding-block:3px}.app__programm{width:min(42vw,176px);position:relative;display:grid;align-content:start;justify-items:center;gap:2px;padding:6px 6px 12px;border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14;text-align:center;transition:background-color .25s ease-out,box-shadow .25s ease-out,transform .14s ease-out}.app__programm input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;border:0;border-radius:inherit;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}.app__programm input:focus-visible{outline:2px solid var(--tuerkis-text);outline-offset:2px}.app__programm:active{transform:scale(.97)}.app__programm:has(:checked){background:#4ec6ce24;box-shadow:inset 0 0 0 1.5px var(--tuerkis)}@media(hover:hover)and (pointer:fine){.app__programm:hover{background:#ffffff1a}.app__programm:has(:checked):hover{background:#4ec6ce2e}}.app__programm-foto{width:100%;height:auto;aspect-ratio:6 / 5;margin-block-end:6px;border-radius:12px;object-fit:cover}.app__programm-name{font-size:15px;line-height:1.2;font-weight:700}.app__rhythmus{display:grid;font-size:12px;line-height:1.3;white-space:nowrap;color:#fff9}.app__programm:has(:checked) .app__rhythmus{color:var(--tuerkis-text)}.app__staerke{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 16px 4px;border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.app__staerke-titel{font-size:15px;font-weight:600}.app__staerke-wert{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.app__regler{--f: calc((var(--wert, 60) - 10) / 90 * 100%);grid-column:1 / -1;width:100%;height:44px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}.app__regler::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--tuerkis) var(--f),rgba(255,255,255,.16) var(--f))}.app__regler::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--tuerkis) var(--f),rgba(255,255,255,.16) var(--f))}[dir=rtl] .app__regler::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--tuerkis) var(--f),rgba(255,255,255,.16) var(--f))}[dir=rtl] .app__regler::-moz-range-track{background:linear-gradient(to left,var(--tuerkis) var(--f),rgba(255,255,255,.16) var(--f))}.app__regler::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;border:0;border-radius:50%;background:var(--c-weiss);box-shadow:0 0 0 .5px #0000001a,0 3px 8px #0000004d;-webkit-appearance:none;appearance:none}.app__regler::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:var(--c-weiss);box-shadow:0 0 0 .5px #0000001a,0 3px 8px #0000004d}.app__regler:focus-visible{outline:2px solid var(--tuerkis-text);outline-offset:2px;border-radius:8px}.app .app__funktionen{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:48px;padding-inline:var(--rand)}.app__funktion:first-child:nth-last-child(odd){grid-column:1 / -1}.app__funktion{display:grid;align-content:start;gap:8px;padding:18px;border-radius:var(--r-xl);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0f}.app__funktion-symbol{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#4ec6ce29;color:var(--tuerkis-text)}.app__funktion-titel{margin-block-start:4px;font-size:16px;line-height:1.25;font-weight:600}.app__funktion-text{font-size:14px;line-height:1.4;color:#ffffffb8}.app__laden{display:grid;justify-items:center;gap:14px;margin-block-start:40px;text-align:center}.app__laden-text{font-size:15px;color:#ffffffb8}.app__badges{justify-content:center}@media(min-width:768px){.app__demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);max-width:1120px;margin:56px auto 0}.app__foto{aspect-ratio:4 / 5;border-radius:32px}.app__telefon{--tf-zoom: 1.85;--tf-pos: 40% 12%}.app__seite{gap:20px}.app__reihe{flex-wrap:wrap;justify-content:center;margin-inline:0;padding-inline:0;overflow:visible}.app__programm{width:calc((100% - 16px) / 3)}.app__anzuege{width:min(100%,360px)}.app__status{font-size:17px}}@media(min-width:1024px){.app__text{font-size:18px}.app__demo{grid-template-columns:minmax(0,560px) minmax(0,440px);justify-content:center;align-items:center;column-gap:64px}.app .app__funktionen{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;gap:16px;margin-block-start:72px}.app__funktion{padding:24px}.app__funktion:first-child:nth-last-child(odd){grid-column:auto}.app__demo{--demo-h: clamp(440px, calc(100svh - 150px) , 600px);grid-template-columns:calc(var(--demo-h) * .8) minmax(0,540px);align-items:stretch;column-gap:56px;max-width:1200px}.app__foto{height:var(--demo-h)}.app__seite{grid-template-rows:minmax(0,1fr) auto auto;gap:14px;height:var(--demo-h)}.app__buehne{container-type:size}.app__anzuege{grid-template-columns:auto auto;column-gap:6cqh;width:max-content}.app__anzug{height:calc(100cqh - 34px)}.app__status{margin-block-start:10px}.app__staerke{padding-block:10px 0}.app__regler{height:36px}.app__reihe{flex-wrap:nowrap}.app__programm{width:calc((100% - 32px)/5);padding:5px 5px 10px;border-radius:16px}.app__programm-foto{margin-block-end:5px;border-radius:11px}.app__programm-name{font-size:14px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.app__rhythmus{white-space:normal;text-wrap:balance}}@media(prefers-reduced-motion:reduce){.app__zone:before{transition:none}}.app__mehr{margin-block-start:40px}.app__mehr-titel{font-size:18px;line-height:1.3;font-weight:600}.app .app__mehr-liste{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-block-start:16px;padding:0}.app__mehr-liste li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start;font-size:14px;line-height:1.4;color:#fffc}.app__mehr-liste .icon{margin-block-start:2px;color:var(--tuerkis-text)}@media(min-width:1024px){.app__mehr{margin-block-start:56px}.app .app__mehr-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px}.app__mehr-liste li{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/app-demo.css.map */