@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url('/assets/fonts/inter/Inter-Regular.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url('/assets/fonts/inter/Inter-Medium.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url('/assets/fonts/inter/Inter-SemiBold.woff2') format('woff2')}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:#212529;background:#F8F9FA;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#1A3C6E;text-decoration:underline;text-underline-offset:2px}a:hover{color:#00B894}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:#1A3C6E;margin:0 0 0.8em}h1{font-size:1.9rem}h2{font-size:1.5rem;margin-top:2rem}h3{font-size:1.2rem}h4{font-size:1.05rem}p{margin:0 0 1rem}button{font-family:inherit;font-size:1rem;cursor:pointer}button:disabled{opacity:0.6;cursor:not-allowed}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.site-header{background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:50}#rechner,#szenarien-container,#optin-block{scroll-margin-top:5rem}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;gap:1rem;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:600;color:#1A3C6E;text-decoration:none;letter-spacing:-0.5px}.main-nav{display:none;gap:1.5rem;flex:1;justify-content:center}.main-nav a{text-decoration:none;color:#495057;font-weight:500;padding:0.5rem 0;min-height:44px;display:inline-flex;align-items:center}.main-nav a:hover{color:#1A3C6E}.main-nav.open{display:flex;flex-direction:column;width:100%;order:10;align-items:flex-start;gap:0.25rem;padding:1rem 0;border-top:1px solid #e9ecef;margin-top:0.5rem}.nav-toggle{background:transparent;border:none;font-size:1.6rem;min-width:44px;min-height:44px;color:#1A3C6E}@media (min-width:768px){.main-nav{display:flex}.nav-toggle{display:none}}.hero{padding:2.5rem 0 1.5rem;text-align:center}.hero h1{max-width:900px;margin:0 auto 1rem}.hero-sub{max-width:700px;margin:0 auto 1.5rem;font-size:1.1rem;color:#495057}.trust-signals{display:flex;flex-direction:column;gap:0.25rem;max-width:700px;margin:1rem auto 0;font-size:0.9rem;color:#495057;text-align:left;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.trust-item{display:block}@media (min-width:768px){.hero{padding:3.5rem 0 2rem}.hero h1{font-size:2.5rem}}.rechner{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.04);margin:2rem 0}.authority-badge{display:flex;align-items:flex-start;gap:0.65rem;background:#e7f1ff;border-left:4px solid #1A3C6E;border-radius:6px;padding:0.7rem 0.9rem;margin:0 0 1.5rem;font-size:0.85rem;color:#1A3C6E;line-height:1.5}.authority-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.authority-text{font-weight:400}.authority-text strong{font-weight:600}@media (max-width:600px){.authority-badge{font-size:0.78rem;padding:0.6rem 0.75rem}}@media (min-width:768px){.rechner{padding:2rem}}.szenarien-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;min-height:720px}.szenarien-grid.eins{min-height:320px}@media (min-width:768px){.szenarien-grid.zwei{grid-template-columns:1fr 1fr}}@media (min-width:992px){.szenarien-grid.drei{grid-template-columns:1fr 1fr 1fr}}.szenario{border:1px solid #e9ecef;border-radius:8px;padding:1.25rem;background:#fdfdfd}.szenario-header{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:1rem}.szenario-name{border:none;background:transparent;font-size:1.1rem;font-weight:600;color:#1A3C6E;flex:1;padding:0.3rem 0;min-height:44px}.szenario-name:focus{outline:2px solid #1A3C6E;outline-offset:2px;border-radius:4px}.btn-remove-szenario{background:#f8d7da;border:1px solid #f5c2c7;color:#842029;border-radius:50%;width:32px;height:32px;font-size:1.2rem;line-height:1;padding:0}.szenarien-actions{margin-top:1rem;text-align:center}.input-block{margin-bottom:1.5rem}.input-block h3{font-size:1rem;color:#6c757d;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:0.3rem}.input-label{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:1.2rem;font-weight:500;font-size:0.95rem;color:#495057;position:relative}.input-label.checkbox-label{flex-direction:row;align-items:center;gap:0.6rem}.input-label.checkbox-label input[type="checkbox"]{width:20px;height:20px;margin:0;cursor:pointer}.slider-with-input{display:flex;gap:0.6rem;align-items:center}.input-slider{flex:1;height:44px;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y}.input-slider::-webkit-slider-runnable-track{height:6px;background:#e9ecef;border-radius:3px}.input-slider::-moz-range-track{height:6px;background:#e9ecef;border-radius:3px}.input-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#1A3C6E;cursor:pointer;margin-top:-11px;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.input-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#1A3C6E;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.input-text,.input-number,.input-select,input[type="email"],input[type="tel"],input[type="text"],textarea{font-family:inherit;font-size:16px;min-height:44px;padding:0.5rem 0.75rem;border:1px solid #ced4da;border-radius:6px;background:#fff;color:#212529;width:100%}.input-text{max-width:200px;min-width:130px;text-align:right;font-variant-numeric:tabular-nums}.slider-hint{display:block;color:#6c757d;font-size:0.85rem;margin-top:0.3rem;line-height:1.4}.input-select.missing{border-color:#f6a623;background:#fff8e6}textarea{resize:vertical;min-height:88px;font-family:inherit}.toggle-group{display:flex;gap:0;border:1px solid #ced4da;border-radius:6px;overflow:hidden}.toggle-btn{flex:1;background:#fff;border:none;padding:0.75rem 1rem;min-height:44px;font-weight:500;color:#495057;border-right:1px solid #ced4da}.toggle-btn:last-child{border-right:none}.toggle-btn.active{background:#1A3C6E;color:#fff}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;background:#e9ecef;color:#495057;border-radius:50%;width:22px;height:22px;font-size:0.8rem;font-weight:600;margin-left:0.3rem;cursor:help;position:relative;flex-shrink:0}.info-tooltip .tooltip-text{display:none;position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#212529;color:#fff;font-size:0.85rem;font-weight:400;padding:0.75rem;border-radius:6px;width:260px;max-width:80vw;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.2);line-height:1.4;text-align:left}.info-tooltip:hover .tooltip-text,.info-tooltip:focus .tooltip-text{display:block}.info-box-static{background:#e7f1ff;border:1px solid #b8daff;border-left:4px solid #1A3C6E;padding:1rem;border-radius:6px;font-size:0.9rem;line-height:1.5;margin:1rem 0}.btn-primary{background:#1A3C6E;color:#fff;border:none;padding:0.8rem 1.5rem;min-height:44px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background 0.2s}.btn-primary:hover:not(:disabled){background:#14305a}.btn-secondary{background:#fff;color:#1A3C6E;border:2px solid #1A3C6E;padding:0.7rem 1.4rem;min-height:44px;font-size:0.95rem;font-weight:500;border-radius:6px}.btn-secondary:hover:not(:disabled){background:#e7f1ff}.progress-hint{background:#fff8e6;border-left:4px solid #f6a623;padding:0.75rem 1rem;border-radius:6px;margin:1rem 0;font-size:0.95rem;color:#664d03}.error-box{background:#f8d7da;border-left:4px solid #dc3545;padding:1rem;border-radius:6px;margin:1rem 0;color:#842029;font-weight:500}.result-area{margin-top:2rem}.ergebnis-satz{background:#e7f1ff;border-left:4px solid #1A3C6E;padding:1rem 1.25rem;border-radius:6px;font-size:1.05rem;font-weight:500;color:#1A3C6E}.warning-box{background:#fff8e6;border-left:4px solid #f6a623;padding:0.75rem 1rem;border-radius:6px;margin:0.75rem 0;display:flex;justify-content:space-between;gap:0.5rem;font-size:0.95rem}.warning-box.warn-rv{background:#e7f1ff;border-left-color:#1A3C6E}.warning-box.warn-info{background:#f8f9fa;border-left-color:#6c757d;font-size:0.85rem;color:#495057}.warning-box p{margin:0}.warning-close{background:none;border:none;font-size:1.2rem;color:inherit;cursor:pointer;min-width:24px;height:24px;padding:0;line-height:1;align-self:flex-start}.result-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}@media (min-width:768px){.result-cards{grid-template-columns:1fr 1fr;gap:1.5rem}}.result-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:1.5rem;position:relative;text-align:center}.result-card.winner{border-color:#00B894;background:#f0fdf8}.result-card h3{margin-top:0;font-size:1.1rem}.badge{position:absolute;top:-12px;right:1rem;background:#00B894;color:#fff;font-size:0.8rem;font-weight:600;padding:0.2rem 0.75rem;border-radius:20px}.netto-gross{font-size:1.8rem;font-weight:600;color:#1A3C6E;margin:0.5rem 0 0}.netto-monat{color:#6c757d;font-style:italic;margin:0.2rem 0 0.8rem;font-size:0.95rem}.quote{font-size:0.85rem;color:#495057;margin:0}.small-hint{font-size:0.8rem;color:#6c757d;margin:0.5rem 0 0}.optimal-kachel{margin:1.5rem 0}.optimal-box{background:linear-gradient(135deg,#f3f0ff 0%,#e9e4ff 100%);border:2px solid #6f42c1;border-radius:10px;padding:1.5rem;text-align:center}.optimal-box h3{color:#6f42c1;margin-top:0;font-size:1.15rem}.optimal-betrag{font-size:1.8rem;margin:0.5rem 0;color:#1A3C6E}.optimal-netto{font-size:1.1rem;margin:0.5rem 0}.optimal-breakdown{font-size:0.9rem;color:#495057;margin:0.5rem 0}.optimal-vergleich{font-weight:600;color:#00B894;margin:0.75rem 0}.optimal-box details{text-align:left;margin-top:1rem;font-size:0.9rem}.optimal-box summary{cursor:pointer;color:#6f42c1;font-weight:500}.table-wrapper{overflow-x:auto;margin:1.5rem 0}.vergleichs-tabelle{width:100%;border-collapse:collapse;font-size:0.95rem;min-width:500px}.vergleichs-tabelle th,.vergleichs-tabelle td{padding:0.75rem 0.5rem;text-align:left;border-bottom:1px solid #e9ecef}.vergleichs-tabelle th{background:#f8f9fa;font-weight:600;color:#495057}.vergleichs-tabelle tr.optimal-row{background:#f0fdf8;font-weight:600;color:#00B894}.details-aufschluesselung{margin:1.5rem 0;border:1px solid #e9ecef;border-radius:8px;padding:0 1rem}.details-aufschluesselung summary{padding:1rem 0;cursor:pointer;font-weight:500;color:#1A3C6E;list-style:none}.details-aufschluesselung summary::before{content:'▶ ';display:inline-block;transition:transform 0.2s;margin-right:0.3rem}.details-aufschluesselung[open] summary::before{transform:rotate(90deg)}.detail-table{width:100%;border-collapse:collapse;font-size:0.9rem;margin:0.5rem 0 1.5rem}.detail-table th,.detail-table td{padding:0.5rem;border-bottom:1px solid #f1f3f5}.detail-table td:last-child,.detail-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.detail-table tr.summary-row{background:#f8f9fa;font-size:1rem}.action-buttons{display:flex;gap:0.75rem;margin:1.5rem 0;flex-wrap:wrap}.optin-block{background:#fff;padding:1.5rem;border-radius:12px;margin:2rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.04)}.optin-block{background:linear-gradient(135deg,#e7f1ff 0%,#f0fdf8 100%);border:2px solid #1A3C6E}.optin-block h2{margin-top:0}.optin-block.optin-waiting .optin-state-ready{display:none}.optin-block:not(.optin-waiting) .optin-state-waiting{display:none}.optin-state-waiting{text-align:center;padding:1rem 0}.optin-state-waiting p{color:#495057;max-width:600px;margin:0.8rem auto 1.2rem}.optin-state-waiting .btn-secondary{display:inline-block;text-decoration:none}.optin-benefits{margin:0.5rem 0 1rem 1.2rem;padding:0;line-height:1.6;font-size:0.98rem}.optin-benefits li{margin-bottom:0.35rem}.optin-no-spam{font-size:0.85rem;color:#6c757d;margin:0.5rem 0 1rem}.optin-preview{background:#ffffff;border:1px solid #e9ecef;border-radius:8px;padding:0.85rem 1rem;margin:1rem 0 0.8rem}.optin-preview-label{font-size:0.8rem;font-weight:600;color:#1A3C6E;letter-spacing:0.3px;margin-bottom:0.4rem}.optin-preview-list{margin:0;padding-left:1.2rem;font-size:0.88rem;color:#495057;line-height:1.55}.optin-preview-list li{margin:0.15rem 0}.blog-card:hover{border-color:#00B894 !important;box-shadow:0 4px 14px rgba(0,184,148,0.12)}.optin-block form{display:flex;flex-direction:column;gap:0.75rem;margin-top:1rem}.optin-block label{font-weight:500;font-size:0.95rem}.consent-label{display:flex;gap:0.6rem;align-items:flex-start;font-size:0.85rem;font-weight:400;line-height:1.4}.consent-label input[type="checkbox"]{width:20px;height:20px;margin-top:2px;flex-shrink:0}.consent-label a{color:#1A3C6E}.optin-feedback{font-size:0.9rem;color:#1A3C6E;margin:0.5rem 0 0;min-height:1.2em}.kalender-block{background:linear-gradient(135deg,#FFF8E6 0%,#FFFBEE 100%);border:2px solid #f6a623;border-radius:12px;padding:1.75rem 1.5rem;margin:2rem 0;box-shadow:0 2px 10px rgba(246,166,35,0.08)}.kalender-block h2{margin-top:0;color:#8a5a00;font-size:1.4rem}.kalender-lead{font-size:1.02rem;color:#495057;margin:0.5rem 0 1rem}.kalender-features{display:grid;grid-template-columns:1fr;gap:0.25rem;margin:1rem 0 1.25rem;padding:0 0 0 1.2rem;font-size:0.92rem;color:#495057;line-height:1.55}@media (min-width:768px){.kalender-features{grid-template-columns:1fr 1fr}}.kalender-features li{margin:0.1rem 0}.kalender-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin:1rem 0}.kalender-btn{display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none !important;font-weight:500;padding:0.65rem 1rem;border-radius:6px;min-height:44px;font-size:0.95rem}.kalender-btn .kalender-btn-icon{font-weight:700;font-size:1.05rem;line-height:1}.kalender-btn.btn-secondary{background:#fff;border:1px solid #DEE2E6;color:#495057}.kalender-btn.btn-secondary:hover{border-color:#f6a623;background:#fffbee;color:#8a5a00}.kalender-btn.btn-primary{background:#f6a623;color:#fff;border:1px solid #e09420}.kalender-btn.btn-primary:hover{background:#e09420}.kalender-hint{margin:0.75rem 0 0;font-size:0.85rem;color:#8a5a00;opacity:0.85}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;border-radius:12px;position:relative}.modal-close{position:absolute;top:0.5rem;right:0.5rem;background:none;border:none;font-size:1.5rem;color:#6c757d;min-width:44px;min-height:44px}.modal-content form{display:flex;flex-direction:column;gap:0.75rem}.modal-content label{display:flex;flex-direction:column;gap:0.3rem;font-weight:500;font-size:0.9rem}.faq-section{margin:3rem 0}.faq-list{display:flex;flex-direction:column;gap:0.5rem}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:0 1.25rem}.faq-item summary{padding:1rem 0;cursor:pointer;font-weight:500;color:#1A3C6E;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:'+';margin-right:0.3rem;font-weight:600}.faq-item[open] summary::before{content:'− '}.faq-answer{padding:0 0 1rem;font-size:0.95rem;color:#495057}.explanation{max-width:800px;margin:3rem auto;padding:0 0.5rem}.explanation h2{font-size:1.6rem}.explanation h3{margin-top:2rem}.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:#1A3C6E;color:#fff;padding:0.6rem 0;z-index:90;box-shadow:0 -4px 12px rgba(0,0,0,0.15)}.sticky-cta-inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:0.95rem}.sticky-cta form{display:flex;gap:0.4rem;align-items:center;flex:1;min-width:240px}.sticky-cta input[type="email"]{flex:1;min-width:0;min-height:40px}.sticky-cta .btn-primary{background:#00B894;padding:0.5rem 1rem;min-height:40px}.sticky-cta-close{background:transparent;border:none;color:rgba(255,255,255,0.8);font-size:1.3rem;padding:0.25rem 0.5rem;min-width:32px}@media (max-width:640px){.sticky-cta-inner span{display:none}}.exit-intent{position:fixed;bottom:90px;right:20px;background:#fff;border:2px solid #1A3C6E;border-radius:10px;padding:1.25rem;max-width:320px;z-index:95;box-shadow:0 8px 24px rgba(0,0,0,0.2)}.exit-intent h4{margin:0 0 0.5rem}.exit-intent-inner{position:relative}.exit-intent form{display:flex;gap:0.4rem;margin-top:0.5rem}.exit-intent input[type="email"]{flex:1;min-height:40px}.exit-intent .btn-primary{padding:0.5rem 1rem;min-height:40px}.exit-intent-close{position:absolute;top:-8px;right:-8px;background:#1A3C6E;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1rem;cursor:pointer}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(100px);background:#1A3C6E;color:#fff;padding:0.75rem 1.25rem;border-radius:6px;font-weight:500;z-index:300;opacity:0;transition:transform 0.3s,opacity 0.3s}.toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.site-footer{background:#1A3C6E;color:#fff;padding:2rem 0;margin-top:4rem}.site-footer a{color:#fff;text-decoration:underline}.site-footer a:hover{color:#00B894}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;font-size:0.95rem}.copyright{margin-left:auto;opacity:0.7}.privacy-hint,.disclaimer-footer{font-size:0.85rem;opacity:0.85;margin:0.75rem 0 0;max-width:800px;line-height:1.5}main{min-height:calc(100vh - 300px)}.admin-container{max-width:1200px;margin:2rem auto;padding:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0}.kpi-card{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.kpi-value{font-size:1.8rem;font-weight:600;color:#1A3C6E}.kpi-label{color:#6c757d;font-size:0.85rem}@keyframes highlight-pulse{0%{box-shadow:0 0 0 0 rgba(0,184,148,0.6)}50%{box-shadow:0 0 0 12px rgba(0,184,148,0)}100%{box-shadow:0 0 0 0 rgba(0,184,148,0)}}.optin-block.highlight-pulse{animation:highlight-pulse 0.8s ease-out 3}@media print{.site-header,.site-footer,.sticky-cta,.exit-intent,.nav-toggle,.action-buttons,.optin-block,.warning-box,.toast{display:none !important}body{background:#fff;color:#000}.rechner{box-shadow:none;border:1px solid #000}}.country-banner{background:#FFF8E6;border-bottom:1px solid #f6a623;font-size:0.92rem}.country-banner-inner{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 1rem;flex-wrap:wrap}.country-banner-flag{font-size:1.3rem;line-height:1;flex-shrink:0}.country-banner-text{flex:1;min-width:200px;color:#664d03;line-height:1.4}.country-banner-action{background:#1A3C6E;color:#fff !important;text-decoration:none !important;padding:0.45rem 0.95rem;border-radius:6px;font-weight:500;white-space:nowrap;font-size:0.9rem;min-height:36px;display:inline-flex;align-items:center}.country-banner-action:hover{background:#14305a;color:#fff !important}.country-banner-dismiss{background:transparent;border:none;color:#8a5a00;font-size:1.4rem;line-height:1;padding:0.25rem 0.6rem;cursor:pointer;min-width:32px;flex-shrink:0}.country-banner-dismiss:hover{color:#664d03}.kalender-form{display:flex;flex-direction:column;gap:0.75rem;margin:1rem 0 0.75rem;background:#fff;border-radius:8px;padding:1rem 1.1rem;border:1px solid #e9ecef}.kalender-form-label{display:flex;flex-direction:column;gap:0.3rem;font-weight:500;font-size:0.95rem;color:#495057}.kalender-form-label-text{font-weight:500}.kalender-form input[type="email"]{width:100%;font-size:16px;padding:0.6rem 0.8rem;border:1px solid #ced4da;border-radius:6px;min-height:44px}.kalender-consent-label{display:flex;gap:0.5rem;align-items:flex-start;font-size:0.85rem;color:#495057;line-height:1.4;font-weight:400}.kalender-consent-label input[type="checkbox"]{width:18px;height:18px;margin-top:2px;flex-shrink:0}.kalender-consent-label a{color:#1A3C6E}.kalender-feedback{margin:0;min-height:1.2em;font-size:0.9rem}.footer-trust{font-size:0.88rem;opacity:0.92;margin:0.5rem 0 0.75rem;line-height:1.6;border-top:1px solid rgba(255,255,255,0.15);padding-top:0.85rem}.footer-trust strong{font-weight:600}.footer-trust a{color:#fff;text-decoration:underline}