@layer components{.ws{--ws-ink:#0f4c4a;--ws-ink-2:#0b3634;--ws-ink-3:#155e5b;--ws-tinte:#17211f;--ws-paper:#f6f1e7;--ws-ocker:#e9a23b;--ws-ocker-tief:#8f5a0e;--ws-text:#17211f;--ws-text-2:#57534e;--ws-text-3:#78716c;--ws-linie:#17211f17;--ws-ease:cubic-bezier(.2, .7, .2, 1);--ws-rand:clamp(16px, 4vw, 40px);color:var(--ws-text);background:radial-gradient(1100px 620px at 88% -8%, #e9a23b29, transparent 62%), radial-gradient(900px 600px at -10% 18%, #0f4c4a0f, transparent 60%), var(--ws-paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}.ws ::selection{background:var(--ws-ocker);color:var(--ws-tinte)}.ws-breite{width:100%;max-width:1200px;padding-inline:var(--ws-rand);margin-inline:auto}.ws-abschnitt{padding-block:clamp(72px,10vw,136px);scroll-margin-top:72px}.ws-display{font-family:var(--font-display);letter-spacing:-.035em;font-weight:900;line-height:.95}.ws-h1{font-size:clamp(2.4rem,7.9cqi,4.6rem)}.ws-hero-intro{container-type:inline-size}.ws-h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,4.6vw,3.6rem);font-weight:900;line-height:1.02}.ws-h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:800;line-height:1.12}.ws-lead{color:var(--ws-text-2);font-size:clamp(1.06rem,1.5vw,1.25rem);line-height:1.6}.ws-marke{letter-spacing:.14em;text-transform:uppercase;color:var(--ws-text-2);align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.ws-marke:before{content:"";background:var(--ws-ocker);border-radius:2px;width:18px;height:2px}.ws-marker{background-image:linear-gradient(#0000 62%,#e9a23bd9 62% 92%,#0000 92%);background-repeat:no-repeat;background-size:100% 100%;padding-inline:.06em}.ws-knopf{text-align:center;min-height:52px;transition:transform .25s var(--ws-ease), box-shadow .25s var(--ws-ease), background-color .2s, filter .2s;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.4rem;font-size:1rem;font-weight:700;line-height:1.1;display:inline-flex}.ws-knopf:focus-visible{outline:3px solid var(--ws-ink);outline-offset:3px}.ws-knopf-ocker{background:var(--ws-ocker);color:var(--ws-tinte);box-shadow:0 10px 28px #e9a23b61,inset 0 -2px #00000014}.ws-knopf-ocker:hover{filter:brightness(1.04);box-shadow:0 16px 38px #e9a23b80,inset 0 -2px #00000014}.ws-knopf-dunkel{background:var(--ws-ink);color:#fff;box-shadow:0 10px 28px #17211f33}.ws-knopf-dunkel:hover{background:var(--ws-ink-2)}.ws-knopf-hell{color:var(--ws-tinte);background:#fffdf8;border:1px solid #17211f24}.ws-knopf-hell:hover{background:#fff;border-color:#17211f47}.ws-dunkel .ws-knopf-hell{color:#fff;background:#ffffff0f;border-color:#ffffff29}.ws-dunkel .ws-knopf-hell:hover{background:#ffffff1f}.ws-dunkel .ws-knopf:focus-visible{outline-color:var(--ws-ocker)}.ws-karte{background:#fffdf8;border:1px solid #17211f12;border-radius:24px;box-shadow:0 6px 30px #17211f0f,0 1px 3px #17211f0d}.ws-dunkel{--ws-text:#f6f1e7;--ws-text-2:#cfdcd8;--ws-text-3:#9fb8b3;--ws-linie:#ffffff1a;color:var(--ws-text);background:radial-gradient(900px 520px at 80% 0%, #e9a23b1f, transparent 60%), radial-gradient(700px 500px at 0% 100%, #2e7d7847, transparent 60%), var(--ws-ink-2)}.ws-dunkel .ws-karte{background:#ffffff0b;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0f,0 20px 50px #00000059}.ws-dunkel .ws-marke{color:var(--ws-text-2)}.ws-raster{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 75%)}.ws-handy{aspect-ratio:9/19;background:linear-gradient(145deg,#2d313b,#0e1014 60%);border-radius:46px;width:min(100%,340px);padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff14,0 40px 80px #17211f47,0 12px 24px #17211f2e}.ws-handy-schirm{height:100%;color:var(--ws-tinte);isolation:isolate;background:#f6f1e7;border-radius:36px;position:relative;overflow:hidden}.ws-handy-insel{z-index:5;background:#0b0c0f;border-radius:20px;width:96px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){[data-reveal=warten]{opacity:0;transform:translateY(28px)}[data-reveal=da]{opacity:1;transition:opacity .9s var(--ws-ease) var(--d,0s), transform .9s var(--ws-ease) var(--d,0s);transform:none}.ws-heben{transition:transform .35s var(--ws-ease), box-shadow .35s var(--ws-ease)}.ws-heben:hover{transform:translateY(-4px)}}.ws-welle{align-items:center;gap:3px;height:34px;display:flex}.ws-welle>i{width:3px;height:100%;transform:scaleY(var(--h,.4));transform-origin:50%;background:currentColor;border-radius:3px;display:block}@media (prefers-reduced-motion:no-preference){.ws-welle[data-an="1"]>i,[data-aktiv="1"] .ws-welle>i{animation:.9s ease-in-out infinite ws-welle;animation-delay:var(--v,0s)}}@keyframes ws-welle{0%,to{transform:scaleY(var(--h,.4))}50%{transform:scaleY(calc(var(--h,.4) * .35))}}@media (prefers-reduced-motion:no-preference){.ws-zeile-ein{animation:ws-zeile-ein .5s var(--ws-ease) both}.ws-puls,[data-aktiv="1"] .ws-puls-aktiv{position:relative}.ws-puls:after,[data-aktiv="1"] .ws-puls-aktiv:after{content:"";border-radius:inherit;pointer-events:none;border:3px solid #e9a23bb3;animation:1.6s ease-out infinite ws-puls;position:absolute;inset:0}.ws-cursor:after{content:"";vertical-align:-.15em;background:currentColor;width:2px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite ws-blink;display:inline-block}.ws-drehen{animation:.9s linear infinite ws-drehen}}@keyframes ws-zeile-ein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ws-puls{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes ws-blink{50%{opacity:0}}@keyframes ws-drehen{to{transform:rotate(360deg)}}.ws-wisch{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.6rem;display:flex;overflow-x:auto}.ws-wisch::-webkit-scrollbar{display:none}.ws-wisch>*{scroll-snap-align:start;flex:none}.ws-faq summary{cursor:pointer;list-style:none}.ws-faq summary::-webkit-details-marker{display:none}.ws-faq .ws-faq-plus{transition:transform .3s var(--ws-ease)}.ws-faq[open] .ws-faq-plus{transform:rotate(45deg)}.ws-leiste{padding-bottom:max(10px, env(safe-area-inset-bottom))}@media (prefers-reduced-motion:no-preference){.ws-leiste{transition:transform .35s var(--ws-ease), opacity .35s}}.ws-leiste[data-zu="1"]{opacity:0;transform:translateY(110%)}.ws a:focus-visible,.ws button:focus-visible,.ws summary:focus-visible,.ws input:focus-visible,.ws textarea:focus-visible{outline:3px solid var(--ws-ocker);outline-offset:2px}.ws-hero-raster{grid-template-areas:"intro""demo""cta";align-items:center;row-gap:2rem;display:grid}@media (min-width:768px){.ws-hero-raster{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"intro demo""cta demo";align-items:end;gap:2.25rem 3rem}.ws-hero-raster>[class*=grid-area\:cta]{align-self:start}.ws-hero-mittig{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""cta""demo";justify-items:center}}.ws-demo-huelle{width:min(100vw - 2 * var(--ws-rand), 440px);height:min(620px,82svh);color:var(--ws-tinte);background:#f6f1e7;border:1px solid #17211f14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #17211f2e}.ws-demo-schirm{background:#f6f1e7;height:100%;position:relative;overflow:hidden}@media (min-width:768px){.ws-demo-huelle{aspect-ratio:9/19;background:linear-gradient(145deg,#2d313b,#0e1014 60%);border:0;border-radius:46px;width:340px;height:auto;padding:11px;box-shadow:inset 0 0 0 1.5px #ffffff14,0 50px 100px #17211f52,0 14px 28px #17211f33}.ws-demo-schirm{border-radius:36px}.ws-dunkel .ws-demo-huelle{box-shadow:inset 0 0 0 1.5px #ffffff1f,0 50px 120px #0009,0 0 0 1px #ffffff0a}}@media (prefers-reduced-motion:no-preference){.ws-auftritt{animation:ws-auftritt 1.1s var(--ws-ease) .15s both}.ws-schweben{animation:6s ease-in-out infinite ws-schweben;animation-delay:var(--v,0s)}@media (min-width:768px){.ws-glut{animation:14s ease-in-out infinite alternate ws-glut}}.ws-pfeil{animation:2.4s ease-in-out infinite ws-pfeil}}@keyframes ws-auftritt{0%{opacity:0;transform:translateY(48px)rotate(-2.5deg)scale(.97)}to{opacity:1;transform:none}}@keyframes ws-schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ws-glut{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,40px)scale(1.15)}}@keyframes ws-pfeil{0%,to{translate:0}50%{translate:4px}}.ws-schirm-wechsel{transition:opacity .6s var(--ws-ease)}.ws-schirm-wechsel[data-aktiv="0"]{opacity:0;pointer-events:none}.ws-station-text{transition:opacity .5s var(--ws-ease)}@media (min-width:1024px){.ws-station[data-an="0"] .ws-station-text{opacity:.35}}.ws-station-nummer[data-an="1"]{border-color:var(--ws-ocker);background:var(--ws-ocker);color:var(--ws-tinte)}.ws-punkt{width:6px;transition:width .5s var(--ws-ease), background-color .5s;background:#00000026}.ws-punkt[data-an="1"]{background:var(--ws-ink);width:28px}@media (prefers-reduced-motion:no-preference){.ws-zeitleiste{transition:transform .7s var(--ws-ease)}[data-aktiv="1"] .ws-s-ein{animation:ws-zeile-ein .6s var(--ws-ease) var(--t,0s) both}[data-aktiv="1"] .ws-s-pop{animation:ws-pop .55s cubic-bezier(.3, 1.45, .5, 1) var(--t,0s) both}[data-aktiv="1"] .ws-s-banner{animation:ws-banner .7s var(--ws-ease) var(--t,0s) both}[data-aktiv="1"] .ws-s-balken{transform-origin:bottom;animation:ws-balken .9s var(--ws-ease) var(--t,0s) both}[data-aktiv="1"] .ws-s-fuellen{transform-origin:0;animation:ws-fuellen .5s var(--ws-ease) var(--t,0s) both}}@keyframes ws-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes ws-banner{0%{opacity:0;transform:translateY(-130%)}to{opacity:1;transform:none}}@keyframes ws-balken{0%{transform:scaleY(0)}to{transform:none}}@keyframes ws-fuellen{0%{transform:scaleX(0)}to{transform:none}}}