:root{--navy: #0f172a;--navy-800: #1e293b;--marke: #22c55e;--aktion: #16a34a;--aktion-hover: #15803d;--gruen-100: #dcfce7;--gruen-50: #f0fdf4;--blau: var(--aktion);--blau-dunkel: var(--aktion-hover);--blau-hell: var(--gruen-100);--gruen: #15803d;--gruen-hell: #dcfce7;--rot: #dc2626;--rot-hell: #fee2e2;--gelb: #d97706;--gelb-hell: #fef3c7;--info: #2563eb;--info-hell: #dbeafe;--text: var(--navy);--text-2: #64748b;--text-3: #94a3b8;--linie: #e2e8f0;--grund: #f8fafc;--grau-100: #f3f4f6;--karte: #ffffff;--radius: 12px;--schatten: 0 1px 2px rgba(15,23,42,.06), 0 4px 16px rgba(15,23,42,.06);--font: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--grund)}a{color:var(--blau)}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(28px,4vw,40px)}h2{font-size:clamp(22px,3vw,28px)}h3{font-size:18px}p{margin:0 0 1em}.muted{color:var(--text-2)}.klein{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.hidden,[hidden]{display:none!important}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.wrap-schmal{max-width:720px;margin:0 auto;padding:0 20px}.kopf{background:var(--karte);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:20}.kopf .wrap{display:flex;align-items:center;gap:20px;height:60px}.marke{font-weight:800;font-size:19px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.marke i{width:28px;height:28px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M6 8h12v54H6z' fill='%230F172A'/%3E%3Cpath d='M6 8h14l38 42v12H46L6 20z' fill='%230F172A'/%3E%3Cpath d='M34 4h16l6 6v34L34 20z' fill='%2322C55E'/%3E%3Ccircle cx='45' cy='12' r='3.5' fill='%23FFFFFF'/%3E%3C/svg%3E") center / contain no-repeat}.nav{margin-left:auto;display:flex;gap:6px;align-items:center}.nav a{color:var(--text-2);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:500}.nav a:hover{background:var(--grund);color:var(--text)}.nav a.aktiv{color:var(--text);background:var(--grund)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;background:var(--blau);color:#fff;transition:.15s;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gruen-100)}.btn:hover{background:var(--blau-dunkel)}.btn:disabled{opacity:.5;cursor:default}.btn-2{background:var(--karte);color:var(--text);border-color:var(--linie)}.btn-2:hover{background:var(--grund)}.btn-3{background:transparent;color:var(--blau);padding:6px 10px}.btn-3:hover{background:var(--blau-hell)}.btn-gruen{background:var(--gruen)}.btn-gruen:hover{background:#166534}.btn-rot{background:transparent;color:var(--rot);border-color:transparent}.btn-rot:hover{background:var(--rot-hell)}.btn-gross{padding:15px 26px;font-size:17px}.btn-klein{padding:6px 11px;font-size:13px;border-radius:8px}.btn-block{width:100%}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:22px}.karte-schatten{box-shadow:var(--schatten);border-color:transparent}label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:var(--text-2)}input[type=text],input[type=url],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=search],select,textarea{width:100%;min-height:44px;font:inherit;padding:10px 13px;border:1px solid var(--linie);border-radius:10px;background:var(--karte);color:var(--text);outline:none;transition:border .15s,box-shadow .15s}.btn-klein{min-height:32px}input:focus,select:focus,textarea:focus{border-color:var(--blau);box-shadow:0 0 0 3px var(--blau-hell)}input[type=color]{width:44px;height:38px;padding:2px;border:1px solid var(--linie);border-radius:8px;background:#fff;cursor:pointer}.feld{margin-bottom:14px}.zeile{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.zeile>*{flex:1}.fehler{color:var(--rot);background:var(--rot-hell);padding:10px 12px;border-radius:8px;font-size:14px;margin:10px 0}.hinweis{color:var(--gelb);background:var(--gelb-hell);padding:10px 12px;border-radius:8px;font-size:14px;margin:10px 0}.ok{color:var(--gruen);background:var(--gruen-hell);padding:10px 12px;border-radius:8px;font-size:14px;margin:10px 0}.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--grund);color:var(--text-2);border:1px solid var(--linie)}.badge-blau{background:var(--blau-hell);color:var(--blau-dunkel);border-color:transparent}.badge-gruen{background:var(--gruen-hell);color:var(--gruen);border-color:transparent}.badge-gelb{background:var(--gelb-hell);color:var(--gelb);border-color:transparent}.badge-rot{background:var(--rot-hell);color:var(--rot);border-color:transparent}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--linie);margin-bottom:18px;overflow-x:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font:inherit;font-weight:600;color:var(--text-2);cursor:pointer;margin-bottom:-1px;white-space:nowrap}.tabs button.aktiv{color:var(--blau);border-bottom-color:var(--blau)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--linie);background:var(--karte);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-2)}.chip.aktiv{border-color:var(--blau);color:var(--blau);background:var(--blau-hell)}.tabelle-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--linie);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-weight:600}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:var(--grund)}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kachel{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:14px 16px}.kachel .l{font-size:12px;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kachel .w{font-size:26px;font-weight:800;margin-top:4px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kachel .s{font-size:12px;color:var(--text-3);margin-top:2px}.kachel.gut .w{color:var(--gruen)}.kachel.schlecht .w{color:var(--rot)}dialog{border:0;border-radius:16px;padding:0;max-width:560px;width:calc(100% - 32px);box-shadow:0 20px 60px #0f172a40}dialog::backdrop{background:#0f172a73}dialog .inhalt{padding:24px}dialog h3{margin-bottom:14px}.dialog-fuss{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--text);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600;z-index:100;box-shadow:var(--schatten)}.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:var(--karte);border:1px solid var(--linie);border-radius:14px;padding:16px 18px;box-shadow:0 12px 40px #0f172a2e;z-index:90;font-size:14px}.consent .zeile{margin-top:10px}.consent .zeile>*{flex:0 0 auto}.hero{padding:40px 0 30px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.vorschau{position:sticky;top:80px;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:18px;text-align:center}.vorschau .qr{display:flex;justify-content:center;min-height:240px;align-items:center}.vorschau canvas,.vorschau svg{max-width:100%;height:auto}.typen{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.design{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.wahl{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wahl .karte{position:relative;display:flex;flex-direction:column}.wahl .karte.empfohlen{border-color:var(--blau);box-shadow:0 0 0 3px var(--blau-hell)}.wahl .empf{position:absolute;top:-11px;left:16px}.wahl ul{padding-left:18px;margin:0 0 14px;color:var(--text-2);font-size:14px}.wahl ul li{margin:3px 0}.wahl .btn{margin-top:auto}.vergleich td:first-child{color:var(--text-2)}.vergleich .ja{color:var(--gruen);font-weight:700}.vergleich .nein{color:var(--text-3)}.sektion{padding:48px 0}.sektion-grau{background:var(--karte);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}.drei{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.faq details{border-bottom:1px solid var(--linie);padding:12px 0}.faq summary{font-weight:600;cursor:pointer}.fuss{padding:30px 0;color:var(--text-3);font-size:13px;border-top:1px solid var(--linie);margin-top:40px}.fuss a{color:var(--text-2);margin-right:14px}.preise{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:760px;margin:0 auto}.preis{background:var(--karte);border:1px solid var(--linie);border-radius:16px;padding:26px}.preis.pro{border-color:var(--blau);box-shadow:0 0 0 3px var(--blau-hell)}.preis .betrag{font-size:38px;font-weight:800;letter-spacing:-.02em}.preis .betrag small{font-size:15px;color:var(--text-2);font-weight:500}.preis ul{list-style:none;padding:0;margin:16px 0}.preis li{padding:6px 0;border-bottom:1px solid var(--linie);font-size:14px;display:flex;justify-content:space-between;gap:10px}.umschalter{display:inline-flex;background:var(--karte);border:1px solid var(--linie);border-radius:999px;padding:3px;margin:0 auto 22px}.umschalter button{border:0;background:none;padding:8px 16px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;color:var(--text-2)}.umschalter button.aktiv{background:var(--text);color:#fff}.app-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 18px}.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.code{display:grid;grid-template-columns:112px 1fr;gap:14px}.code .qr-klein{width:112px;height:112px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--linie);border-radius:10px;overflow:hidden}.code .qr-klein canvas{width:100%!important;height:100%!important}.code h3{margin-bottom:2px;font-size:16px}.code .ziel{color:var(--text-2);font-size:13px;word-break:break-all}.code .aktionen{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;grid-column:1 / -1}.code.gesperrt{opacity:.7}.sperre{background:var(--gelb-hell);color:var(--gelb);border-radius:8px;padding:6px 10px;font-size:13px;grid-column:1 / -1}.upgrade-box{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#fff;border-radius:16px;padding:24px}.upgrade-box h3{color:#fff}.upgrade-box ul{padding-left:18px;margin:0 0 16px;opacity:.95}.upgrade-box .btn{background:#fff;color:var(--blau-dunkel)}.upgrade-box .btn:hover{background:#eff6ff}.auth{max-width:440px;margin:40px auto}.google-btn{background:#fff;color:var(--text);border-color:var(--linie)}.trenner{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:13px;margin:14px 0}.trenner:before,.trenner:after{content:"";flex:1;height:1px;background:var(--linie)}.chart-box{position:relative;height:260px}.zwei{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-liste{list-style:none;padding:0;margin:0;font-size:14px}.stat-liste li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--linie);gap:10px}.stat-liste li span:last-child{font-weight:600;font-variant-numeric:tabular-nums}.admin-lay{display:grid;grid-template-columns:210px 1fr;gap:24px;margin-top:22px}.admin-menu{position:sticky;top:80px;align-self:start;display:flex;flex-direction:column;gap:2px}.admin-menu button,.admin-menu a{text-align:left;background:none;border:0;padding:9px 12px;border-radius:8px;font:inherit;font-weight:600;color:var(--text-2);cursor:pointer;text-decoration:none}.admin-menu button.aktiv{background:var(--blau-hell);color:var(--blau-dunkel)}.zeitraum{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.zeitraum input[type=date]{width:auto;padding:7px 10px}.funnel-balken{display:flex;flex-direction:column;gap:6px}.funnel-balken .stufe{display:grid;grid-template-columns:200px 1fr 90px 80px 80px;gap:10px;align-items:center;font-size:14px}.funnel-balken .balken{height:26px;background:var(--grund);border-radius:6px;overflow:hidden}.funnel-balken .balken i{display:block;height:100%;background:var(--blau);border-radius:6px;min-width:2px;transition:width .3s}.funnel-balken .r{text-align:right;font-variant-numeric:tabular-nums}.funnel-balken .ziel-ok{color:var(--gruen)}.funnel-balken .ziel-nein{color:var(--rot)}.formel{font-size:12px;color:var(--text-3);margin-top:6px}@media (max-width: 860px){.hero-grid,.wahl,.zwei,.admin-lay{grid-template-columns:1fr}.vorschau{position:static}.admin-menu{position:static;flex-direction:row;flex-wrap:wrap}.funnel-balken .stufe{grid-template-columns:1fr 70px 70px}.funnel-balken .stufe .balken,.funnel-balken .stufe .ziel{display:none}.kopf .wrap{height:auto;padding:10px 20px;flex-wrap:wrap}.nav{margin-left:0;flex-wrap:wrap}}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2) format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2) format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2) format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2) format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2) format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2) format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2) format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2) format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-devanagari-800-normal-ACzlZF75.woff2) format("woff2"),url(/assets/poppins-devanagari-800-normal-BLmXVokE.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-latin-ext-800-normal-CDgOlX-1.woff2) format("woff2"),url(/assets/poppins-latin-ext-800-normal-CIZaRbSk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-latin-800-normal-Bd8-pIP1.woff2) format("woff2"),url(/assets/poppins-latin-800-normal-YoItoZZV.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
