@font-face{font-family:bricolage;src:url(../media/bricolage_grotesque_latin_wght_normal-s.p.1iqnhac4m3hwo.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:bricolage Fallback;src:local(Arial);ascent-override:82.39%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:112.88%}.bricolage_92eaed57-module__9JSLIW__className{font-family:bricolage,bricolage Fallback}.bricolage_92eaed57-module__9JSLIW__variable{--font-bricolage:"bricolage", "bricolage Fallback"}
@font-face{font-family:hanken;src:url(../media/hanken_grotesk_latin_wght_normal-s.p.3241148m1u9do.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:hanken Fallback;src:local(Arial);ascent-override:98.46%;descent-override:29.83%;line-gap-override:0.0%;size-adjust:101.56%}.hanken_392eb853-module__timjOq__className{font-family:hanken,hanken Fallback}.hanken_392eb853-module__timjOq__variable{--font-hanken:"hanken", "hanken Fallback"}
:root{--ink:#1d2126;--ink-soft:#262b31;--ink-deep:#121519;--paper:#f1f0ec;--card:#fafaf8;--cream:#f4f3f0;--amber:#d0262a;--amber-strong:#b81f24;--amber-deep:#9a1a1e;--steel:#4a4f55;--line:#e2e1dc;--font-display:var(--font-bricolage), "Avenir Next Condensed", sans-serif;--font-body:var(--font-hanken), "Helvetica Neue", sans-serif;--radius:14px;--radius-btn:12px;--shadow:0 26px 64px -26px #0d10146b;--wrap:1120px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--amber);color:var(--cream)}:focus-visible{outline:2px solid var(--amber-strong);outline-offset:2px;border-radius:4px}.header :focus-visible,.hero :focus-visible,.about :focus-visible,.contact :focus-visible,.footer :focus-visible,.angerufen-card :focus-visible,.danke-kontakt-card :focus-visible{outline-color:var(--amber)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.04}h1{font-weight:800}h2{font-weight:760}h3{font-weight:700}.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--amber-deep);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--amber-strong);clip-path:polygon(0% 100%,0% 64%,34% 64%,52% 0%,70% 64%,100% 64%,100% 100%);width:30px;height:9px}.btn{font-family:var(--font-display);letter-spacing:.005em;border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-amber{background:var(--amber);color:var(--cream);box-shadow:0 12px 30px -12px color-mix(in srgb, var(--amber) 60%, transparent)}.btn-amber:hover{background:var(--amber-strong);transform:translateY(-2px)}.btn-ghost{color:var(--cream);border:1.5px solid color-mix(in srgb, var(--cream) 38%, transparent);background:0 0}.btn-ghost:hover{border-color:var(--amber);color:var(--cream)}.btn-ghost:after{content:"→";transition:transform .2s}.btn-ghost:hover:after{transform:translate(4px)}.header{z-index:50;background:color-mix(in srgb, var(--ink) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--cream) 10%, transparent);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:74px;display:flex}.logo{align-items:center;display:flex}.logo img{width:auto;height:44px}.nav{color:color-mix(in srgb, var(--cream) 85%, transparent);gap:28px;font-size:15px;font-weight:600;display:none}.nav a{position:relative}.nav a:after{content:"";background:var(--amber);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav a:hover{color:var(--cream)}.nav a:hover:after{transform:scaleX(1)}.header .btn{white-space:nowrap;padding:10px 18px;font-size:14px}@media (min-width:820px){.nav{display:flex}}@media (max-width:560px){.logo img{height:34px}}@media (max-width:380px){.logo img{height:30px}}.hero{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{object-fit:cover;opacity:.5;will-change:transform;width:100%;height:100%}.hero-media:after{content:"";background:linear-gradient(92deg, var(--ink) 30%, color-mix(in srgb, var(--ink) 72%, transparent) 62%, color-mix(in srgb, var(--ink) 42%, transparent) 100%);position:absolute;inset:0}@media (max-width:700px){.hero-media:after{background:linear-gradient(180deg, color-mix(in srgb, var(--ink) 88%, transparent) 0%, color-mix(in srgb, var(--ink) 72%, transparent) 100%)}}.hero:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--cream) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cream) 5%, transparent) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 30% 20%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 80% at 30% 20%,#000 30%,#0000 75%)}.hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--amber) 13%, transparent), transparent 65%);pointer-events:none;width:560px;height:560px;position:absolute;top:-160px;right:-160px}.hero-inner{padding-top:84px;padding-bottom:96px;position:relative}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:13ch;margin:22px 0 20px;font-size:clamp(42px,7.5vw,84px)}.hero h1 .hl{color:var(--amber)}.hero p.sub{color:color-mix(in srgb, var(--cream) 78%, transparent);max-width:54ch;margin-bottom:34px;font-size:clamp(17px,2.2vw,20px)}.hero-ctas{flex-wrap:wrap;gap:14px;margin-bottom:44px;display:flex}.hero-badges{flex-wrap:wrap;gap:10px;display:flex}.badge{background:color-mix(in srgb, var(--cream) 7%, transparent);border:1px solid color-mix(in srgb, var(--cream) 14%, transparent);color:color-mix(in srgb, var(--cream) 90%, transparent);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.badge:before{content:"✓";color:var(--amber);font-weight:800}.hero .kicker,.about .kicker,.contact .kicker{color:var(--cream)}.hero .kicker:before,.about .kicker:before,.contact .kicker:before{background:var(--amber)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-inner>*{animation:.7s cubic-bezier(.2,.7,.3,1) both rise}.hero-inner>:nth-child(2){animation-delay:80ms}.hero-inner>:nth-child(3){animation-delay:.16s}.hero-inner>:nth-child(4){animation-delay:.24s}.hero-inner>:nth-child(5){animation-delay:.32s}.ratingbar{background:var(--amber);color:var(--cream);padding:15px 0;font-weight:700}.ratingbar .wrap{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;font-size:15px;display:flex}.stars{letter-spacing:2px}section{padding:104px 0}.sec-head{max-width:640px;margin-bottom:60px}.sec-head h2{letter-spacing:-.025em;text-wrap:balance;margin-top:14px;font-size:clamp(30px,4.5vw,46px)}.sec-head p{color:var(--steel);margin-top:12px;font-size:17px}.services-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.service{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.service:hover{box-shadow:0 28px 70px -28px color-mix(in srgb, var(--ink) 45%, transparent);border-color:var(--amber-strong);transform:translateY(-5px)}.service .l-tag{letter-spacing:.04em;color:var(--amber-deep);background:color-mix(in srgb, var(--amber) 16%, transparent);border:1px solid color-mix(in srgb, var(--amber-strong) 45%, transparent);border-radius:999px;margin:14px 0 10px;padding:3px 11px;font-size:12.5px;font-weight:700;display:inline-block}.service .num{font-family:var(--font-display);color:color-mix(in srgb, var(--steel) 70%, transparent);font-size:15px;font-weight:800;transition:color .2s;position:absolute;top:18px;right:22px}.service:hover .num{color:var(--amber-strong)}.service .icon{background:var(--ink);width:52px;height:52px;color:var(--amber);border-radius:13px;place-items:center;margin-bottom:20px;transition:transform .25s;display:grid}.service:hover .icon{transform:scale(1.08)rotate(-4deg)}.service h3{margin-bottom:10px;padding-right:44px;font-size:20px}.service p{color:var(--steel);font-size:15.5px}.hero-media img,.about-photo img{filter:saturate(.82)contrast(1.06)}.about-photo:after{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--ink) 6%, transparent) 40%, color-mix(in srgb, var(--ink) 30%, transparent));mix-blend-mode:multiply;position:absolute;inset:0}.about{background:var(--ink);color:var(--cream);position:relative}.about:after{content:"";background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.about-grid{z-index:1;align-items:center;gap:48px;display:grid;position:relative}@media (min-width:920px){.about-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.about h2{margin:14px 0 20px;font-size:clamp(30px,4.5vw,46px)}.about p.txt{color:color-mix(in srgb, var(--cream) 80%, transparent);max-width:56ch;font-size:17px}.owner{align-items:center;gap:14px;margin-top:28px;display:flex}.owner .avatar{background:var(--amber);width:54px;height:54px;color:var(--cream);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:19px;font-weight:800;display:grid}.owner .name{font-weight:700}.owner .role{color:color-mix(in srgb, var(--cream) 68%, transparent);font-size:14px}.about-photo{border-radius:var(--radius);aspect-ratio:4/3;box-shadow:var(--shadow);position:relative;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stats{gap:14px;display:grid}.stat{background:var(--ink-soft);border:1px solid color-mix(in srgb, var(--cream) 10%, transparent);border-radius:var(--radius);align-items:baseline;gap:16px;padding:26px 28px;transition:border-color .2s;display:flex}.stat:hover{border-color:var(--amber)}.stat .value{font-family:var(--font-display);background:linear-gradient(120deg, #e0504b, color-mix(in srgb, var(--amber) 82%, var(--cream)));color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:clamp(30px,4vw,42px);font-weight:800}.stat .label{color:color-mix(in srgb, var(--cream) 82%, transparent);font-weight:600}.reviews-grid{gap:18px;display:grid}@media (min-width:900px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.review{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:16px;padding:28px 26px;display:flex;position:relative;overflow:hidden}.review:after{content:"„";font-family:var(--font-display);color:color-mix(in srgb, var(--amber) 22%, transparent);pointer-events:none;font-size:84px;font-weight:800;line-height:1;position:absolute;top:-10px;right:16px}.review .stars{color:var(--amber-strong);font-size:17px}.review p{color:var(--ink);flex:1;font-size:15.5px}.review .who{color:var(--steel);font-size:14px;font-weight:700}.review .who a{text-decoration:underline;-webkit-text-decoration-color:var(--amber-strong);text-decoration-color:var(--amber-strong);text-underline-offset:3px}.contact{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.contact:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--amber) 12%, transparent), transparent 65%);width:480px;height:480px;position:absolute;bottom:-180px;left:-180px}.contact:after{content:"";background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.contact-grid{z-index:1;gap:44px;display:grid;position:relative}@media (min-width:920px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.contact h2{margin:14px 0 18px;font-size:clamp(30px,4.5vw,46px)}.contact .lead{color:color-mix(in srgb, var(--cream) 78%, transparent);max-width:46ch;margin-bottom:30px}.bigphone{font-family:var(--font-display);color:var(--amber);align-items:center;gap:14px;margin-bottom:26px;font-size:clamp(24px,4vw,34px);font-weight:800;display:inline-flex}.bigphone:hover{text-decoration:underline;text-decoration-thickness:3px}.contact-ctas{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.contact-meta{color:color-mix(in srgb, var(--cream) 80%, transparent);gap:10px;font-size:15.5px;display:grid}.contact-meta strong{color:var(--cream)}.form{background:var(--ink-soft);border:1px solid color-mix(in srgb, var(--cream) 10%, transparent);border-radius:var(--radius);gap:14px;padding:30px 28px;display:grid}.form label{color:color-mix(in srgb, var(--cream) 75%, transparent);text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;font-weight:700}.form input,.form textarea{background:color-mix(in srgb, var(--cream) 6%, transparent);border:1px solid color-mix(in srgb, var(--cream) 42%, transparent);width:100%;color:var(--cream);font-family:var(--font-body);border-radius:10px;padding:13px 15px;font-size:15.5px;transition:border-color .15s}.form input::placeholder,.form textarea::placeholder{color:color-mix(in srgb, var(--cream) 55%, transparent)}.form input:focus,.form textarea:focus{border-color:var(--cream);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 32%, transparent);outline:none}.form textarea{resize:vertical;min-height:110px}.form .btn{margin-top:6px}.form .hint{color:color-mix(in srgb, var(--cream) 66%, transparent);font-size:12.5px}.footer{background:var(--ink-deep);color:color-mix(in srgb, var(--cream) 68%, transparent);padding:44px 0;font-size:14px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer a:hover{color:var(--cream)}.footer .legallinks{gap:22px;display:flex}.legalpage{max-width:720px;padding-top:72px;padding-bottom:72px}.legalpage h1{margin-bottom:28px;font-size:clamp(32px,5vw,44px)}.legalpage h2{margin:28px 0 8px;font-size:20px}.legalpage p{color:var(--steel);margin-bottom:10px}.legalpage section{padding:18px 0 0}.reveal{opacity:0;transform-origin:bottom;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s);will-change:opacity, transform;transform:perspective(900px)rotateX(10deg)translateY(34px)}.reveal.in{opacity:1;transform:none}.tilt{will-change:transform;transition:transform .16s ease-out,box-shadow .16s ease-out}.reveal.tilt{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.nav a:after,.btn-ghost:after,.service .icon,.hero-inner>*{transition:none;animation:none}}.btn-outline{color:var(--ink);border:1.5px solid color-mix(in srgb, var(--ink) 32%, transparent);background:0 0}.btn-outline:hover{border-color:var(--amber-strong);color:var(--amber-deep);transform:translateY(-2px)}.kunden-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (min-width:900px){.kunden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kunde-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.kunde-card:hover{box-shadow:0 28px 70px -28px color-mix(in srgb, var(--ink) 45%, transparent);border-color:var(--amber-strong);transform:translateY(-5px)}.kunde-shot{display:block}.browserbar{background:var(--ink-deep);align-items:center;gap:6px;padding:10px 14px;display:flex}.browserbar i{background:color-mix(in srgb, var(--cream) 26%, transparent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.browserbar i:first-child{background:var(--amber)}.browserbar .url{letter-spacing:.02em;color:color-mix(in srgb, var(--cream) 74%, transparent);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:12px;font-weight:600;overflow:hidden}.kunde-img{aspect-ratio:16/10;background:var(--paper);display:block;position:relative}.kunde-img img{object-fit:cover;object-position:top;transition:transform .4s}.kunde-card:hover .kunde-img img{transform:scale(1.03)}.kunde-body{flex-direction:column;flex:1;gap:8px;padding:20px 22px 24px;display:flex}.kunde-kopf{justify-content:space-between;align-items:center;gap:10px;display:flex}.kunde-kopf h3{font-size:20px}.status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;flex-shrink:0;padding:4px 11px;font-size:12px;font-weight:700}.status-live{background:var(--amber);color:var(--cream)}.status-live:before{content:"● "}.status-bau{background:color-mix(in srgb, var(--amber) 14%, transparent);color:var(--amber-deep)}.kunde-gewerk{text-transform:uppercase;letter-spacing:.08em;color:var(--amber-deep);font-size:13px;font-weight:700}.kunde-desc{color:var(--steel);flex:1;font-size:15px}.kunde-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--amber-strong);text-decoration-color:var(--amber-strong);text-underline-offset:3px;margin-top:6px;font-size:15px;font-weight:700}.kunde-link:hover{color:var(--amber-deep)}.showcase{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (min-width:880px){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-shot{border:1px solid var(--line);background:var(--paper);box-shadow:0 14px 34px -20px color-mix(in srgb, var(--ink) 40%, transparent);border-radius:12px;position:relative;overflow:hidden}.demo-img{aspect-ratio:16/10;display:block;position:relative}.demo-img img{object-fit:cover;object-position:top;transition:transform .4s}.demo-shot:hover .demo-img img{transform:scale(1.04)}.demo-shot .tag{z-index:2;background:color-mix(in srgb, var(--ink-deep) 84%, transparent);max-width:calc(100% - 20px);color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px;overflow:hidden}.showcase-hinweis{color:var(--ink);margin-top:22px;font-weight:600}.showcase-link{color:var(--amber-deep);text-decoration:underline;-webkit-text-decoration-color:var(--amber-strong);text-decoration-color:var(--amber-strong);text-underline-offset:3px;font-weight:700}.showcase-link:hover{color:var(--amber-strong)}.paket-btn{margin-top:18px}.pflege-hinweis{color:var(--steel);max-width:76ch;margin-top:20px;font-size:14px}#angerufen{padding-top:0}.angerufen-card{background:var(--ink);color:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);gap:30px;padding:clamp(28px,5vw,54px);display:grid;position:relative;overflow:hidden}@media (min-width:920px){.angerufen-card{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}}.angerufen-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--amber) 12%, transparent), transparent 65%);pointer-events:none;width:420px;height:420px;position:absolute;top:-140px;right:-140px}.angerufen-card>div{z-index:1;position:relative}.angerufen-card .kicker{color:var(--cream)}.angerufen-card .kicker:before{background:var(--amber)}.angerufen-card h2{letter-spacing:-.02em;text-wrap:balance;margin:14px 0;font-size:clamp(26px,4vw,38px)}.angerufen-text{color:color-mix(in srgb, var(--cream) 80%, transparent);max-width:52ch;font-size:16px}.angerufen-punkte{gap:12px;margin-bottom:24px;list-style:none;display:grid}.angerufen-punkte li{color:color-mix(in srgb, var(--cream) 88%, transparent);align-items:baseline;gap:10px;font-size:15.5px;display:flex}.angerufen-punkte li:before{content:"✓";color:var(--amber);flex-shrink:0;font-weight:800}.angerufen-cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.angerufen-hinweis{color:color-mix(in srgb, var(--cream) 72%, transparent);font-size:13.5px}.faq-list{gap:12px;max-width:780px;display:grid}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;transition:border-color .2s;overflow:hidden}.faq-item[open]{border-color:var(--amber-strong)}.faq-item summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:14px;padding:17px 20px;font-size:17px;font-weight:700;line-height:1.3;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--amber-strong);flex-shrink:0;font-size:22px;line-height:1;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item>p{color:var(--steel);padding:0 20px 18px;font-size:15.5px}.lp-hero .hero-inner{padding-top:64px;padding-bottom:76px}.lp-hero h1{max-width:22ch;font-size:clamp(34px,6vw,62px)}.lp-referenz-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (min-width:760px){.lp-referenz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lp-preis-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--amber-strong);border-radius:var(--radius);padding:clamp(24px,4vw,40px)}.lp-preis-card h2{margin-bottom:12px;font-size:clamp(24px,3.5vw,32px)}.lp-preis-card p{color:var(--steel);max-width:68ch;font-size:16px}.lp-preis-card .showcase-link{margin-top:12px;display:inline-block}.danke-kopf{padding-bottom:56px}.danke-kopf h1{letter-spacing:-.025em;text-wrap:balance;margin:18px 0 14px;font-size:clamp(34px,6vw,56px)}.danke-kopf .sub{color:var(--steel);max-width:54ch;font-size:17px}.danke-schritte{padding-top:0;padding-bottom:64px}.schritte-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:760px){.schritte-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.schritt{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}.schritt .zeit{text-transform:uppercase;letter-spacing:.08em;color:var(--amber-deep);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.schritt p{color:var(--steel);font-size:15.5px}.danke-kontakt{padding-top:0;padding-bottom:96px}.danke-kontakt-card{background:var(--ink);color:var(--cream);border-radius:var(--radius);padding:clamp(26px,4.5vw,44px)}.danke-kontakt-card h2{margin-bottom:10px;font-size:clamp(24px,3.5vw,32px)}.danke-kontakt-card p{color:color-mix(in srgb, var(--cream) 80%, transparent);max-width:56ch;margin-bottom:22px}.danke-ctas{flex-wrap:wrap;gap:12px;display:flex}.danke-zurueck{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--amber-strong);text-decoration-color:var(--amber-strong);text-underline-offset:3px;margin-top:8px;font-weight:700;display:inline-block}.danke-zurueck:hover{color:var(--amber-deep)}.paket{flex-direction:column;display:flex}.paket-tag{background:var(--amber);color:var(--cream);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:18px;right:22px}.paket-top{border-color:var(--amber-strong);box-shadow:0 22px 54px -26px color-mix(in srgb, var(--amber-strong) 55%, transparent)}.paket-preis{font-family:var(--font-display);color:var(--ink);margin-top:4px;font-size:34px;font-weight:800}.paket-zusatz{color:var(--amber-deep);margin-bottom:14px;font-size:14px;font-weight:600}.paket-punkte{color:var(--steel);gap:8px;font-size:15px;list-style:none;display:grid}.paket-punkte li{align-items:baseline;gap:10px;display:flex}.paket-punkte li:before{content:"✓";color:var(--amber-strong);font-weight:800}a.service{display:block}.service .mehr-dazu{margin-top:14px;display:inline-block}.lp-preis-card .paket-punkte{margin:14px 0 16px}.leistung-festpreis{color:var(--ink);font-weight:600}.sticky-cta{display:none}@media (max-width:719px){.sticky-cta{z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--ink) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid color-mix(in srgb, var(--cream) 10%, transparent);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.sticky-cta .btn{white-space:nowrap;text-overflow:ellipsis;padding:13px 10px;font-size:15px;overflow:hidden}.sticky-cta :focus-visible{outline-color:var(--amber)}.sticky-cta.sticky-gate{transition:transform .25s;transform:translateY(110%)}.sticky-cta.sticky-gate.sticky-show{transform:translateY(0)}body:has(.sticky-cta) .footer{padding-bottom:110px}}
[data-motion=parallax]{will-change:transform;backface-visibility:hidden}[data-motion=clip-up]{overflow:clip}[data-motion=counter]{font-variant-numeric:tabular-nums;display:inline-block}.signal-thread{display:none}@media (min-width:900px){.signal-thread{z-index:40;pointer-events:none;background:linear-gradient(180deg, var(--amber) 0%, var(--amber-strong) 100%);transform-origin:top;will-change:transform;width:3px;display:block;position:fixed;top:0;bottom:0;left:0;transform:scaleY(0)}}.motion-on .sec-head.reveal,.motion-on .sec-head.reveal.in{opacity:1;transition:none;transform:none}.motion-on .sec-head .kicker:before{transform:scaleX(var(--kicker-line,1));transform-origin:0}.motion-on .sec-head h2{will-change:transform}@media (min-width:640px){.motion-on .services-grid>.reveal:not(.in):nth-child(3n+2),.motion-on .kunden-grid>.reveal:not(.in):nth-child(3n+2),.motion-on .demo-grid>.reveal:not(.in):nth-child(3n+2){transform:perspective(900px)rotateX(10deg)translateY(62px)}.motion-on .services-grid>.reveal:not(.in):nth-child(3n),.motion-on .kunden-grid>.reveal:not(.in):nth-child(3n),.motion-on .demo-grid>.reveal:not(.in):nth-child(3n){transform:perspective(900px)rotateX(10deg)translateY(88px)}}@media (min-width:900px){.motion-on .kunde-img>img,.motion-on .demo-img>img{will-change:transform;transition:none}}.motion-on .hero:before{transform:translateY(var(--raster-y,0px));will-change:transform}.motion-on .hero-inner>.hero-badges{animation:none}.ablauf-track{position:relative}.ablauf-line{display:none}@media (min-width:980px){.ablauf-line{pointer-events:none;width:92%;height:40px;display:block;position:absolute;top:-50px;left:4%}}.motion-on [data-motion=ablauf] .num{transition:none}@media (hover:hover) and (pointer:fine){.motion-on .tilt{position:relative}.motion-on .tilt:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(460px circle at var(--gx,50%) var(--gy,50%), #ffffff24, #ffffff0a 42%, transparent 68%);opacity:var(--glare,0);transition:opacity .3s;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){[data-motion],[data-motion]>*{transition:none!important;animation:none!important}.signal-thread{display:none}}