.st-kopf{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.st-fortschritt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,150px));justify-content:center;gap:8px}.st-fortschritt li{display:grid;gap:6px}.st-fortschritt i{display:block;height:3px;border-radius:3px;background:var(--line);overflow:hidden;position:relative}.st-fortschritt i:after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(var(--f,0));transition:transform .5s var(--ease)}.st-fortschritt li.jetzt i:after{transform:scaleX(max(var(--f,0),.6))}.st-fortschritt small,.st-nr b{font-weight:600;color:var(--ink-3)}.st-fortschritt small{font-size:12px}.st-fortschritt li.fertig small,.st-fortschritt li.jetzt small{color:var(--ink)}.st-kopf-frei{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2)}.st-kopf-frei svg{width:15px;height:15px;color:var(--accent)}.st{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:calc(100dvh - 64px);outline:none}.st-links{padding:clamp(32px,6vh,72px) clamp(20px,6vw,88px) 48px;max-width:640px;width:100%;justify-self:end;display:flex;flex-direction:column;gap:20px;animation:st-ein .45s var(--ease) both}.st-rechts{background:linear-gradient(160deg,var(--sunk),oklch(.9 .02 60));display:grid;place-items:center;padding:40px 24px;position:sticky;top:0;height:calc(100dvh - 64px)}.st-blatt .sa-app,.st-rechts .sa-app{margin:0;display:grid;justify-items:center;gap:14px}.st-rechts .mk-telefon{width:min(100%,330px,calc((100dvh - 230px) * 390 / 844))}.st-blatt .sa-reiter,.st-rechts .sa-reiter{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px}.sa-reiter button{min-height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer}.sa-reiter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}@keyframes st-ein{0%{opacity:0;transform:translateY(10px)}}.st-nr{margin:0;font-size:13px;font-weight:600;color:var(--accent-ink);letter-spacing:.02em}.st h1{font-size:clamp(34px,4.4vw,52px);line-height:1.02}.st-lead{margin:0;color:var(--ink-2);font-size:17px;max-width:46ch}.st-arten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.st-arten button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}.st-arten button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.st-arten button[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.st-ico{grid-row:span 2;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}.st-arten button[aria-checked=true] .st-ico{background:var(--ink);color:var(--surface)}.st-ico svg{width:20px;height:20px}.st-arten strong{font-size:16px;line-height:1.2}.st-arten small{font-size:13px;color:var(--ink-3)}.st-felder{display:grid;gap:14px;margin-top:4px}.st-feld{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink-2)}.st-feld input{height:52px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);padding:0 16px;font:inherit;font-size:17px;font-weight:500;color:var(--ink);transition:border-color .2s,box-shadow .2s}.st-feld input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px oklch(.22 .012 55/.08)}.st-pw{position:relative;display:block}.st-pw input{width:100%;padding-right:52px}.st-pw button{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;background:none;color:var(--ink-3);display:grid;place-items:center;cursor:pointer}.st-pw svg{width:18px;height:18px}.st-tipp{justify-self:start;border:0;background:var(--warn-soft);color:var(--ink);border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;margin-top:-6px}.st-logo{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;padding:12px;border:1px dashed var(--line-strong);border-radius:14px}.st-logo>img,.st-logo>span{width:52px;height:52px;border-radius:13px;object-fit:contain;background:var(--sunk)}.st-logo>img{background:#fff;padding:12%;box-sizing:border-box;border:1px solid var(--line)}.st-logo>span{display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:22px;color:var(--ink-2)}.st-logo strong{font-size:14px}.st-logo strong small{font-weight:500;color:var(--ink-3)}.st-logo p{margin:2px 0 0;font-size:12.5px;color:var(--ink-3);line-height:1.35}.st-hochladen{position:relative;cursor:pointer}.st-hochladen input{position:absolute;inset:0;opacity:0;cursor:pointer}.st-weg{border:0;background:none;color:var(--ink-3);width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.st-weg svg{width:16px;height:16px}.st-stil{border:0;padding:0;margin:0;display:grid;gap:8px}.st-stil legend{font-size:14px;font-weight:600;color:var(--ink-2);padding:0;margin-bottom:8px}.st-stil legend small{font-weight:500;color:var(--ink-3);margin-left:6px}.st-stil div{display:flex;flex-wrap:wrap;gap:8px}.st-stil button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 8px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}.st-stil button[aria-checked=true]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.st-stil i{width:24px;height:24px;border-radius:50%;border:1px solid oklch(0 0 0/.08)}.st-stil-klar{background:linear-gradient(135deg,#fff 50%,#d6ef96 0)}.st-stil-ruhig{background:linear-gradient(135deg,#f3eee6 50%,#c9b8a4 0)}.st-stil-kraftvoll{background:linear-gradient(135deg,#1c1c1c 50%,#d6ef96 0)}.st-fakten{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.st-fakten li{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2)}.st-fakten svg{width:15px;height:15px;color:var(--ok)}.st-fehler{margin:0;padding:12px 14px;border-radius:12px;background:var(--bad-soft);color:var(--bad);font-size:14px;font-weight:500}.st-fehler a{color:inherit;font-weight:700}.st-nav{display:flex;align-items:center;gap:10px;margin-top:8px}.st-nav .cv-btn:last-child{margin-left:auto}.st-guck{display:none}.st-fein{margin:0;font-size:12.5px;color:var(--ink-3)}.st-fein a{color:inherit}.st-siegel{margin:0;width:52px;height:52px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}.st-siegel svg{width:26px;height:26px}.st-tueren{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.st-tuer{display:grid;gap:2px;padding:16px;border-radius:16px;background:var(--ink);color:var(--surface);text-decoration:none;position:relative;transition:transform .2s var(--ease)}.st-tuer:hover{transform:translateY(-2px)}.st-tuer span{font-size:12px;opacity:.7}.st-tuer strong{font-size:17px}.st-tuer svg{position:absolute;right:14px;top:14px;width:18px;height:18px}.st-tuer.hell{color:var(--ink);border:1px solid var(--line)}.st-empf,.st-tuer.hell{background:var(--surface)}.st-empf{border-radius:18px;border:1px solid var(--line);padding:20px;display:grid;gap:10px}.st-empf-k{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.st-empf-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.st-empf-kopf strong{font-family:var(--display);font-size:24px;letter-spacing:-.02em}.st-empf-kopf b{font-size:18px}.st-empf-kopf b small{font-size:12px;font-weight:500;color:var(--ink-3)}.st-empf>p{margin:0;font-size:14px;color:var(--ink-2)}.st-empf ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.st-empf li{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:var(--sunk);font-size:13px;font-weight:600}.st-empf li svg{width:13px;height:13px;color:var(--ok)}.st-bauliste{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}.st-bauliste li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink-2);opacity:0;animation:st-ein .4s var(--ease) both;animation-delay:calc(var(--i)*.55s)}.st-bauliste svg{width:18px;height:18px}.st-bauliste .lucide-check{display:none}.spin{animation:st-dreh 1s linear infinite}@keyframes st-dreh{to{transform:rotate(1turn)}}.st-blatt{position:fixed;inset:0;z-index:60;background:oklch(.2 .01 55/.5);display:grid;align-items:end;animation:st-ein .25s ease both}.st-blatt>div{background:var(--bg);border-radius:22px 22px 0 0;padding:44px 16px 24px;position:relative;max-height:92dvh;overflow:auto}.st-blatt .mk-telefon{width:min(78vw,300px)}.st-blatt-zu{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:var(--sunk);display:grid;place-items:center;cursor:pointer}@media (max-width:900px){.st{grid-template-columns:1fr;min-height:0}.st-rechts{display:none}.st-links{justify-self:stretch;max-width:none;padding:28px 20px 120px}.st-kopf{grid-template-columns:auto 1fr;gap:16px}.st-kopf-frei{display:none}.st-fortschritt{grid-template-columns:repeat(3,1fr)}.st-fortschritt small{display:none}.st-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:oklch(.968 .008 75/.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);margin:0}.st-guck{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);margin-left:auto;cursor:pointer}.st-guck svg{width:17px;height:17px}.st-nav .cv-btn:last-child{margin-left:0}.st-nav{gap:8px}.st-nav .cv-btn{white-space:nowrap;flex:none}.st-nav .cv-btn:first-child:not(:last-child){padding-inline:14px}.st-guck{white-space:nowrap;min-height:44px;padding-inline:8px}@media (max-width:440px){.st-guck-text{display:none}}.st-arten{grid-template-columns:1fr}.st-arten button{padding:14px}.st-logo{grid-template-columns:44px minmax(0,1fr) auto auto;gap:8px}.st-logo strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.st-logo>img,.st-logo>span{width:44px;height:44px}.st-logo p{display:none}.st-weg{width:28px}.st-tueren{grid-template-columns:1fr}.st-bau .st-links,.st-fertig .st-links{padding-bottom:40px}}@media (prefers-reduced-motion:reduce){.st-bauliste li,.st-blatt,.st-links{animation:none;opacity:1}}.st-farbe div{gap:10px}.st-farbe button{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border-radius:50%}.st-farbe button i{width:28px;height:28px;border:1px solid oklch(0 0 0/.1);background:var(--fa);transition:transform .3s cubic-bezier(.22,1,.36,1)}.st-farbe button[aria-checked=true] i{transform:scale(1.12)}.st-mini{display:none}@media (max-width:900px){.st-mini{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;width:100%;padding:12px 14px 12px 12px;border-radius:20px;border:1px solid oklch(1 0 0/.7);text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:linear-gradient(135deg,color-mix(in oklch,var(--fa) 38%,transparent),oklch(1 0 0/.55));box-shadow:0 10px 30px -18px oklch(.2 .02 55/.45),inset 0 1px 0 oklch(1 0 0/.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .3s cubic-bezier(.22,1,.36,1)}.st-mini-icon{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:var(--fa);color:oklch(.22 .012 55);font-family:var(--display);font-weight:700;font-size:24px;box-shadow:0 6px 16px -8px oklch(.2 .02 55/.5);transition:background .3s cubic-bezier(.22,1,.36,1)}.st-mini-icon img{width:100%;height:100%;object-fit:contain;background:#fff;padding:12%;box-sizing:border-box}.st-mini-text{display:grid;min-width:0}.st-mini-text small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.st-mini-text strong{font-size:17px;line-height:1.2}.st-mini-text span,.st-mini-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-mini-auf,.st-mini-text span{font-size:13px;color:var(--ink-2)}.st-mini-auf{display:inline-flex;align-items:center;gap:5px;font-weight:600}.st-mini-auf svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.st-farbe button i,.st-mini,.st-mini-icon{transition:none}}.st-web{display:grid;gap:6px;min-width:0}.st-web .st-feld{display:block}.st-web .st-feld small{font-weight:500;color:var(--ink-3);margin-left:6px}.st-web-zeile{display:flex;gap:8px;align-items:stretch}.st-web-zeile input{flex:1 1;min-width:0;width:0;height:52px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);padding:0 16px;font:inherit;font-size:17px;font-weight:500;color:var(--ink);transition:border-color .2s,box-shadow .2s}.st-web-zeile input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px oklch(.22 .012 55/.08)}.st-web-zeile .cv-btn{height:52px;flex:none;white-space:nowrap}.st-web-zeile .cv-btn svg{width:18px;height:18px}.st-web-text{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:14px;line-height:1.4;color:var(--ink-2)}.st-web-text svg{flex:none;width:16px;height:16px;margin-top:2px;color:oklch(.55 .13 150)}.st-web-text.fehler{color:oklch(.5 .17 30)}.st-web-text.hinweis{color:var(--ink-3)}.st-team{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}.st-team span{font-size:15px;color:var(--ink-2,#6b635c);margin-right:4px}.st-team button{border:1px solid oklch(.88 .01 60);background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-size:15px;cursor:pointer}.st-team button[aria-checked=true]{background:#1f1a17;color:#fff;border-color:#1f1a17}.st-rechts{align-content:center;gap:12px}.st-rechts .mk-telefon{width:min(100%,330px,calc((100dvh - 400px) * 390 / 844))}.st-preis{margin:0 auto;width:min(100%,330px);padding:14px 16px;border-radius:18px;background:oklch(1 0 0/.78);border:1px solid oklch(1 0 0/.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:6px;text-align:left;box-sizing:border-box}.st-preis small{font-size:13px;color:#6b635c}.st-preis b{font-size:30px;line-height:1.1;letter-spacing:-.02em;color:#1f1a17}.st-preis b em{font-style:normal;font-weight:500;font-size:14px;color:#6b635c;letter-spacing:0}.st-preis input[type=range]{width:100%;accent-color:#1f1a17}.st-preis p{margin:0;font-size:14px;color:#4a423b}.st-preis-fein,.st-preis-skala{font-size:12px;color:#4a423b}.st-preis-skala{display:flex;justify-content:space-between}.st-preis-skala i{font-style:normal}.st-preis input[type=range]{height:28px;margin:0;outline-color:#1f1a17}.st-preis input[type=range]:focus-visible{outline:2px solid #1f1a17;outline-offset:2px}.st-preis-m{display:none}@media (max-width:900px){.st-preis-m{display:block;margin:6px 0 14px}.st-preis{width:100%}.st-mini[data-look=kraftvoll]{background:linear-gradient(135deg,oklch(.22 .01 60),oklch(.3 .02 60));border-color:oklch(1 0 0/.12);color:oklch(.97 .01 80);box-shadow:0 14px 34px -16px oklch(0 0 0/.6)}.st-mini[data-look=kraftvoll] .st-mini-text small,.st-mini[data-look=kraftvoll] .st-mini-text span{color:oklch(.82 .01 80)}.st-mini[data-look=kraftvoll] .st-mini-auf{color:oklch(.97 .01 80)}.st-mini[data-look=kraftvoll] .st-mini-icon{border-radius:10px}.st-mini[data-look=ruhig]{background:linear-gradient(135deg,oklch(.96 .012 75),oklch(.92 .02 70));border-radius:28px}.st-mini[data-look=ruhig] .st-mini-icon{border-radius:50%}.st-mini[data-look=klar]{background:oklch(1 0 0/.9);border-radius:14px;border-color:oklch(.9 .005 80)}.st-mini[data-look=klar] .st-mini-icon{border-radius:12px}}.st-agb{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-2);cursor:pointer}.st-agb input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink,#111)}.st-agb a{color:inherit;text-underline-offset:3px}