@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.1h4hl0m83hjjz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-italic.1bk2-9tco4m7m.woff2)format("woff2"),url(../media/instrument-serif-latin-400-italic.3_-8f-v73506e.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-latin-400-normal.3crsbyy6lh6yf.woff2)format("woff2"),url(../media/jetbrains-mono-latin-400-normal.2-1gwgi1uvl-u.woff)format("woff")}
:root{--bg:#050608;--bg-2:#0e1014;--glass:#ffffff0f;--line:#23262e;--text:#f4f5f7;--muted:#c5cde0;--accent:#05f;--accent-text:#b7c9ff;--accent-glow:#3d7bff;--ok:#3ddc97;--warn:#ffc24b;--err:#ff5c5c;--wash:radial-gradient(60% 60% at 70% 40%, #0b2a7a 0%, #050608 70%);--fs-body:clamp(1rem, .96rem + .22vw, 1.125rem);--fs-h1:clamp(2rem, 1.05rem + 3.1vw, 4.6rem);--fs-h2:clamp(1.45rem, 1.1rem + 1.45vw, 2.7rem);--space:clamp(1.35rem, .7rem + 2.1vw, 3.2rem);--pad:clamp(1rem, .4rem + 2.4vw, 3.6rem);--measure:68ch;--glas:#10141e9e;--glas-fest:#12161f;--glas-rand:#ffffff57;--glas-schatten:0 16px 40px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter Variable,Inter,sans-serif;font-size:var(--fs-body);margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:70;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.55'/></svg>");position:fixed;inset:0}a{color:var(--accent-text)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.skip{z-index:90;background:var(--accent);color:#fff;border-radius:999px;padding:.6rem .8rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.8rem}.display{letter-spacing:-.03em;font-family:Archivo Variable,Archivo,sans-serif;font-weight:900;font-stretch:125%;line-height:.92}.display em,.serif{letter-spacing:0;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400;font-stretch:100%}.mono{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}h1.display{font-size:var(--fs-h1);max-width:18ch;margin:0}h2.display{font-size:var(--fs-h2);margin:0}.legal{max-width:var(--measure)}.legal h2{margin:1.5rem 0 .4rem;font-size:1.35rem}.legal li{margin:.25rem 0}.wash{background:var(--bg);background-image:var(--wash)}.wrap{width:min(1440px,100% - 48px);margin:0 auto}.section{padding:5.5rem 0;position:relative}.lede{max-width:68ch;color:var(--muted)}.nav-pill{z-index:40;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:1rem;width:min(980px,100% - 24px);padding:.45rem .5rem .45rem 1rem;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.nav-pill.is-hidden{transform:translate(-50%,calc(-100% - 24px))}.wordmark{color:var(--text);letter-spacing:-.03em;font-family:Archivo Variable,sans-serif;font-weight:900;font-stretch:125%;text-decoration:none}.nav-links{gap:.9rem;margin-left:auto;display:flex}.nav-links a{color:var(--text);font-size:.92rem;text-decoration:none}.menu-btn{color:#fff;border:1px solid var(--line);background:0 0;border-radius:999px;min-height:44px;padding:0 .8rem;display:none}.pill{letter-spacing:-.02em;color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}.pill-solid{background:var(--accent);color:#fff}.pill-solid:hover{color:#fff}.pill-glass{background:var(--glass);color:#fff;border-color:#ffffff29}.pill-glass:hover{color:#fff}.pill:disabled{opacity:.6}.hero{min-height:100svh;position:relative;overflow:hidden}.hero-poster,.hero-canvas,.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-canvas,.hero-video{z-index:1}.hero-shade{z-index:2;pointer-events:none;background:linear-gradient(#05060826,#05060833 40%,#050608c7);position:absolute;inset:0}.hero-ui{z-index:3;flex-direction:column;min-height:100svh;padding:5.5rem 4vw 2rem;display:flex;position:relative}.hero-top,.hero-bottom{justify-content:space-between;gap:1rem;display:flex}.hero-bottom{align-items:end;margin-top:auto}.hero-sub{max-width:34ch;color:var(--text)}.hero-actions,.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chips{margin-top:1rem}.chip{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;display:inline-flex}.pause{z-index:4;color:#fff;background:#0506088c;border:1px solid #fff3;border-radius:999px;min-height:44px;padding:0 .9rem;position:absolute;bottom:1.2rem;right:4vw}.scrollhint{text-align:center;margin:1rem 0 0}.showcase-pin{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.track{gap:1rem;width:max-content;padding:1rem 6vw 2rem;display:flex}.show-card{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:min(72vw,460px);transform:rotateY(var(--ry,0deg));border:1px solid #ffffff1f;border-radius:24px;overflow:hidden}.show-card img,.screen-frame{aspect-ratio:16/10;object-fit:cover;background:#0e1014;width:100%;display:block}.screen-frame{grid-template-rows:auto 1fr;display:grid}.screen-bar{background:#16181d;gap:6px;padding:.55rem .8rem;display:flex}.screen-bar span{opacity:.85;background:#05f;border-radius:99px;width:8px;height:8px}.screen-body{align-content:start;gap:.35rem;padding:.9rem 1rem 1rem;display:grid}.screen-title{margin:0;font-size:1.35rem}.screen-lines{gap:.35rem;margin-top:.4rem;display:grid}.screen-lines i{background:#ffffff24;border-radius:99px;height:8px;display:block}.screen-lines i:nth-child(2){width:78%}.screen-lines i:nth-child(3){width:52%}.screen-pill{background:#05f;border-radius:99px;width:42%;height:28px;margin-top:.7rem}.show-card div.body{padding:1rem 1rem 1.15rem}.portal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff29;border-radius:24px;width:min(920px,100% - 48px);margin:0 auto 1rem;overflow:hidden}.portal img{aspect-ratio:16/9;object-fit:cover;width:100%;transform:translate3d(var(--px,0), var(--py,0), 0) scale(1.06)}.bento,.funnel-grid{grid-template-columns:1.1fr .9fr;gap:.8rem;display:grid}.card{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid #ffffff1f;border-radius:24px;padding:1.2rem}.card h3{margin:.2rem 0;font-size:1.25rem}.solution{grid-area:1/2/span 2}.steps{gap:0;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:1rem;padding:1rem 0;display:grid}.steps strong{color:var(--accent-text);font-family:Archivo Variable,sans-serif;font-size:1.4rem}.price-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.price{border:1px solid var(--line);background:#0e1014;border-radius:24px;flex-direction:column;gap:.6rem;padding:1.2rem;display:flex}.price.is-mid{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 40px #0055ff40}.price ul{color:var(--muted);margin:0;padding-left:1.1rem}.price .sum{letter-spacing:-.03em;font-family:Archivo Variable,sans-serif;font-size:1.7rem;font-weight:800}.toggle{gap:.4rem;margin:1rem 0;display:flex}.signature{margin-top:.8rem}.compare{border-collapse:collapse;width:100%}.compare th,.compare td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:.8rem .4rem}.offen{color:var(--warn)}.faq details{border-top:1px solid var(--line);padding:.8rem 0}.faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.form{gap:.8rem;display:grid}.form label{gap:.3rem;font-weight:600;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#0e1014;border-radius:12px;padding:.65rem .75rem}.form textarea{min-height:120px}.form .err{color:var(--err);font-size:.92rem}.form label.check{align-items:flex-start;font-weight:500;display:flex}.check{align-items:flex-start;gap:.6rem;font-weight:500;display:flex}.hp{position:absolute;left:-9999px}.score{width:92px;height:92px}.final{text-align:center;border-radius:24px;place-items:center;min-height:70svh;display:grid;position:relative;overflow:hidden}.final img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.final .inner{padding:3rem 1rem;position:relative}.footer{border-top:1px solid var(--line);padding:3rem 0 6rem}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem;display:grid}.sticky-cta,.exit-note{z-index:45;align-items:center;gap:.5rem;display:none;position:fixed;bottom:12px;left:12px;right:12px}.exit-note{border:1px solid var(--line);background:#0e1014;border-radius:18px;width:min(360px,100% - 24px);padding:.9rem;display:grid;left:auto}.dialog{width:min(520px,100% - 24px);color:var(--text);border:1px solid var(--line);background:#0e1014;border-radius:18px;padding:1rem}.cursor-dot,.cursor-ring{z-index:80;pointer-events:none;mix-blend-mode:difference;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cursor-dot{background:#fff;width:6px;height:6px}.cursor-ring{border:1px solid #fff;width:28px;height:28px}@media (max-width:960px){.nav-links,.cursor-dot,.cursor-ring,.nav-pill>.pill-solid{display:none}.menu-btn{margin-left:auto;display:inline-flex}.bento,.funnel-grid,.price-grid,.footer-grid,.hero-bottom{grid-template-columns:1fr;display:grid}.solution{grid-area:auto}.track{width:auto;padding:0;display:grid}.show-card{width:auto;transform:none}.sticky-cta.is-on{display:flex}.hero-top{align-items:start}}@media (min-width:961px){.sticky-cta{display:none!important}}@media (prefers-reduced-motion:reduce){.nav-pill{transition:none}.show-card,.portal img{transform:none!important}}
.a-bar{z-index:20;background:var(--glas);border:1px solid var(--glas-rand);width:min(1180px,100% - 1.25rem);box-shadow:var(--glas-schatten);-webkit-backdrop-filter:blur(22px)saturate(1.6);border-radius:999px;align-items:center;gap:.45rem;margin:.7rem auto 0;padding:.35rem .4rem .35rem .95rem;display:flex;position:sticky;top:.7rem}.a-mark{letter-spacing:.12em;text-transform:uppercase;color:#fff;font-family:Archivo Variable,sans-serif;font-size:clamp(.95rem,.85rem + .3vw,1.15rem);font-weight:800;text-decoration:none}.a-nav{flex-wrap:nowrap;align-items:center;gap:.1rem;min-width:0;margin-left:auto;display:flex}.a-nav a,.a-mehr>button,.a-foot a{color:#f4f7ff;text-decoration:none}.a-nav a,.a-mehr>button{white-space:nowrap;color:#f4f7ff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-size:clamp(.82rem,.74rem + .22vw,.98rem);display:inline-flex}.a-nav a[aria-current=page],.a-nav a:hover,.a-mehr>button[aria-expanded=true]{background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff47}.a-mehr{position:relative}.a-mega,.a-drawer{background:var(--glas);border:1px solid var(--glas-rand);box-shadow:var(--glas-schatten);-webkit-backdrop-filter:blur(22px)saturate(1.6)}.a-mega{text-align:left;background:#0e121cf0;border-radius:18px;grid-template-columns:repeat(3,minmax(9rem,1fr));justify-items:start;gap:.35rem 1.1rem;width:min(34rem,72vw);padding:.75rem .95rem .85rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}.a-mega>div{align-content:start;justify-items:start;width:100%;display:grid}.a-mega p,.a-drawer p,.a-foot nav>p{letter-spacing:.12em;text-transform:uppercase;color:#c5d2f5;text-align:left;margin:0 0 .15rem;font-size:.72rem}.a-mega a,.a-drawer a{color:#f4f7ff;text-align:left;justify-content:flex-start;align-items:center;width:100%;min-height:44px;text-decoration:none;display:flex}.a-cta{color:#fff;white-space:nowrap;background:#05f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 .95rem;font-weight:650;text-decoration:none;display:inline-flex}.a-menu{color:#fff;background:#ffffff14;border:1px solid #ffffff59;border-radius:999px;min-height:44px;margin-left:auto;padding:0 .95rem;display:none}.a-drawer{border-radius:22px;width:min(1180px,100% - 1.25rem);margin:.55rem auto 0;padding:.4rem 1rem .8rem}.a-drawer>div+div{margin-top:.4rem}.a-foot{width:min(1180px, calc(100% - var(--pad)));padding:var(--space) 0 2.5rem;color:#d5def4;grid-template-columns:1.3fr repeat(3,1fr);gap:1rem 1.4rem;margin:0 auto;display:grid}.a-foot nav{align-content:start;gap:.1rem;display:grid}.a-copy{grid-column:1/-1;margin:.4rem 0 0}.a-home{color:#f5f7fb}.a-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:1.4rem;min-height:calc(100svh - 68px);padding:2.2rem 4vw 1rem;display:grid}.a-home h1,.a-home h2,.seite h1{letter-spacing:-.05em;margin:.15rem 0 .7rem;font-family:Archivo Variable,sans-serif;font-weight:800;line-height:.92}.a-home h1{font-size:var(--fs-h1);max-width:12ch}.a-home h1 em,.a-home h2 em{color:#7aa2ff;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.a-home h2{font-size:var(--fs-h2)}.a-lead,.a-block p,.a-facts li,.legal p{max-width:var(--measure)}.a-lead{font-size:var(--fs-body);color:#e4eaf8}.a-actions{align-items:center;gap:.8rem;display:flex}.a-actions a:last-child{color:#d5defc}.kicker{letter-spacing:.16em;text-transform:uppercase;color:#b7c3e6;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.a-block{padding:var(--space) var(--pad)}.a-bento,.a-preise{grid-template-columns:1.15fr 1fr 1fr;gap:.7rem;display:grid}.a-bento article,.a-preise article,.a-facts li,.a-karten a,.demo-karten article,.demo-anruf,.demo-warteliste{-webkit-backdrop-filter:blur(16px)saturate(1.35);background:#ffffff12;border:1px solid #ffffff3d;border-radius:22px;padding:.85rem;box-shadow:0 14px 36px #00000038}.a-span{grid-column:1/-1;grid-template-columns:.7fr 1.3fr;align-items:center;gap:.8rem;display:grid}.a-summe,.a-preise p:first-of-type{color:#9eb6ff;letter-spacing:-.04em;font-family:Archivo Variable,sans-serif}.a-preise p:first-of-type{margin:.2rem 0;font-size:1.8rem}.a-zeit{gap:0;margin:0;padding:0;list-style:none;display:grid}.a-zeit li{border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr;gap:.8rem;padding:.85rem 0;display:grid}.a-zeit span{color:#7aa2ff;font-family:Instrument Serif,serif;font-size:2rem;font-style:italic}.a-facts{grid-template-columns:1fr 1fr;gap:.6rem;padding:0;list-style:none;display:grid}.a-facts li{margin:0}.a-karten{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.a-karten a{color:#fff;letter-spacing:-.03em;align-items:end;min-height:96px;font-family:Archivo Variable,sans-serif;text-decoration:none;display:flex}.mock{background:#0c0e14;border:1px solid #ffffff24;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #00000059}.mock-gross{min-height:420px}.mock-top{background:#141821;align-items:center;gap:6px;padding:.55rem .75rem;display:flex}.mock-top span{background:#2a3142;border-radius:99px;width:8px;height:8px}.mock-top span:first-child{background:#05f}.mock-top p{color:#9aa3b5;margin:0 auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem}.site{gap:.45rem;padding:.9rem 1rem 1.1rem;display:grid}.site-nav{color:#c5cde0;align-items:center;gap:.8rem;font-size:.85rem;display:flex}.site-nav strong{color:#fff;margin-right:auto}.site-flag{color:#8ea2ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem}.site h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2vw,2rem)}.site-cards{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.site-cards article{background:#0055ff29;border-radius:12px;gap:.2rem;padding:.7rem;display:grid}.site-cards span,.site-row{color:#c5cde0;font-size:.85rem}.site-row{justify-content:space-between;gap:.5rem;display:flex}.dash{gap:.5rem;padding:.8rem;display:grid}.dash p{color:#8ea2ff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}.dash-cols{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.dash section{background:#ffffff0a;border-radius:12px;padding:.55rem}.dash h3{margin:0 0 .4rem;font-size:.85rem}.dash article{background:#101624;border-radius:10px;padding:.55rem;font-size:.9rem}.demo{gap:.7rem;display:grid}.demo-schritte{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.demo-schritte li{opacity:.45;align-items:center;gap:.35rem;display:flex}.demo-schritte li[data-an=ja]{opacity:1}.demo-schritte span{border:1px solid;border-radius:99px;place-items:center;width:1.4rem;height:1.4rem;font-size:.75rem;display:grid}.demo-form{flex-wrap:wrap;align-items:end;gap:.45rem;display:flex}.demo-form label{flex:220px;gap:.25rem;display:grid}.demo-form input,.demo-form button,.demo-cta,.check input,.check button{min-height:46px;font:inherit;color:#fff;background:#0c1018;border:1px solid #ffffff29;border-radius:999px;padding:0 .9rem}.demo-form button[type=submit],.demo-cta{color:#fff;background:#05f;border-color:#0000;align-items:center;width:fit-content;text-decoration:none;display:inline-flex}.demo-karten{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;display:grid}.demo-karten article,.demo-anruf,.demo-warteliste{border-radius:22px}.demo-anruf ol{gap:.4rem;margin:.4rem 0 0;padding-left:1.1rem;display:grid}.demo-welle{align-items:end;gap:3px;height:28px;display:flex}.demo-welle i{width:3px;height:30%;animation:1s ease-in-out infinite welle;animation-delay:calc(var(--i) * -.08s);background:#7aa2ff;border-radius:99px;display:block}.status{letter-spacing:.08em;text-transform:uppercase;margin-left:.35rem;font-size:.68rem}.status-unsicher{color:#f5c16c}.status-nicht-gefunden{color:#f0a0a0}@keyframes welle{50%{height:100%}}.rise{animation:linear both rise;animation-timeline:view();animation-range:entry entry 28%}@keyframes rise{0%{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:none}}.section{padding-top:1.4rem}.legal,.wrap{color:#e8ecf5}.legal a,.wrap a{color:#9eb6ff}h1.display,h2.display,.a-home h1{overflow-wrap:anywhere;max-width:none}body,main,.wrap,.legal{overflow-x:clip}@supports not ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.a-bar,.a-mega,.a-drawer,.a-bento article,.a-preise article,.a-facts li,.a-karten a{background:var(--glas-fest)}}@media (max-width:980px){.a-nav,.a-bar>.a-cta{display:none}.a-menu{display:inline-flex}.a-hero,.a-bento,.a-preise,.a-facts,.a-span,.a-foot,.dash-cols,.site-cards,.a-karten{grid-template-columns:1fr}.a-hero{min-height:0;padding-top:1.2rem}.a-mega{grid-template-columns:1fr}.site-row{flex-direction:column}.mock-gross{min-height:0}}@media (min-width:981px) and (max-width:1180px){.a-nav a,.a-mehr>button{padding:0 .45rem;font-size:.82rem}.a-cta{padding:0 .7rem}}@media (min-width:1280px){.a-hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:2rem;width:min(1280px,100% - 3rem);min-height:calc(100svh - 5.5rem);margin-inline:auto;padding:1.25rem 0 1rem}.mock-gross{flex-direction:column;min-height:min(74vh,780px);display:flex}.mock-gross .mock-body{flex:1;display:flex}.mock-gross .site{flex:1;gap:.85rem;padding:1.35rem 1.45rem 1.7rem;font-size:1.08rem}.mock-gross .site h3{font-size:clamp(2rem,1.4rem + 1.1vw,2.8rem)}}@media (prefers-reduced-motion:reduce){.rise,.demo-welle i{animation:none}}
.bsp{--glas:#fff8f0b8;--glas-fest:#f6f1e8;--glas-rand:#ffffffd1;--glas-schatten:0 14px 34px #28180824;--pill:#2c2118;--pill-text:#fff;color:#1c1915;background:#f6f1e8;min-height:100vh;font-size:clamp(1rem,.9rem + .4vw,1.28rem)}.bsp a{color:inherit}.bsp img{object-fit:cover;width:100%;height:auto;display:block}.bsp-banner{color:#fff;background:#111;margin:0;padding:.7rem 4vw;font-size:clamp(.92rem,.86rem + .2vw,1.05rem)}.bsp-banner-kurz{display:none}.bsp-banner-kurz summary{cursor:pointer;list-style:none}.bsp-banner-kurz summary::-webkit-details-marker{display:none}.bsp-kopf,.bsp-hero,.bsp section,.bsp footer,.gast,.termin{width:min(1280px,100%);margin-inline:auto}.bsp-kopf{z-index:6;background:var(--glas);border:1px solid var(--glas-rand);width:min(1280px,100% - 1rem);box-shadow:var(--glas-schatten);-webkit-backdrop-filter:blur(18px)saturate(1.5);border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem .8rem;margin:.55rem auto 0;padding:.3rem .35rem .3rem .85rem;display:grid;position:sticky;top:.55rem}.bsp-kopf strong{white-space:nowrap;font-size:clamp(.92rem,.82rem + .35vw,1.15rem)}.bsp-kopf nav{flex-wrap:nowrap;gap:.15rem;min-width:0;display:flex}.bsp-kopf nav a{white-space:nowrap;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;min-height:44px;padding:0 .35rem;font-size:clamp(.8rem,.72rem + .32vw,1.05rem);text-decoration:none;display:inline-flex}.bsp-kopf nav a.is-aktiv{background:var(--pill);color:var(--pill-text);font-weight:650}.bsp section,.gast,.termin{scroll-margin-top:6.2rem}.bsp-hero{padding:1rem var(--pad,4vw) 2rem;grid-template-columns:1fr 1.1fr;align-items:center;gap:1rem;display:grid}.bsp h1{letter-spacing:-.04em;margin:.2rem 0;font-size:clamp(2rem,1.15rem + 2.8vw,5rem);line-height:.96}.bsp h2{margin:0 0 .6rem;font-size:clamp(1.5rem,1.1rem + 1.55vw,2.85rem)}.bsp section>p,.bsp footer p{max-width:68ch}.bsp section,.bsp footer,.gast,.termin{padding:clamp(1.1rem,.6rem + 1.6vw,2.2rem) clamp(1rem,.4rem + 2vw,3rem)}.bsp-grid,.bsp-team{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.bsp-team{grid-template-columns:repeat(4,1fr)}.bsp figure{margin:0}.bsp figcaption{padding:.55rem 0}.bsp-team img,.bsp-avatar{aspect-ratio:4/5}.bsp-avatar{letter-spacing:.04em;background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid color-mix(in srgb, currentColor 28%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;place-items:center;font-family:Archivo Variable,sans-serif;font-size:clamp(1.4rem,1rem + 1.2vw,2.2rem);font-weight:700;display:grid}.bsp-grid img{aspect-ratio:3/2}.assi{z-index:8;width:min(720px,100% - 1rem);margin:0 auto;padding:0 0 .8rem;position:sticky;bottom:.6rem}.assi-kurz{display:none}.assi-fenster{background:var(--glas);border:1px solid var(--glas-rand);box-shadow:var(--glas-schatten);-webkit-backdrop-filter:blur(18px)saturate(1.45);border-radius:22px;margin-top:.45rem;padding:.85rem}.assi>button,.gast button,.termin button,.assi-fenster button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 .9rem}.assi-fenster,.gast,.termin{gap:.6rem;display:grid}.assi-log{max-height:180px;overflow:auto}.assi-wahl,.gast form,.termin form,.gast li,.gast fieldset{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.gast ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.gast input,.termin input,.assi input{min-height:44px;font:inherit;color:inherit;background:0 0;border:1px solid;border-radius:10px;padding:0 .6rem}.demo-ok{border:1px solid;padding:.7rem}.bsp-schreinerei{color:#3a2a1c;background:#f3ecdf}.bsp-schreinerei h1,.bsp-schreinerei h2{font-family:Instrument Serif,serif;font-weight:400}.bsp-schreinerei{--glas:#f3e8d6b8;--glas-fest:#f3ecdf;--pill:#3a2a1c;--pill-text:#fff}.bsp-elektriker{color:#f4f1e8;--glas:#161a249e;--glas-fest:#1a1e28;--glas-rand:#ffffff47;--pill:#f4f1e8;--pill-text:#12141a;background:#12141a}.bsp-elektriker h1{text-transform:uppercase;font-family:Archivo Variable,sans-serif;font-weight:850}.bsp-elektriker .bsp-banner{color:#111;background:#f0b429}.bsp-elektriker .bsp-hero{grid-template-columns:1fr}.bsp-elektriker .bsp-hero img{max-height:520px}.bsp-elektriker button{color:#111;background:#f0b429}.bsp-malerei{color:#241f1a;--glas:#f7ece0b3;--glas-fest:#f7f4ef;--pill:#241f1a;--pill-text:#fff;background:#f7f4ef}.bsp-malerei h1{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.bsp-malerei .bsp-grid{grid-template-columns:1.3fr .7fr}.bsp-malerei .bsp-hero{background:#e7d7c4;margin-inline:auto}.bsp-sanitaer{color:#102833;background:#eef3f6}.bsp-sanitaer h1,.bsp-sanitaer h2{letter-spacing:-.03em;font-family:Inter Variable,sans-serif;font-weight:650}.bsp-sanitaer{--glas:#102833b8;--glas-fest:#102833;--glas-rand:#ffffff47;--pill:#e8f4f8;--pill-text:#102833}.bsp-sanitaer .bsp-kopf{color:#fff}.bsp-sanitaer .bsp-hero{grid-template-columns:1.2fr .8fr}.bsp-coiffeur{color:#2c1c1a;text-align:center;background:#f8eee9}.bsp-coiffeur h1{font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.bsp-coiffeur{--glas:#ffece6b8;--glas-fest:#f8eee9;--pill:#2c1c1a;--pill-text:#fff}.bsp-coiffeur .bsp-hero{grid-template-columns:1fr;justify-items:center}.bsp-coiffeur .bsp-hero img{border-radius:180px 180px 16px 16px;width:min(720px,100%)}.bsp-coiffeur .bsp-grid,.bsp-coiffeur .bsp-team{text-align:left}.bsp-treuhand{color:#161616;background:#fbfbfa}.bsp-treuhand h1{font-family:Inter Variable,sans-serif;font-size:clamp(1.8rem,1.1rem + 2vw,3.6rem);font-weight:600}.bsp-treuhand{--glas:#ffffffc7;--glas-fest:#fbfbfa;--glas-rand:#0000001f;--pill:#161616;--pill-text:#fff}.bsp-treuhand .bsp-kopf{font-family:JetBrains Mono,ui-monospace,monospace}.bsp-treuhand .bsp-hero{border-bottom:1px solid #ddd}.bsp-restaurant{color:#f6efe4;--glas:#241c16a8;--glas-fest:#241c16;--glas-rand:#f6efe452;--pill:#f6efe4;--pill-text:#1a1410;background:#1a1410}.bsp-restaurant h1,.bsp-restaurant h2{font-family:Instrument Serif,serif;font-weight:400}.bsp-restaurant .bsp-banner{color:#1a1410;background:#f6efe4}.bsp-restaurant .bsp-hero{grid-template-columns:.8fr 1.2fr}.bsp-restaurant button{color:#1a1410;background:#f6efe4}.bsp-garage{color:#f2f2f2;background:#181a1d}.bsp-garage h1{letter-spacing:-.05em;font-family:Archivo Variable,sans-serif;font-weight:850}.bsp-garage{--glas:#1c1e22ad;--glas-fest:#222428;--glas-rand:#ffffff3d;--pill:#e85d04;--pill-text:#fff}.bsp-garage button{color:#fff;background:#e85d04}.bsp-garage .bsp-hero{grid-template-columns:1fr 1fr}.bsp section:not(.bsp-hero),.bsp footer{animation:.7s both bsp-auf;animation-timeline:view();animation-range:entry cover 18%}.bsp-hero img{animation:1.1s both bsp-hero}.bsp h2:after{content:"";transform-origin:0;background:currentColor;width:4.5rem;height:2px;margin-top:.35rem;animation:.6s both bsp-linie;animation-timeline:view();animation-range:entry 8% entry 35%;display:block}.bsp figure{transition:transform .45s}.bsp figure:hover{transform:translateY(-6px)}.bsp figure img{transition:transform .6s}.bsp figure:hover img{transform:scale(1.04)}.bsp button,.assi>button{transition:transform .2s,opacity .2s}.bsp button:hover,.assi>button:hover{transform:translateY(-2px)}.assi-fenster{transform-origin:bottom;animation:.35s bsp-chat}@keyframes bsp-auf{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bsp-hero{0%{transform:scale(1.045)}to{transform:none}}@keyframes bsp-linie{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bsp-chat{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.bsp-coiffeur h2:after{transform-origin:50%;margin-inline:auto}.bsp-elektriker h2:after,.bsp-garage h2:after{height:3px}@supports not ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.bsp-kopf,.assi-fenster{background:var(--glas-fest)}}@media (max-width:720px){.bsp-kopf{border-radius:18px;grid-template-columns:1fr}.bsp-kopf strong{white-space:normal}.bsp-banner{padding:.2rem .75rem}.bsp-banner-voll{display:none}.bsp-banner-kurz{white-space:nowrap;justify-content:space-between;align-items:center;gap:.6rem;min-height:44px;font-size:.95rem;display:flex}.bsp-banner-kurz details{position:relative}.bsp-banner-kurz summary{border:1px solid;border-radius:999px;place-items:center;width:44px;height:44px;font-family:Instrument Serif,serif;font-style:italic;display:grid}.bsp-banner-pop{z-index:9;white-space:normal;color:#fff;background:#111;border-radius:14px;width:min(18rem,100vw - 2rem);padding:.75rem .85rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 30px #00000047}.assi{width:auto;max-width:calc(100vw - 1.5rem);margin:0;padding:0;position:fixed;bottom:.75rem;left:auto;right:.75rem}.assi-lang{display:none}.assi-kurz{display:inline}.assi>button{white-space:nowrap;background:var(--glas);min-height:52px;color:inherit;border:1px solid var(--glas-rand);box-shadow:var(--glas-schatten);-webkit-backdrop-filter:blur(16px)saturate(1.45);border-radius:999px;padding:0 1.05rem}.assi-fenster{width:min(22rem,100vw - 1.5rem);max-height:min(68vh,26rem);position:absolute;bottom:calc(100% + .45rem);right:0;overflow:auto}}@media (max-width:800px){.bsp-hero,.bsp-grid,.bsp-team,.bsp-malerei .bsp-grid,.bsp-sanitaer .bsp-hero,.bsp-restaurant .bsp-hero,.bsp-garage .bsp-hero{grid-template-columns:1fr}.bsp-coiffeur .bsp-hero img{border-radius:16px}.a-karten{grid-template-columns:1fr 1fr}}@media (max-width:390px){.a-karten{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bsp section,.bsp footer,.bsp-hero img,.bsp h2:after,.assi-fenster{animation:none}.bsp figure,.bsp figure img,.bsp button{transition:none}}