:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--magenta:#e20074;--magenta-light:#ff7ebb;--magenta-pressed:#a50058;--magenta-tint:#3a1229;--ink:#f3e8ed;--muted:#bca4b0;--surface:#1b1319;--card:#251a22;--border:#3a2a32;--border-strong:#4a3640;--cash:#39cc8f;--cash-tint:#12301f;--danger:#ff6b85;--danger-tint:#3a1620;--shadow:0 1px 2px #0006, 0 20px 40px -20px #0009;--radius-lg:20px;--radius-md:14px;--radius-sm:9px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,.display{letter-spacing:-.01em;text-wrap:balance;margin:0;font-family:Sora,system-ui,sans-serif}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}a{color:inherit}button{font-family:inherit}img{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}#top,#vorteile,#tarife,#antrag,#faq{scroll-margin-top:88px}.topbar{z-index:40;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.partner-mark{align-items:center;gap:10px;text-decoration:none;display:flex}.t-badge{width:36px;height:36px;box-shadow:var(--shadow);object-fit:cover;border-radius:9px;flex-shrink:0;display:block}.partner-name{line-height:1.2}.partner-name strong{font-family:Sora,sans-serif;font-size:15px;font-weight:700;display:block}.partner-name span{color:var(--muted);font-size:12.5px;display:block}.topbar nav{align-items:center;gap:22px;display:flex}.topbar nav a{color:var(--muted);white-space:nowrap;font-size:14.5px;font-weight:600;text-decoration:none}.topbar nav a:hover{color:var(--ink)}.btn{appearance:none;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s,opacity .12s;display:inline-flex}.btn-primary{background:var(--magenta);color:#fff;box-shadow:0 10px 24px -10px color-mix(in srgb, var(--magenta) 65%, transparent)}.btn-primary:hover{background:var(--magenta-pressed);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{color:var(--ink);border:1.5px solid var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--magenta);color:var(--magenta)}.btn-sm{padding:9px 16px;font-size:13.5px}.btn-block{width:100%}.hero{padding:56px 0 48px}.hero-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.eyebrow{background:var(--magenta-tint);color:var(--magenta-light);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{max-width:14em;font-size:46px;font-weight:800}.hero h1 em{color:var(--magenta);font-style:normal}.hero-sub{max-width:48ch;color:var(--muted);margin:18px 0 0;font-size:18px}.chip-row{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.chip{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:12px 18px;display:flex}.chip .chip-num{color:var(--magenta);font-family:Sora,sans-serif;font-size:20px;font-weight:800}.chip.cash .chip-num{color:var(--cash)}.chip .chip-label{color:var(--muted);font-size:13px;line-height:1.3}.hero-cta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px;display:flex}.hero-note{color:var(--muted);font-size:13px}.promo-card{background:linear-gradient(150deg, var(--magenta) 0%, var(--magenta-pressed) 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:0 20px 44px -18px color-mix(in srgb, var(--magenta) 70%, transparent);padding:34px 30px 30px;position:relative;overflow:hidden}.promo-ribbon{color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#0000004d;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.promo-card .promo-kicker{text-transform:uppercase;letter-spacing:.04em;opacity:.85;align-items:center;gap:8px;margin:4px 96px 18px 0;font-size:13px;font-weight:700;display:flex}.promo-tv{flex-shrink:0;width:26px;height:26px}.promo-headline{opacity:.9;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-family:Sora,sans-serif;font-size:15px;font-weight:800}.promo-big{font-family:Sora,sans-serif;font-size:46px;font-weight:800;line-height:1.05}.promo-big small{opacity:.85;margin-top:2px;font-size:16px;font-weight:600;display:block}.promo-divider{background:#ffffff47;height:1px;margin:20px 0}.promo-cash-label{opacity:.85;text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:700}.promo-cash-val{margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:32px;font-weight:600}.promo-fine{opacity:.8;margin-top:16px;font-size:12px;line-height:1.5}.promo-card .btn{width:100%;color:var(--magenta-pressed);box-shadow:none;background:#fff;margin-top:22px}.promo-card .btn:hover{opacity:.92;background:#fff;transform:translateY(-1px)}.usp-section{padding:8px 0 56px}.usp-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.usp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:22px;display:flex}.usp-icon{background:var(--magenta-tint);width:38px;height:38px;color:var(--magenta-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.usp-card h3{margin-bottom:4px;font-size:15.5px;font-weight:700}.usp-card p{color:var(--muted);margin:0;font-size:14px}.section-head{max-width:60ch;margin-bottom:32px}.section-head .kicker{color:var(--magenta);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:700}.section-head h2{font-size:30px;font-weight:800}.section-head p{color:var(--muted);margin:12px 0 0;font-size:16px}.tarife{padding:32px 0 64px}.tarif-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.tarif-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;padding:26px;display:flex;position:relative}.tarif-card.featured{border-color:var(--magenta)}.featured-flag{background:var(--magenta);color:#fff;letter-spacing:.02em;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:24px}.tarif-name{font-family:Sora,sans-serif;font-size:20px;font-weight:800}.tarif-sub{color:var(--muted);margin-top:4px;font-size:13.5px}.promo-highlight{background:var(--cash-tint);border-radius:var(--radius-sm);align-items:baseline;gap:10px;margin:16px 0 0;padding:12px 16px;display:flex}.promo-highlight .num{color:var(--cash);font-family:Sora,sans-serif;font-size:30px;font-weight:800;line-height:1}.promo-highlight .label{color:var(--cash);font-size:12.5px;font-weight:700;line-height:1.25}.promo-highlight-note{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}.tarif-promo{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin:12px 0 0;padding:14px 16px;display:flex}.tarif-promo-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tarif-promo-row .label{color:var(--muted);font-size:13.5px}.tarif-promo-row .val{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.tarif-promo-row.cashback .val{color:var(--cash);font-size:19px;font-weight:600}.tarif-features{flex-direction:column;flex:1;gap:10px;margin:4px 0 18px;padding:0;list-style:none;display:flex}.tarif-features li{align-items:flex-start;gap:9px;font-size:14.5px;display:flex}.tarif-features svg{color:var(--magenta);flex-shrink:0;margin-top:3px}.tarif-card .btn{margin-top:auto}.service-chips{flex-wrap:wrap;gap:6px;margin:14px 0 2px;display:flex}.chip-tag{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.tarif-trend{border-top:1px solid var(--border);margin:0 0 18px;padding-top:14px}.trend-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:700}.trend-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.trend-list li{justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.trend-list li .show-name{align-items:center;gap:7px;display:flex}.trend-list li .show-name svg{color:var(--magenta);flex-shrink:0}.trend-list li .svc-tag{color:var(--magenta-light);background:var(--magenta-tint);letter-spacing:.02em;white-space:nowrap;border-radius:6px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.field-group input.invalid,.select-tile.invalid,.id-tile.invalid{background:var(--danger-tint);border-color:var(--danger)!important}.step-error{color:var(--danger);background:var(--danger-tint);border:1px solid var(--danger);border-radius:var(--radius-sm);align-items:center;gap:8px;margin:0 0 18px;padding:11px 14px;font-size:13.5px;font-weight:600;display:flex}.step-error[hidden]{display:none}.flow-section{padding:32px 0 72px}.flow-layout{grid-template-columns:1fr 300px;align-items:flex-start;gap:28px;display:grid}.flow-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-height:420px;padding:32px}.stepper{gap:6px;margin-bottom:30px;display:flex}.step-dot{flex-direction:column;flex:1;gap:8px;display:flex}.step-dot .bar{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.step-dot .bar>i{background:var(--magenta);width:0%;height:100%;transition:width .25s;display:block}.step-dot.done .bar>i,.step-dot.active .bar>i{width:100%}.step-dot span{color:var(--muted);font-size:12px;font-weight:700}.step-dot.active span,.step-dot.done span{color:var(--ink)}.step-panel{display:none}.step-panel.active{animation:.22s step-enter;display:block}.step-panel.leaving{pointer-events:none;animation:.16s forwards step-leave;display:block}@keyframes step-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes step-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.step-title{margin-bottom:6px;font-family:Sora,sans-serif;font-size:22px;font-weight:800}.step-desc{color:var(--muted);margin:0 0 24px;font-size:14.5px}.select-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;display:grid}.select-tile{border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:var(--card);padding:16px;transition:border-color .12s,background .12s}.select-tile:hover{border-color:var(--border-strong)}.select-tile.selected{border-color:var(--magenta);background:var(--magenta-tint)}.select-tile .tile-title{justify-content:space-between;align-items:center;font-size:14.5px;font-weight:700;display:flex}.select-tile .tile-cash{color:var(--cash);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.select-tile .tile-sub{color:var(--muted);margin-top:4px;font-size:12.5px}.id-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px;display:grid}.id-tile{border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:var(--card);flex-direction:column;gap:8px;padding:16px 14px;transition:border-color .12s,background .12s;display:flex}.id-tile:hover{border-color:var(--border-strong)}.id-tile.selected{border-color:var(--magenta);background:var(--magenta-tint)}.id-tile svg{color:var(--magenta)}.id-tile .tile-title{font-size:14px;font-weight:700}.id-tile .tile-sub{color:var(--muted);font-size:12px}.field-group{margin-bottom:16px}.field-group label{margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.field-hint{color:var(--muted);margin-top:5px;font-size:12px}.field-group input[type=text],.field-group input[type=tel],.field-group input[type=email],.field-group input[type=date],.field-group textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);padding:12px 14px;font-family:inherit;font-size:15px}.field-group textarea{resize:vertical;min-height:110px;line-height:1.5}.field-group input:focus,.field-group textarea:focus{outline:2px solid var(--magenta);outline-offset:1px;border-color:var(--magenta)}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-row--phone{grid-template-columns:110px 1fr}.summary-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:18px 20px}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row .k{color:var(--muted)}.summary-row .v{text-align:right;font-weight:600}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin:18px 0 24px;font-size:13px;display:flex}.consent input{margin-top:3px}.step-actions{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.aside-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;position:sticky;top:96px}.aside-card h3{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:16px;font-size:14px;font-weight:700}.aside-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.aside-line:last-of-type{border-bottom:none}.aside-line .k{color:var(--muted);font-size:13.5px}.aside-line .v{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600}.aside-line.total .v{color:var(--cash);font-size:19px}.aside-note{color:var(--muted);margin-top:14px;font-size:11.5px;line-height:1.5}.confirm-panel{text-align:center;padding:24px 0}.confirm-icon{background:var(--cash-tint);width:64px;height:64px;color:var(--cash);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.confirm-panel h3{margin-bottom:10px;font-size:24px;font-weight:800}.confirm-panel p{color:var(--muted);max-width:44ch;margin:0 auto 22px}.faq-section{padding:8px 0 56px}.faq-list{flex-direction:column;gap:12px;max-width:780px;display:flex}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15.5px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-item .chevron{color:var(--magenta);flex-shrink:0;transition:transform .2s}.faq-item[open] .chevron{transform:rotate(180deg)}.faq-item .faq-answer{color:var(--muted);margin:0;padding:0 22px 20px;font-size:14.5px;line-height:1.65}.trust{padding:12px 0 48px}.trust-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px}.trust-box h3{margin-bottom:10px;font-size:15px;font-weight:700}.trust-box p{color:var(--muted);margin:0 0 10px;font-size:13px}.trust-box p:last-child{margin-bottom:0}footer{border-top:1px solid var(--border);padding:28px 0 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-credit{color:var(--muted);font-size:11.5px}.hp-field{width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.legal-overlay{z-index:210;opacity:0;background:0 0;justify-content:center;align-items:flex-start;padding:64px 20px;transition:opacity .18s,background-color .18s;display:flex;position:fixed;inset:0;overflow-y:auto}.legal-overlay[hidden]{display:none}.legal-overlay.is-visible{opacity:1;background:#0000009e}.legal-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:720px;box-shadow:var(--shadow);padding:36px 36px 42px;transition:transform .18s;position:relative;transform:translateY(10px)scale(.98)}.legal-overlay.is-visible .legal-modal{transform:none}.legal-modal h2{margin-bottom:4px;font-family:Sora,sans-serif;font-size:25px;font-weight:800}.legal-modal>p:first-of-type{color:var(--ink);opacity:.75;margin:0 0 20px;font-size:13.5px}.legal-modal h3{text-transform:uppercase;letter-spacing:.03em;color:var(--ink);margin:26px 0 8px;font-size:13.5px;font-weight:700}.legal-modal h3:first-of-type{margin-top:0}.legal-modal p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.65}.legal-modal a{color:var(--ink);text-decoration:underline}.legal-meta-grid{grid-template-columns:1fr 1fr;gap:24px;margin:14px 0 6px;display:grid}.legal-meta-grid h3{margin-top:0}.legal-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.legal-close:hover{color:var(--ink);background:var(--surface)}.legal-modal--wide{max-width:860px}.legal-modal ul{color:var(--muted);margin:0 0 14px;padding-left:20px}.legal-modal ul li{margin-bottom:6px;font-size:14px;line-height:1.6}.legal-table-wrap{margin:6px 0 20px;overflow-x:auto}.legal-modal table{border-collapse:collapse;width:100%;min-width:460px;font-size:13.5px}.legal-modal th,.legal-modal td{border:1px solid var(--border);text-align:left;vertical-align:top;color:var(--ink);padding:10px 12px}.legal-modal th{background:var(--surface);white-space:nowrap;font-weight:700}.legal-modal .btn-legal{appearance:none;cursor:pointer;color:var(--ink);border:1.5px solid var(--border-strong);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 20px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.legal-modal .btn-legal:hover{border-color:var(--ink)}.cookie-banner{z-index:200;background:var(--card);border-top:1px solid var(--border-strong);padding:20px 24px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 32px -16px #0009}.cookie-banner[hidden]{display:none}.cookie-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;display:flex}.cookie-banner-text{color:var(--muted);max-width:640px;margin:0;font-size:13.5px;line-height:1.55}.cookie-banner-text a{color:var(--ink);cursor:pointer;text-decoration:underline}.cookie-banner-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.kuendigung-cta{text-align:center;margin-top:8px}.provider-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:10px;min-width:112px;margin:18px 0 26px;padding:18px 20px;display:inline-flex}.provider-tile span{color:var(--ink);font-size:12.5px;font-weight:600}.kuendigung-cta .btn{display:inline-flex}@media (width<=880px){.hero h1{font-size:32px}.hero-layout{grid-template-columns:1fr;gap:32px}.usp-grid,.tarif-grid,.select-grid,.id-grid,.flow-layout{grid-template-columns:1fr}.aside-card{position:static}.field-row{grid-template-columns:1fr}.topbar nav{display:none}.flow-card{padding:22px}.legal-modal{padding:28px 22px 32px}.legal-meta-grid{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.cookie-banner-inner{flex-direction:column;align-items:stretch}.cookie-banner-actions{justify-content:stretch}.cookie-banner-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
