:root{--ink: #1a1d23;--ink-soft: #5a5e6a;--ink-muted: #8b8f9a;--accent: #0066cc;--accent-hover: #0052a3;--accent-light: #e8f2ff;--green: #0f8a4f;--green-bg: #e8f8f0;--red: #cc2936;--red-bg: #fce8ea;--yellow: #b8860b;--yellow-bg: #fef8e8;--surface: #f8f9fb;--surface-raised: #ffffff;--border: #e2e5ea;--border-focus: #0066cc;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.1);--max-width: 780px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh}h1{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}h2{font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;line-height:1.3;color:var(--ink);margin-top:var(--space-3xl);margin-bottom:var(--space-md)}h3{font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--ink);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}p{font-size:.95rem;line-height:1.7;color:var(--ink-soft);margin-bottom:var(--space-md)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page-container{max-width:var(--max-width);margin:0 auto;padding:var(--space-md);padding-top:calc(var(--header-height) + var(--space-sm))}.breadcrumbs{font-size:.82rem;color:var(--ink-muted);margin-bottom:var(--space-md);display:flex;flex-wrap:wrap;gap:4px;align-items:center}.breadcrumbs a{color:var(--ink-muted)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{margin:0 2px}.page-subtitle{font-size:1.05rem;color:var(--ink-soft);margin-top:var(--space-sm);margin-bottom:var(--space-xl);max-width:600px}.calc-card{background:var(--surface-raised);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.calc-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.calc-tabs::-webkit-scrollbar{display:none}.calc-tab{padding:8px 18px;border-radius:20px;border:1.5px solid var(--border);background:transparent;font-size:.88rem;font-weight:500;color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:var(--font-sans)}.calc-tab:hover{border-color:var(--accent);color:var(--accent)}.calc-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.input-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:560px){.input-grid{grid-template-columns:1fr 1fr}.input-grid .full-width{grid-column:1 / -1}}.input-group{display:flex;flex-direction:column;gap:4px}.input-label{font-size:.82rem;font-weight:500;color:var(--ink-soft);display:flex;align-items:center;gap:4px}.input-help{font-size:.75rem;color:var(--ink-muted);line-height:1.4}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input,.input-wrapper select{width:100%;height:46px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;font-size:.95rem;font-family:var(--font-sans);color:var(--ink);background:var(--surface-raised);transition:border-color .15s ease;outline:none}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.input-wrapper .prefix{position:absolute;left:14px;font-size:.9rem;color:var(--ink-muted);pointer-events:none;z-index:1}.input-wrapper .suffix{position:absolute;right:14px;font-size:.9rem;color:var(--ink-muted);pointer-events:none}.input-wrapper.has-prefix input{padding-left:30px}.input-wrapper.has-suffix input{padding-right:50px}.input-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;margin-top:6px}.input-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}.input-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}.result-card{background:var(--accent-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-md)}.result-label{font-size:.82rem;font-weight:500;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.result-value{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;color:var(--ink);line-height:1.1}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.result-detail-item{display:flex;flex-direction:column;gap:2px}.result-detail-label{font-size:.75rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}.result-detail-value{font-size:1rem;font-weight:600;color:var(--ink)}.result-detail-value.green{color:var(--green)}.result-detail-value.red{color:var(--red)}.result-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--ink-soft);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.soft-warning{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--yellow-bg);border-radius:var(--radius-sm);font-size:.82rem;color:var(--yellow);margin-top:var(--space-sm);line-height:1.4}.more-options-toggle{display:flex;align-items:center;gap:6px;padding:8px 0;background:none;border:none;font-size:.88rem;color:var(--accent);cursor:pointer;font-family:var(--font-sans);font-weight:500}.more-options-toggle:hover{text-decoration:underline}.more-options-toggle .chevron{transition:transform .2s ease;font-size:.7rem}.more-options-toggle.open .chevron{transform:rotate(180deg)}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--border);font-size:.65rem;font-weight:700;color:var(--ink-muted);cursor:help;flex-shrink:0}.tooltip-trigger:hover{background:var(--accent-light);color:var(--accent)}.content-section{margin-top:var(--space-3xl)}.content-section h2{margin-top:0}.content-section p{max-width:65ch}.content-section ul,.content-section ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.content-section li{font-size:.95rem;color:var(--ink-soft);line-height:1.7;margin-bottom:var(--space-xs)}.formula-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);font-family:var(--font-mono);font-size:.9rem;color:var(--ink);overflow-x:auto;margin:var(--space-md) 0}.example-box{background:var(--green-bg);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-md) 0}.example-box h4{font-size:.9rem;font-weight:600;color:var(--green);margin-bottom:var(--space-sm)}.example-box p{color:var(--ink);margin-bottom:var(--space-xs)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;background:none;border:none;font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;font-family:var(--font-sans);line-height:1.4;gap:var(--space-md)}.faq-question:hover{color:var(--accent)}.faq-chevron{font-size:.7rem;transition:transform .2s ease;flex-shrink:0;color:var(--ink-muted)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding-bottom:var(--space-md)}.faq-answer-inner p{font-size:.9rem;color:var(--ink-soft);line-height:1.7}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:480px){.related-grid{grid-template-columns:1fr}}.related-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease}.related-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);text-decoration:none}.related-card-icon{font-size:1.5rem;flex-shrink:0}.related-card-text{display:flex;flex-direction:column;gap:2px}.related-card-title{font-size:.9rem;font-weight:600;color:var(--ink)}.related-card-desc{font-size:.78rem;color:var(--ink-muted)}.chart-container{margin-top:var(--space-lg);padding:var(--space-md);background:var(--surface);border-radius:var(--radius-md);overflow:hidden}.chart-container svg{width:100%;height:auto}.amort-table-wrapper{margin-top:var(--space-lg)}.amort-table-wrapper summary{font-size:.88rem;font-weight:600;color:var(--accent);cursor:pointer;padding:var(--space-sm) 0}.amort-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:var(--space-sm)}.amort-table th{text-align:left;padding:var(--space-sm) var(--space-md);background:var(--surface);font-weight:600;color:var(--ink-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);white-space:nowrap}.amort-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);color:var(--ink);white-space:nowrap}.amort-table tr:hover td{background:var(--surface)}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.suggestion-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface-raised);font-size:.82rem;color:var(--ink-soft);cursor:pointer;font-family:var(--font-sans);transition:all .15s ease}.suggestion-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.calc-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.calc-list-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease}.calc-list-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.calc-list-card-icon{font-size:1.8rem}.calc-list-card-title{font-size:1rem;font-weight:600;color:var(--ink)}.calc-list-card-desc{font-size:.85rem;color:var(--ink-soft);line-height:1.5}.hero{text-align:center;padding:var(--space-3xl) 0}.hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-md)}.hero p{font-size:1.1rem;color:var(--ink-soft);max-width:550px;margin:0 auto var(--space-xl)}.hero-search{position:relative;max-width:500px;margin:0 auto}.hero-search input{width:100%;height:52px;border:2px solid var(--border);border-radius:26px;padding:0 24px 0 48px;font-size:1rem;font-family:var(--font-sans);color:var(--ink);outline:none;background:var(--surface-raised);box-shadow:var(--shadow-md)}.hero-search input:focus{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 3px var(--accent-light)}.hero-search .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-muted);font-size:1.1rem}.category-section{margin-top:var(--space-2xl)}.category-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md)}.category-header h2{margin:0;font-size:1.3rem}.category-header a{font-size:.85rem;font-weight:500}.site-footer{margin-top:var(--space-3xl);padding:var(--space-2xl) var(--space-md);border-top:1px solid var(--border);text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.footer-links a{font-size:.85rem;color:var(--ink-muted)}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:.78rem;color:var(--ink-muted)}.footer-trust{font-size:.78rem;color:var(--ink-muted);margin-top:var(--space-sm)}.dsgvo-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--green-bg);border-radius:12px;font-size:.75rem;font-weight:500;color:var(--green);margin-top:var(--space-sm)}.compare-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-md)}@media(min-width:560px){.compare-grid{grid-template-columns:1fr 1fr 1fr}}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.compare-card.highlight{border-color:var(--accent);background:var(--accent-light)}.compare-card.diff-card{border-color:var(--border);background:var(--surface-raised)}.compare-title{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:var(--space-sm)}.compare-value{font-size:1.4rem;font-weight:700;font-family:var(--font-serif);color:var(--ink);margin-bottom:var(--space-sm)}.compare-value span{font-size:.85rem;font-family:var(--font-sans);font-weight:400;color:var(--ink-soft)}.compare-value.green{color:var(--green)}.compare-value.red{color:var(--red)}.compare-detail{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;padding:3px 0;border-bottom:1px solid var(--border);gap:var(--space-sm)}.compare-detail span:first-child{color:var(--ink-muted)}.compare-detail span:last-child{font-weight:600;color:var(--ink)}.compare-detail .green{color:var(--green)}.compare-detail .red{color:var(--red)}.soft-info{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--accent-light);border-radius:var(--radius-sm);font-size:.82rem;color:var(--ink);margin-top:var(--space-sm);line-height:1.5}.plan-toggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.breakdown-table-wrapper{margin-top:var(--space-lg);overflow-x:auto}.breakdown-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--ink)}.program-info-box{margin-top:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.program-info-box h3{font-size:1rem;font-weight:700;margin:0 0 var(--space-sm);color:var(--ink)}.program-info-box h4{font-size:.85rem;font-weight:600;margin:var(--space-sm) 0 var(--space-xs);color:var(--ink)}.program-info-box p{font-size:.88rem;color:var(--ink-soft);margin-bottom:var(--space-sm)}.program-info-box ul{padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.program-info-box li{font-size:.85rem;color:var(--ink-soft);margin-bottom:2px}.disclaimer-note{font-size:.78rem!important;color:var(--ink-muted)!important;font-style:italic}.toggle-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tier-section{margin-top:var(--space-lg)}.tier-section:first-of-type{margin-top:0}.tier-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-lg);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.tier-trigger:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.tier-trigger.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--accent);background:var(--accent-light)}.tier-trigger-left{display:flex;align-items:center;gap:var(--space-sm)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tier-badge.simple{background:var(--green-bg);color:var(--green)}.tier-badge.extended{background:var(--accent-light);color:var(--accent)}.tier-badge.pro{background:#f3e8ff;color:#7c3aed}.tier-title{font-size:.95rem;font-weight:600;color:var(--ink)}.tier-desc{font-size:.82rem;color:var(--ink-muted);margin-left:var(--space-xs)}.tier-chevron{font-size:.75rem;color:var(--ink-muted);transition:transform .2s ease;flex-shrink:0}.tier-trigger.open .tier-chevron{transform:rotate(180deg)}.tier-body{max-height:0;overflow:hidden;transition:max-height .4s ease;border:1.5px solid var(--accent);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--surface-raised)}.tier-section.open .tier-body{max-height:none;overflow:visible}.tier-body-inner{padding:var(--space-lg)}.tier-always-open .calc-card{margin-bottom:0}.whatif-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.whatif-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface-raised);font-size:.82rem;color:var(--ink-soft);cursor:pointer;font-family:var(--font-sans);transition:all .15s ease;white-space:nowrap}.whatif-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.growth-chart{margin-top:var(--space-lg)}.growth-chart svg{width:100%;height:auto}.chart-legend{display:flex;gap:14px;justify-content:center;font-size:.73rem;color:var(--ink-soft);margin-bottom:var(--space-sm);flex-wrap:wrap}.chart-legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}.scenario-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-md)}@media(min-width:560px){.scenario-grid{grid-template-columns:1fr 1fr}}.scenario-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all .15s ease}.scenario-card:hover,.scenario-card.active{border-color:var(--accent);background:var(--accent-light)}.scenario-card-title{font-size:.88rem;font-weight:600;color:var(--ink);margin-bottom:4px}.scenario-card-desc{font-size:.78rem;color:var(--ink-muted);line-height:1.4}.sensitivity-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:var(--space-md)}.sensitivity-table th{padding:var(--space-sm);background:var(--surface);font-weight:600;color:var(--ink-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);text-align:right;white-space:nowrap}.sensitivity-table th:first-child{text-align:left}.sensitivity-table td{padding:var(--space-sm);border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}.sensitivity-table td:first-child{text-align:left;font-weight:600}.sensitivity-table tr:hover td{background:var(--surface)}.sensitivity-table .highlight-cell{background:var(--accent-light);font-weight:700}.sensitivity-table .green{color:var(--green)}.sensitivity-table .red{color:var(--red)}.pro-input-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:560px){.pro-input-grid{grid-template-columns:1fr 1fr}}@media(min-width:780px){.pro-input-grid{grid-template-columns:1fr 1fr 1fr}}.pro-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-md)}@media(max-width:480px){.pro-detail-grid{grid-template-columns:1fr}}.pro-detail-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-md)}.pro-detail-card-label{font-size:.72rem;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.pro-detail-card-value{font-size:1.2rem;font-weight:700;font-family:var(--font-serif);color:var(--ink)}.pro-detail-card-value.green{color:var(--green)}.pro-detail-card-value.red{color:var(--red)}.pro-detail-card-sub{font-size:.78rem;color:var(--ink-muted);margin-top:2px}.crossover-row td{background:var(--green-bg)!important}.crossover-note{font-size:.75rem;color:var(--green);font-style:italic;margin-top:var(--space-sm)}@media print{.site-header,.site-footer,.calc-tabs,.result-actions,.suggestion-buttons,.more-options-toggle,.related-grid,.tier-trigger,.whatif-buttons{display:none!important}.calc-card{box-shadow:none;border:1px solid #ccc}.tier-body{max-height:none!important;overflow:visible!important;border:none!important}}.site-header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);height:var(--header-height)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);height:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:1.05rem;color:var(--ink)}.header-logo:hover{text-decoration:none}.logo-icon{font-size:1.3rem}.logo-de{color:var(--accent)}.header-nav{display:flex;gap:var(--space-md);align-items:center}.header-nav a{font-size:.85rem;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:color .15s}.header-nav a:hover{color:var(--accent)}@media(max-width:600px){.header-nav a:nth-child(n+3){display:none}}