*{box-sizing:border-box;margin:0;padding:0}:root{--blau:#29a3e0;--blau-dunkel:#1d86bb;--blau-tief:#16608a;--blau-hell:#e3f2fc;--text:#1f2d3a;--text-grau:#64748b;--hintergrund:#f4f8fb;--karte:#fff;--rand:#e2e8f0;--gruen:#38a169;--rot:#c0392b;--schatten:0 10px 34px #16608a1a;--radius:16px}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #eef5fa 0%, var(--hintergrund) 320px);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif}button{font-family:inherit}@keyframes auftauchen{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.funnel-seite{max-width:1080px;margin:0 auto;padding:26px 18px 90px}.fortschritt-balken{z-index:60;background:#dbe7f0;height:5px;position:fixed;top:0;left:0;right:0}.fortschritt-balken .fuellung{background:linear-gradient(90deg, var(--blau), var(--blau-dunkel));height:100%;transition:width .5s}.funnel-kopf{justify-content:center;margin:10px 0 30px;display:flex}.logo-knopf{cursor:pointer;background:0 0;border:none;padding:0}.logo-banner{width:min(430px,92vw);height:auto;display:block}.schritt{animation:.45s both auftauchen}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;margin-bottom:44px;display:grid}.hero-text h1{letter-spacing:-.5px;margin-bottom:22px;font-size:clamp(28px,4vw,42px);line-height:1.18}.hero-video.mobil{display:none}.video-box{aspect-ratio:16/9;border-radius:var(--radius);width:100%;box-shadow:var(--schatten);background:linear-gradient(150deg,#d9eaf7,#b9d8ee);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-box iframe,.video-box video{object-fit:cover;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.play-knopf{background:var(--blau);border-radius:12px;justify-content:center;align-items:center;width:72px;height:52px;display:flex}.play-knopf:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:20px solid #fff;margin-left:5px}.cta{background:linear-gradient(180deg, var(--blau), var(--blau-dunkel));color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:17px 20px;font-size:19px;font-weight:700;line-height:1.3;transition:transform .15s,box-shadow .15s,filter .15s;display:block;box-shadow:0 8px 22px #29a3e059}.cta:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 28px #29a3e073}.cta:active{transform:translateY(0)}.cta:disabled{opacity:.6;cursor:wait}.trust-text{color:var(--text-grau);margin-top:16px;font-size:15.5px;line-height:1.6}.abschnitt{margin:0 auto 46px}.abschnitt.eng{max-width:620px}.abschnitt h2{text-align:center;letter-spacing:-.3px;margin-bottom:26px;font-size:clamp(22px,3vw,30px)}.vorteil-raster{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.vorteil-karte{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);gap:16px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 3px 14px #16608a0d}.vorteil-karte:hover{box-shadow:var(--schatten);transform:translateY(-3px)}.vorteil-icon{background:var(--blau-hell);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:flex}.vorteil-icon img{object-fit:contain;width:38px;height:38px}.vorteil-karte h3{margin-bottom:6px;font-size:16.5px}.vorteil-karte p{color:var(--text-grau);font-size:14.5px;line-height:1.55}.kachel-raster{grid-template-columns:1fr 1fr;gap:18px;margin:8px 0;display:grid}.kachel{border-radius:var(--radius);cursor:pointer;text-align:center;color:#fff;box-shadow:var(--schatten);border:none;padding:0;font-size:17px;font-weight:700;transition:transform .18s,box-shadow .18s;overflow:hidden}.kachel:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 38px #16608a33}.kachel .bild{aspect-ratio:6/5;justify-content:center;align-items:center;display:flex;overflow:hidden}.kachel .bild img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.kachel:hover .bild img{transform:scale(1.06)}.kachel-icon{font-size:64px}.kachel .label{padding:13px 8px}.kachel.blau{background:#164e87}.kachel.blau .bild{background:linear-gradient(160deg,#27649f,#163d6d)}.kachel.rot{background:#9e2a2b}.kachel.rot .bild{background:linear-gradient(160deg,#b53536,#7c1d1e)}.kachel.gruen{background:#2d6a4f}.kachel.gruen .bild{background:linear-gradient(160deg,#3a8265,#1f4d38)}.kachel.hell{color:var(--text);background:#f1f5f9}.kachel.hell .bild{background:linear-gradient(160deg,#f8fafc,#e2e8f0)}.karte{background:var(--karte);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:20px;max-width:620px;margin:0 auto;padding:34px 30px 30px}.karte.breit{text-align:center;max-width:720px}.fortschritt-text{text-align:center;color:var(--blau-dunkel);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700}.frage-titel{text-align:center;letter-spacing:-.3px;margin-bottom:8px;font-size:clamp(21px,2.6vw,27px);line-height:1.32}.frage-titel.links{text-align:left}.frage-titel.klein{margin-top:26px;font-size:20px}.hinweis{text-align:center;color:var(--text-grau);margin-bottom:10px;font-size:14.5px}.optionen{margin:18px 0 6px}.option{border:2px solid var(--rand);width:100%;color:var(--text);cursor:pointer;text-align:left;background:#f8fbfe;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;font-size:16px;font-weight:500;transition:border-color .15s,background .15s,transform .15s;display:flex}.option:hover{border-color:var(--blau);background:var(--blau-hell);transform:translateY(-1px)}.option .kreis{color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .15s;display:flex}.option.gewaehlt{border-color:var(--blau-dunkel);background:var(--blau-hell)}.option.gewaehlt .kreis{background:var(--blau);border-color:var(--blau)}.zurueck{color:var(--text-grau);cursor:pointer;background:0 0;border:none;margin:16px auto 0;padding:6px 10px;font-size:14px;display:block}.zurueck:hover{color:var(--blau-dunkel)}.optin-raster{grid-template-columns:1fr 1fr;align-items:start;gap:34px;max-width:980px;margin:0 auto;display:grid}.intro-badge{background:var(--blau-hell);color:var(--blau-tief);border-radius:999px;margin-bottom:16px;padding:8px 16px;font-size:14.5px;font-weight:600;display:inline-block}.optin-info .frage-titel{margin-top:20px}.formular{gap:12px;padding:28px 26px;display:grid}.formular input,.formular select{border:1.5px solid var(--rand);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:14px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.formular input:focus,.formular select:focus{border-color:var(--blau);outline:none;box-shadow:0 0 0 3px #29a3e02e}.feld-reihe{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feld-reihe.plz{grid-template-columns:110px 1fr}.checkbox-zeile{color:var(--text-grau);cursor:pointer;align-items:flex-start;gap:10px;margin:2px 0;font-size:14px;display:flex}.checkbox-zeile input{width:18px;height:18px;accent-color:var(--blau);margin-top:1px}.fehler{color:var(--rot);text-align:center;background:#fdecea;border-radius:8px;padding:8px 10px;font-size:14px}.haken-bild{width:150px;height:auto;margin:0 auto 6px}.schritte-liste{gap:6px;margin-top:10px;display:grid}.naechster-schritt img{width:170px;height:auto;margin:0 auto;display:block}.naechster-schritt p{color:var(--text-grau);margin-top:-14px;font-size:16px}.karte.breit .video-box{margin:18px 0}.karte.breit .trust-text{text-align:center}.version-fuss{color:#9aa5b0;z-index:50;font-size:11px;position:fixed;bottom:8px;left:10px}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:8px}.hero-video.desktop{display:none}.hero-video.mobil{margin-bottom:20px;display:block}.hero-text h1,.trust-text{text-align:center}.optin-raster{grid-template-columns:1fr;gap:20px}.karte{padding:26px 18px 24px}.funnel-seite{padding-top:20px}}@media (max-width:480px){.kachel-raster{gap:12px}.feld-reihe{grid-template-columns:1fr}.feld-reihe.plz{grid-template-columns:110px 1fr}}.admin-shell{background:var(--hintergrund);min-height:100vh}.admin-topbar{border-bottom:1px solid var(--rand);z-index:40;background:#fff;justify-content:space-between;align-items:center;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.admin-topbar .marke{letter-spacing:-.2px;align-items:center;gap:12px;font-size:16px;font-weight:800;display:flex}.admin-topbar .marke .punkt{background:linear-gradient(150deg, var(--blau), var(--blau-tief));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.admin-topbar nav{gap:6px;display:flex}.admin-topbar nav a{color:var(--text-grau);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.admin-topbar nav a:hover,.admin-topbar nav a.aktiv{background:var(--blau-hell);color:var(--blau-tief)}.admin-wrapper{max-width:1240px;margin:0 auto;padding:30px 22px 80px}.admin-wrapper h1{letter-spacing:-.4px;margin-bottom:4px;font-size:26px}.unterzeile{color:var(--text-grau);margin-bottom:24px;font-size:14px}.kpi-raster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:26px;display:grid}.kpi{border:1px solid var(--rand);background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 3px 14px #16608a0d}.kpi .wert{letter-spacing:-1px;font-size:30px;font-weight:800}.kpi .beschriftung{color:var(--text-grau);margin-top:2px;font-size:13px;font-weight:600}.kpi.blau .wert{color:var(--blau-dunkel)}.kpi.gruen .wert{color:var(--gruen)}.kpi.violett .wert{color:#6d28d9}.funnel-liste{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:26px;display:grid}.funnel-liste a{border:1px solid var(--rand);color:var(--text);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 3px 14px #16608a0d}.funnel-liste a:hover{box-shadow:var(--schatten);transform:translateY(-2px)}.funnel-liste .nummer{background:var(--blau);color:#fff;white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12.5px;font-weight:700}.funnel-liste .meta{color:var(--text-grau);text-align:right;font-size:13px}.panel{border:1px solid var(--rand);background:#fff;border-radius:14px;margin-bottom:22px;padding:20px;box-shadow:0 3px 14px #16608a0d}.panel h2{margin-bottom:12px;font-size:16px}.filter-zeile{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.status-filter{flex-wrap:wrap;gap:8px;display:flex}.status-filter a{color:#4a5763;background:#e8edf3;border:2px solid #0000;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .12s}.status-filter a:hover{transform:translateY(-1px)}.status-filter a.aktiv{border-color:var(--blau-dunkel)}.suchfeld{margin-left:auto}.suchfeld input{border:1.5px solid var(--rand);background:#fff;border-radius:999px;width:230px;padding:9px 14px;font-size:14px}.suchfeld input:focus{border-color:var(--blau);outline:none}.tabelle-panel{border:1px solid var(--rand);background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 3px 14px #16608a0d}.admin-tabelle{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.admin-tabelle th{text-align:left;color:var(--text-grau);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--rand);background:#f7fafc;padding:13px 14px;font-size:12px;font-weight:700}.admin-tabelle td{vertical-align:top;border-bottom:1px solid #eef2f6;padding:13px 14px}.admin-tabelle tbody tr{transition:background .12s}.admin-tabelle tbody tr:hover{background:#f5faff}.admin-tabelle a{color:inherit;text-decoration:none}.admin-tabelle a strong{color:var(--blau-tief)}.status-chip{white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-block}.antwort-zeile{color:var(--text-grau);margin-bottom:3px}.antwort-zeile strong{color:var(--text);font-weight:600}.login-karte{border:1px solid var(--rand);max-width:390px;box-shadow:var(--schatten);background:#fff;border-radius:18px;margin:90px auto;padding:32px 28px}.login-karte h1{margin-bottom:6px;font-size:20px}.login-karte p{color:var(--text-grau);margin-bottom:16px;font-size:14px}.login-karte input{border:1.5px solid var(--rand);border-radius:10px;width:100%;margin-bottom:12px;padding:13px 12px;font-size:15px}.detail-raster{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}@media (max-width:940px){.detail-raster{grid-template-columns:1fr}}.detail-karte{border:1px solid var(--rand);background:#fff;border-radius:14px;padding:20px 20px 24px;box-shadow:0 3px 14px #16608a0d}.detail-karte h2{text-transform:uppercase;letter-spacing:.7px;color:var(--text-grau);margin-bottom:12px;font-size:15px}.feld-zeile{border-bottom:1px solid #eef2f6;justify-content:space-between;gap:16px;padding:8px 0;font-size:14.5px;display:flex}.feld-zeile>span:first-child{color:var(--text-grau);flex-shrink:0}.feld-zeile a{color:var(--blau-dunkel);font-weight:600;text-decoration:none}.status-form{gap:10px;margin-top:12px;display:flex}.status-form select{border:1.5px solid var(--rand);background:#fff;border-radius:10px;flex:1;padding:11px;font-size:14px}.knopf{background:linear-gradient(180deg, var(--blau), var(--blau-dunkel));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;transition:filter .15s,transform .15s}.knopf:hover{filter:brightness(1.06);transform:translateY(-1px)}.knopf.klein{padding:7px 12px;font-size:12.5px}.stapel-form{gap:9px;margin:10px 0 18px;display:grid}.stapel-form input,.stapel-form select,.stapel-form textarea{border:1.5px solid var(--rand);background:#fff;border-radius:10px;padding:11px;font-family:inherit;font-size:14px}.stapel-form input:focus,.stapel-form select:focus,.stapel-form textarea:focus{border-color:var(--blau);outline:none}.termin{background:#f4f9fd;border:1px solid #dcebf6;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:11px 13px;font-size:14px;display:flex}.termin.erledigt{opacity:.55;text-decoration:line-through}.termin a{color:var(--blau-dunkel);font-weight:600}.termin-notiz{color:var(--text-grau);margin-top:3px;font-size:13px}.notiz{border:1px solid var(--rand);border-left:4px solid var(--blau);background:#fafcfe;border-radius:10px;margin-bottom:9px;padding:11px 13px}.notiz-kopf{color:var(--text-grau);margin-bottom:4px;font-size:12px;font-weight:600}.notiz-text{white-space:pre-wrap;font-size:14px;line-height:1.5}.leer-text{color:var(--text-grau);margin-bottom:10px;font-size:14px}.datei-zeile{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.datei-zeile a{color:var(--blau-dunkel);font-weight:600;text-decoration:none}.datei-zeile .meta{color:var(--text-grau);white-space:nowrap;font-size:12.5px}.zurueck-link{color:var(--blau-dunkel);font-size:14px;font-weight:600;text-decoration:none}