@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/archivo-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/archivo-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--c-bg: #faf8f5;--c-surface: #f1ede7;--c-surface-dark: #1e2124;--c-text: #24272b;--c-text-muted: #6e6a63;--c-accent: #2e4057;--c-accent-hover: #3a5170;--c-brand: #2b57d6;--c-line: #e2ddd5;--c-dark-text: #f4f1ec;--c-dark-muted: #a9a49b;--c-dark-line: #34383d;--bg: var(--c-bg);--fg: var(--c-text);--fg-soft: var(--c-text-muted);--line: var(--c-line);--accent: var(--c-brand);--font-head: Archivo, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--t-display: clamp(2.5rem, 1.1rem + 6.2vw, 5.5rem);--t-h1: clamp(2.125rem, 1.3rem + 3.7vw, 4rem);--t-h2: clamp(1.75rem, 1.25rem + 2.2vw, 2.875rem);--t-h3: clamp(1.1875rem, 1.05rem + .6vw, 1.5rem);--t-lead: clamp(1.0625rem, .95rem + .5vw, 1.375rem);--t-body: clamp(1rem, .96rem + .2vw, 1.0625rem);--t-small: .875rem;--t-micro: .75rem;--lh-tight: 1.02;--lh-head: 1.14;--lh-body: 1.65;--ls-tight: -.02em;--ls-wide: .1em;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-6: 1.5rem;--s-8: 2rem;--s-12: 3rem;--s-16: 4rem;--s-24: 6rem;--s-section: clamp(4rem, 9vw, 8rem);--w-page: 1200px;--w-text: 62ch;--gutter: clamp(1.25rem, .5rem + 3vw, 3rem);--nav-h: 60px;--r-sm: 6px;--r-md: 10px;--r-lg: 18px;--r-pill: 999px;--shadow-soft: 0 8px 30px rgb(30 33 36 / .08);--shadow-card: 0 1px 2px rgb(30 33 36 / .04), 0 12px 34px rgb(30 33 36 / .1);--ease: cubic-bezier(.22, .61, .36, 1);--dur-fast: .16s;--dur: .32s;--dur-slow: .62s}.t-dark{--bg: var(--c-surface-dark);--fg: var(--c-dark-text);--fg-soft: var(--c-dark-muted);--line: var(--c-dark-line);--accent: #6f92e8}.t-surface{--bg: var(--c-surface);--line: #dcd5cb}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--s-4))}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3{font-family:var(--font-head);line-height:var(--lh-head);letter-spacing:var(--ls-tight);font-weight:600;text-wrap:balance}img,picture,svg,video{display:block;max-width:100%;height:auto}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-brand);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--c-accent);color:#fff}.section{background:var(--bg);color:var(--fg);padding-block:var(--s-section);position:relative}.wrap{width:100%;max-width:var(--w-page);margin-inline:auto;padding-inline:var(--gutter)}.wrap--narrow{max-width:860px}.lead{font-size:var(--t-lead);line-height:1.5;color:var(--fg-soft);max-width:var(--w-text);text-wrap:pretty}.eyebrow{font-family:var(--font-head);font-size:var(--t-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:600;color:var(--accent);margin-bottom:var(--s-4)}.section-head{margin-bottom:var(--s-12)}.section-head h2{font-size:var(--t-h2);max-width:18ch}.section-head .lead{margin-top:var(--s-6);max-width:48ch}.skip{position:absolute;left:var(--s-4);top:-6rem;z-index:100;background:var(--c-accent);color:#fff;padding:var(--s-3) var(--s-6);border-radius:var(--r-pill);transition:top var(--dur-fast) var(--ease)}.skip:focus{top:var(--s-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-8);border:1px solid transparent;border-radius:var(--r-pill);font-family:var(--font-head);font-size:var(--t-body);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active{transform:scale(.975)}.btn--primary{background:var(--c-accent);color:#fff}.btn--primary:hover{background:var(--c-accent-hover)}.t-dark .btn--primary{background:var(--c-dark-text);color:var(--c-surface-dark)}.t-dark .btn--primary:hover{background:#fff}.btn--ghost{border-color:color-mix(in srgb,var(--fg) 28%,transparent);color:var(--fg)}.btn--ghost:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);margin-top:var(--s-8)}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}.is-placeholder{position:relative}.is-placeholder:after{content:attr(data-placeholder);position:absolute;top:var(--s-3);left:var(--s-3);z-index:3;padding:3px 9px;border-radius:var(--r-pill);background:#2b57d6eb;color:#fff;font-size:10px;letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:600;pointer-events:none}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);display:flex;align-items:center;color:var(--c-text);border-bottom:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav.is-stuck{background:color-mix(in srgb,var(--c-bg) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom-color:var(--c-line)}.nav__inner{display:flex;align-items:center;gap:var(--s-8);width:100%;max-width:var(--w-page);margin-inline:auto;padding-inline:var(--gutter)}.nav__brand{margin-right:auto;display:flex;align-items:center}.nav__brand img{height:22px;width:auto}.nav__links{display:none;gap:var(--s-8);font-size:var(--t-small)}.nav__links a{color:var(--c-text-muted);transition:color var(--dur-fast) var(--ease)}.nav__links a:hover{color:var(--c-text)}.nav__cta{min-height:36px;padding-inline:var(--s-6);font-size:var(--t-small)}@media(min-width:860px){.nav__links{display:flex}}.hero{background:var(--c-bg);padding-top:calc(var(--nav-h) + clamp(2rem,6vw,4.5rem));padding-bottom:clamp(3rem,7vw,6rem)}.hero__grid{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:center}@media(min-width:940px){.hero__grid{grid-template-columns:1fr .82fr;gap:var(--s-16)}}.hero h1{font-size:var(--t-display);line-height:var(--lh-tight);font-weight:700;max-width:11ch}.hero__sub{margin-top:var(--s-6);font-size:var(--t-lead);line-height:1.5;color:var(--c-text-muted);max-width:40ch;text-wrap:pretty}.hero__price{margin-top:var(--s-8);font-family:var(--font-head);font-size:var(--t-h3);font-weight:600}.hero__price span{display:block;margin-top:var(--s-1);font-family:var(--font-body);font-size:var(--t-small);font-weight:400;color:var(--c-text-muted)}.hero__btns{margin-top:var(--s-6)}.hero__media{border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface);box-shadow:var(--shadow-card);aspect-ratio:3 / 4}.hero__media img{width:100%;height:100%;object-fit:cover}.trustbar{border-top:1px solid var(--c-line);background:var(--c-bg)}.trustbar ul{display:grid;gap:var(--s-4) var(--s-8);padding-block:var(--s-8);font-size:var(--t-small);color:var(--c-text-muted)}@media(min-width:700px){.trustbar ul{grid-template-columns:repeat(4,1fr)}}.trustbar li{display:flex;gap:var(--s-3);align-items:baseline}.trustbar li:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--c-brand);transform:translateY(-2px)}.story__claim{font-size:var(--t-h1);font-weight:600;line-height:1.1;letter-spacing:var(--ls-tight);max-width:16ch}.story__claim em{font-style:normal;color:var(--c-text-muted)}.steps{display:grid;gap:var(--s-12);margin-top:var(--s-16);counter-reset:step}@media(min-width:780px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--s-8)}}.step{border-top:1px solid var(--line);padding-top:var(--s-6)}.step:before{counter-increment:step;content:"0" counter(step);display:block;font-family:var(--font-head);font-size:var(--t-micro);letter-spacing:var(--ls-wide);color:var(--accent);font-weight:600;margin-bottom:var(--s-4)}.step h3{font-size:var(--t-h3);margin-bottom:var(--s-3)}.step p{color:var(--fg-soft);max-width:34ch}.band{position:relative;margin-top:var(--s-24);height:clamp(240px,42vw,460px);overflow:hidden}.band img{width:100%;height:100%;object-fit:cover}.product__grid{display:grid;gap:var(--s-12)}@media(min-width:940px){.product__grid{grid-template-columns:1fr 1fr;gap:var(--s-16);align-items:start}}.product__stage{position:relative;border-radius:var(--r-lg);overflow:hidden;background:color-mix(in srgb,var(--fg) 8%,transparent);aspect-ratio:3 / 4}@media(min-width:940px){.product__stage{position:sticky;top:calc(var(--nav-h) + var(--s-8))}}.product__stage picture{position:absolute;inset:0}.product__stage img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease)}.product__stage img.is-active{opacity:1}.specs{display:grid;gap:clamp(3rem,8vw,6rem)}@media(min-width:940px){.spec{min-height:62vh;display:flex;flex-direction:column;justify-content:center}}.spec h3{font-size:var(--t-h3);margin-bottom:var(--s-4)}.spec p{color:var(--fg-soft);max-width:40ch}.spec__data{margin-top:var(--s-6);display:grid;gap:var(--s-3);font-size:var(--t-small)}.spec__data div{display:flex;justify-content:space-between;gap:var(--s-4);border-top:1px solid var(--line);padding-top:var(--s-3)}.spec__data dt{color:var(--fg-soft)}.spec__data dd{font-variant-numeric:tabular-nums}.viewer__frame{position:relative;margin-top:var(--s-12);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#15181b;aspect-ratio:16 / 9;display:grid;place-items:center}.viewer__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.viewer__frame model-viewer{width:100%;height:100%;--poster-color: transparent;--progress-bar-color: var(--c-brand);background:#15181b}.viewer__hint{position:relative;z-index:2;text-align:center;padding:var(--s-8);font-family:var(--font-head);font-weight:600;color:var(--c-dark-text)}.viewer__hint p{font-family:var(--font-body);font-weight:400;color:var(--c-dark-muted);font-size:var(--t-small);margin-top:var(--s-2)}.viewer__ring{width:52px;height:52px;margin-inline:auto;margin-bottom:var(--s-4);border-radius:50%;border:1px solid var(--c-dark-line);border-top-color:#6f92e8;animation:spin 3.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom__grid{display:grid;gap:var(--s-12);align-items:center}@media(min-width:900px){.custom__grid{grid-template-columns:1fr .9fr;gap:var(--s-16)}}.custom__list{display:grid;gap:var(--s-4);margin-top:var(--s-8);font-size:var(--t-body);color:var(--fg-soft)}.custom__list li{display:flex;gap:var(--s-4);border-top:1px solid var(--line);padding-top:var(--s-4)}.custom__list strong{flex:none;width:8.5rem;font-family:var(--font-head);font-weight:600;color:var(--fg)}.contactcard{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-soft)}.contactcard h3{font-size:var(--t-h3);margin-bottom:var(--s-2)}.contactcard p{color:var(--fg-soft);font-size:var(--t-small)}.contactcard__line{display:block;margin-top:var(--s-4);font-family:var(--font-head);font-weight:600;color:var(--c-brand);word-break:break-word}.contactcard__line:hover{text-decoration:underline;text-underline-offset:4px}.contactcard .btn{margin-top:var(--s-8);width:100%}.plans{display:grid;gap:var(--s-6)}@media(min-width:860px){.plans{grid-template-columns:1.05fr .95fr;gap:var(--s-8);align-items:start}}.plan{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--c-bg)}.plan--featured{border-color:transparent;background:var(--c-accent);color:#fff}.plan--featured .plan__note,.plan--featured li{color:#ffffffb8}.plan--featured li:before{background:#fff9}.plan h3{font-size:var(--t-h3)}.plan__price{margin:var(--s-6) 0 0;font-family:var(--font-head);font-size:var(--t-h2);font-weight:700;letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums}.plan__note{margin-top:var(--s-2);font-size:var(--t-small);color:var(--fg-soft)}.plan ul{margin:var(--s-8) 0;display:grid;gap:var(--s-3);font-size:var(--t-small);color:var(--fg-soft)}.plan li{display:flex;gap:var(--s-3)}.plan li:before{content:"";flex:none;width:5px;height:5px;margin-top:.62em;border-radius:50%;background:var(--c-brand)}.plan .btn{margin-top:auto;width:100%}.plan--featured .btn{background:#fff;color:var(--c-accent)}.plan--featured .btn:hover{background:var(--c-surface)}.sizes{margin-top:var(--s-12);padding-top:var(--s-8);border-top:1px solid var(--line)}.sizes h3{font-size:var(--t-h3);margin-bottom:var(--s-2)}.sizes p{color:var(--fg-soft);font-size:var(--t-small);max-width:60ch}.sizes ul{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-6)}.sizes li{padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--fg-soft)}.faq{margin-top:var(--s-12);border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);padding:var(--s-6) 0;cursor:pointer;font-family:var(--font-head);font-size:var(--t-h3);font-weight:600;letter-spacing:var(--ls-tight);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-size:1.5rem;font-weight:400;color:var(--accent);transition:transform var(--dur) var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{padding-bottom:var(--s-6);color:var(--fg-soft);max-width:var(--w-text)}.footer{background:var(--c-surface-dark);color:var(--c-dark-muted);padding-block:var(--s-16) var(--s-8);font-size:var(--t-small)}.footer__top{display:flex;flex-wrap:wrap;gap:var(--s-8);justify-content:space-between;align-items:center;padding-bottom:var(--s-8);border-bottom:1px solid var(--c-dark-line)}.footer__brand img{height:24px;width:auto}.footer__links{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6)}.footer__links a:hover{color:var(--c-dark-text)}.footer__contact{margin-top:var(--s-8);display:flex;flex-wrap:wrap;gap:var(--s-6)}.footer__contact a:hover{color:var(--c-dark-text)}.footer__legal{margin-top:var(--s-8);display:grid;gap:var(--s-2);font-size:var(--t-micro);line-height:1.7;color:#96918a}@keyframes fade-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes drift-up{0%{transform:scale(1.08) translateY(3.2%)}to{transform:scale(1.08) translateY(-3.2%)}}@keyframes wipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.js .reveal{opacity:1;transform:none;transition:none}.reveal{animation:fade-rise linear both;animation-timeline:view();animation-range:entry 10% entry 65%}.steps .step:nth-child(2),.plans .plan:nth-child(2){animation-range:entry 20% entry 78%}.steps .step:nth-child(3){animation-range:entry 30% entry 90%}.trustbar li{animation:fade-rise linear both;animation-timeline:view();animation-range:entry 5% entry 55%}.trustbar li:nth-child(2){animation-range:entry 15% entry 65%}.trustbar li:nth-child(3){animation-range:entry 25% entry 75%}.trustbar li:nth-child(4){animation-range:entry 35% entry 85%}.faq details{animation:fade-rise linear both;animation-timeline:view();animation-range:entry 8% entry 60%}.sizes li{animation:fade-rise linear both;animation-timeline:view();animation-range:entry 5% entry 50%}.hero__media img,.band img{animation:drift-up linear both;animation-timeline:view();animation-range:cover 0% cover 100%;will-change:transform}.nav__progress{animation:wipe linear both;animation-timeline:scroll(root block)}}}@media(prefers-reduced-motion:no-preference){.js .hero__inner-anim>*{animation:fade-rise .56s var(--ease) both}.js .hero__inner-anim>*:nth-child(2){animation-delay:70ms}.js .hero__inner-anim>*:nth-child(3){animation-delay:.14s}.js .hero__inner-anim>*:nth-child(4){animation-delay:.21s}.js .hero__inner-anim>*:nth-child(5){animation-delay:.28s}.js .hero__media{animation:fade-rise .7s var(--ease) both;animation-delay:.12s}}.nav__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--c-brand);transform:scaleX(0);transform-origin:0 50%;opacity:0;transition:opacity var(--dur) var(--ease)}.nav.is-stuck .nav__progress{opacity:1}@media(prefers-reduced-motion:reduce){.nav__progress{display:none}}.consent{position:fixed;z-index:90;left:var(--s-4);right:var(--s-4);bottom:var(--s-4);display:flex;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.consent.is-sichtbar{opacity:1;transform:none}.consent__box{width:100%;max-width:30rem;padding:var(--s-6);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg);box-shadow:var(--shadow-card)}.consent__titel{font-size:var(--t-h3);margin-bottom:var(--s-3)}.consent__text{font-size:var(--t-small);color:var(--c-text-muted);line-height:1.55}.consent__text a{color:var(--c-brand);text-decoration:underline;text-underline-offset:3px}.consent__aktionen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin-top:var(--s-6)}.consent__aktionen .btn{width:100%;padding-inline:var(--s-4)}@media(min-width:480px){.consent{left:auto;right:var(--s-6);bottom:var(--s-6)}}@media(prefers-reduced-motion:reduce){.consent{opacity:1;transform:none}}.footer__consent{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}.footer__consent:hover{color:var(--c-dark-text)}