.sf-hero{background:var(--soft);border-bottom:1px solid var(--line);padding-block:28px 56px}.crumbs{display:flex;gap:8px;font-size:14px;color:var(--muted);margin-bottom:36px;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.sf-hero h1{font-size:clamp(36px,5.5vw,64px);font-weight:800}.sf-hero .lead{margin-top:16px;font-size:clamp(17px,1.6vw,19px);color:var(--muted);max-width:58ch}.jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.jump a{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:16px}.jump a svg{color:var(--accent)}.jump a:hover{border-color:var(--accent);color:var(--accent)}.sf-sec{padding-block:80px;scroll-margin-top:68px}#kunden,#handwerker{scroll-margin-top:68px}.sf-soft{background:var(--soft)}.sf-soft .step-visual{background:var(--surface)}.sf-head{max-width:640px;margin-bottom:40px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.sf-tag{font-size:14px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));padding:5px 12px;border-radius:999px}.sf-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:800}.sf-head p{color:var(--muted);font-size:17px}.sf-head a{color:var(--accent);font-weight:600}.steps4{grid-template-columns:repeat(4,1fr);gap:20px}.steps4 .step-visual{height:200px}.sf-band{margin-top:48px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;border:1px solid var(--line);border-radius:22px;padding:22px 26px;background:var(--surface)}.sf-band strong{font-family:var(--display);font-size:20px}.sf-band p{color:var(--muted);margin-top:2px}.sf-band .btn{padding:15px 24px;font-size:16px}.mock-reg{display:flex;flex-direction:column;gap:5px;width:min(80%,250px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 14px 30px -20px #14203b80}.mr-l{font-size:10.5px;font-weight:600;color:var(--muted)}.mr-f{font-size:12.5px;font-weight:500;border:1px solid var(--line);border-radius:8px;padding:6px 9px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-reg .ms-btn{margin-top:4px}.mock-prof{width:min(82%,250px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px -20px #14203b80}.mp-top{display:flex;align-items:center;gap:10px}.mp-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mp-gal span{aspect-ratio:4/3;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--surface)),color-mix(in srgb,var(--accent) 10%,var(--surface)))}.mp-gal span:nth-child(2){background:linear-gradient(135deg,#f5d9a8,#f0e7d8)}.mp-gal span:nth-child(3){background:linear-gradient(135deg,#c9e7d6,#e6f3eb)}.mp-row{display:flex;flex-wrap:wrap;gap:5px}.mp-chip{font-size:10.5px;font-weight:600;background:var(--soft);color:var(--muted);border-radius:999px;padding:3px 8px}.mock-check{width:min(80%,240px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 14px 30px -20px #14203b80}.mock-check>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500}.mock-check i{width:20px;height:20px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;flex:none}.mock-check .mk-badge{align-self:flex-start;gap:6px;background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px;margin-top:4px}.mock-stats{width:min(82%,250px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px -20px #14203b80}.mst-head{display:flex;justify-content:space-between;align-items:baseline}.mst-head strong{font-size:13px}.mst-head small{font-size:11px;color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:6px;height:60px}.bars span{flex:1;border-radius:4px 4px 2px 2px;background:color-mix(in srgb,var(--accent) 30%,var(--surface))}.bars span:last-child,.bars span:nth-child(6){background:var(--accent)}.mst-call{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}.mst-ico{width:24px;height:24px;border-radius:50%;background:var(--call);color:#fff;display:grid;place-items:center}.faq-list{display:flex;flex-direction:column;gap:10px;max-width:860px}.faq{border:1px solid var(--line);border-radius:16px;background:var(--surface)}.faq[open]{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 10px 30px -22px #14203b73}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;font-weight:600;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex:none;color:var(--muted);transition:transform .2s;transform-origin:50% 50%;transform-box:fill-box}.faq[open] summary svg{transform:rotate(180deg);color:var(--accent)}.faq summary:hover span{color:var(--accent)}.faq-a{padding:0 20px 20px}.faq-a p{color:var(--muted);line-height:1.7;max-width:70ch}@media(max-width:1100px){.steps4{grid-template-columns:repeat(2,1fr);gap:36px 24px}}@media(max-width:980px){.sf-sec{padding-block:60px}}@media(max-width:600px){.sf-hero{padding-bottom:40px}.crumbs{margin-bottom:24px}.jump a{flex:1 1 100%;justify-content:center}.steps4{grid-template-columns:1fr}.steps4 .step-visual{height:180px}.sf-band{padding:20px}.sf-band .btn{flex:1 1 100%}.faq summary{padding:16px;font-size:16px}.faq-a{padding:0 16px 16px}}