@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--primary: #7c3aed;--primary-light: #a78bfa;--primary-dark: #5b21b6;--secondary: #3b82f6;--secondary-light: #60a5fa;--secondary-dark: #1d4ed8;--accent: #06b6d4;--accent-light: #22d3ee;--accent-dark: #0891b2;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--error: #ef4444;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text: #1e293b;--text-light: #64748b;--border: #e2e8f0;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 6px 6px 9px rgba(0, 0, 0, .07);--shadow-card: 0 1px 4px rgba(0, 0, 0, .06), 0 6px 16px rgba(0, 0, 0, .06);--radius-pill: 9999px;--radius-card: 16px;--radius-input: 10px;--radius-btn: 10px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;overflow-x:hidden}body{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;width:100%;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--text);min-height:100vh;line-height:1.6}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,var(--secondary-dark) 100%);color:var(--white);padding:1.5rem 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero h1{font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800;margin-bottom:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero p{font-size:1.1rem;opacity:.95;max-width:600px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.85rem;margin-top:1.5rem;border:1px solid rgba(255,255,255,.25)}.tab-navigation{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.tab-btn{padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);background:#ffffff1a;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn:hover{background:#ffffff38;border-color:#ffffff80}.tab-btn.active{background:#fff;color:var(--primary);border-color:#fff;box-shadow:0 4px 12px #00000026}.tab-btn .tab-icon{margin-right:.5rem}.energy-calculator-card{background:#fff;border-radius:var(--radius-card);padding:2rem;box-shadow:var(--shadow-card);max-width:600px;margin:0 auto}.energy-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.energy-card-icon{width:50px;height:50px;border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.energy-card-title{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin:0}.energy-input-group{margin-bottom:1.5rem}.energy-label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem}.energy-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.energy-label-row .energy-label{margin-bottom:0}.energy-btn-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.energy-btn-group-3{grid-template-columns:1fr 1fr 1fr}.energy-btn{padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-btn);color:var(--gray-600);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-align:center}.energy-btn:hover{border-color:var(--primary-light);background:#7c3aed0a}.energy-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #7c3aed40}.energy-btn.energy-btn-orange.active{background:var(--warning);border-color:var(--warning);box-shadow:0 4px 12px #f9731640}.energy-btn small{display:block;font-size:.75rem;opacity:.8;margin-top:.25rem;font-weight:500}.energy-input-wrapper{position:relative;display:flex;align-items:center}.energy-input{width:100%;padding:.875rem 4rem .875rem 1rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-input);color:var(--gray-800);font-size:1rem;font-weight:500;outline:none;transition:all var(--transition)}.energy-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #7c3aed1a}.energy-input-unit{position:absolute;right:1rem;color:var(--gray-500);font-size:.9rem;font-weight:500;pointer-events:none}.energy-reset-btn{padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.energy-reset-btn:hover{background:var(--gray-100);color:var(--gray-700)}.energy-slider-container{padding:.5rem 0}.energy-slider{width:100%;height:8px;border-radius:4px;background:var(--gray-200);outline:none;-webkit-appearance:none;cursor:pointer}.energy-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #7c3aed59;border:3px solid white}.energy-slider-orange::-webkit-slider-thumb{background:var(--warning);box-shadow:0 2px 8px #f9731659}.energy-slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:var(--gray-400)}.energy-slider-value{color:var(--primary);font-weight:700;font-size:.9rem}.energy-slider-value-orange{color:#f97316}.energy-result-box{margin-top:1.5rem;padding:1.5rem;border-radius:var(--radius-card);text-align:center}.energy-result-green{background:#7c3aed0f;border:2px solid rgba(124,58,237,.15)}.energy-result-orange{background:#f973160f;border:2px solid rgba(249,115,22,.15)}.energy-result-label{font-size:.8rem;font-weight:600;color:var(--gray-500);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.energy-result-value{font-size:2.5rem;font-weight:800;color:var(--primary);line-height:1;font-family:Plus Jakarta Sans,sans-serif}.energy-result-value-orange{color:var(--warning)}.energy-result-unit{font-size:.9rem;color:var(--gray-500);margin-top:.5rem}.energy-hint-box{margin-top:1.5rem;padding:1rem;background:#7c3aed0a;border-radius:var(--radius-btn);border:1px solid rgba(124,58,237,.1)}.energy-hint-box p{font-size:.85rem;color:var(--gray-600);margin:0;line-height:1.5}.energy-hint-box a{color:var(--primary);font-weight:600;text-decoration:none}.energy-hint-box a:hover{text-decoration:underline}.container{max-width:1400px;margin:0 auto;padding:2rem;overflow-x:hidden}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.grid{grid-template-columns:1fr}}.card{background:var(--white);border-radius:var(--radius-card);padding:1.75rem;box-shadow:var(--shadow-card);border:1px solid var(--border);transition:all var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.card-icon.primary{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.card-icon.secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-light))}.card-icon.accent{background:linear-gradient(135deg,var(--accent),var(--accent-light))}.card-icon svg{width:26px;height:26px;stroke:#fff;fill:none}.card-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:700;color:var(--gray-800)}.pdf-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:calc(.667em + 2px) calc(1.333em + 2px);background:var(--secondary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-left:auto}.pdf-export-btn:hover{transform:translateY(-1px);background:var(--primary);box-shadow:0 4px 12px #7c3aed4d}.pdf-export-btn:active{transform:translateY(0)}.pdf-export-btn svg{flex-shrink:0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-grid-3col{grid-template-columns:1fr 1fr 1fr}@media(max-width:900px){.input-grid-3col{grid-template-columns:1fr 1fr}}.input-group{position:relative;width:100%;min-width:0}.input-group.full-width{grid-column:1 / -1}.input-group.double-width{grid-column:span 2}.slider-container{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:#7c3aed08;border-radius:var(--radius-card);border:2px solid var(--border)}.price-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:linear-gradient(to right,#6ee7b7,#6ee7b7,#fde68a,#fde68a 45%,#fca5a5 65%,#fca5a5);border-radius:8px;outline:none;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #0000000d}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;background:linear-gradient(145deg,#fff,#f0f0f0);border:4px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #7c3aed4d,0 2px 4px #0000001a;transition:all .2s ease}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 20px #7c3aed66,0 4px 8px #00000026}.price-slider::-webkit-slider-thumb:active{transform:scale(1.1);border-color:var(--accent-dark)}.price-slider::-moz-range-thumb{width:36px;height:36px;background:linear-gradient(145deg,#fff,#f0f0f0);border:4px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #7c3aed4d,0 2px 4px #0000001a}.price-slider::-moz-range-track{height:16px;background:linear-gradient(to right,#6ee7b7,#6ee7b7,#fde68a,#fde68a 45%,#fca5a5 65%,#fca5a5);border-radius:8px}.slider-value-display{display:flex;align-items:center;gap:.25rem;background:var(--primary);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-btn);font-weight:700;font-size:1.25rem;min-width:85px;justify-content:center;box-shadow:0 4px 12px #7c3aed33}.slider-unit{font-size:1rem;opacity:.9}.slider-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gray-500);margin-top:.5rem;padding:0 1rem;font-weight:600}.slider-labels span{padding:.25rem .5rem;background:var(--gray-100);border-radius:6px}label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--gray-600);margin-bottom:.5rem;font-weight:600;flex-wrap:wrap}.auto-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--accent);color:var(--white);padding:.15rem .5rem;border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.5px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.auto-badge:hover{background:var(--accent-dark);transform:scale(1.05)}.auto-badge.active{background:var(--success)}.auto-badge svg{width:10px;height:10px}.steigerung-badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:.4rem .75rem;background:linear-gradient(135deg,var(--primary),var(--accent-dark));color:#fff;font-size:1rem;font-weight:700;border-radius:10px;box-shadow:0 2px 8px #7c3aed4d}.ev-versicherung-toggle{height:24px;border-radius:6px;border:2px solid var(--success);background:var(--success);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:.2rem .5rem;gap:.25rem}.ev-versicherung-toggle:hover{transform:scale(1.05)}.ev-versicherung-toggle.active{background:var(--success);border-color:var(--success)}.ev-versicherung-toggle:not(.active){background:var(--gray-300);border-color:var(--gray-300)}.ev-versicherung-toggle:not(.active) svg{display:none}.ev-crate-toggle-btn{width:28px;height:28px;border-radius:8px;border:2px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.ev-crate-toggle-btn:hover{transform:scale(1.1);background:var(--accent-dark);border-color:var(--accent-dark)}.ev-crate-toggle-btn:active{transform:scale(.95)}.crate-toggle-container{display:flex;gap:.5rem;width:100%}.crate-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem;border:2px solid var(--gray-300);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.crate-option:hover{border-color:var(--primary);background:#7c3aed0d}.crate-option.active{border-color:var(--primary);background:linear-gradient(135deg,#7c3aed1a,#7c3aed14);box-shadow:0 2px 8px #7c3aed33}.crate-value{font-size:1.1rem;font-weight:700;color:var(--gray-700)}.crate-option.active .crate-value{color:var(--primary)}.crate-label{font-size:.7rem;color:var(--gray-500);margin-top:.15rem}.crate-option.active .crate-label{color:var(--primary)}.crate-info-badge{font-size:.75rem;cursor:help}.zusatz-toggle-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.zusatz-toggle-container.horizontal{flex-direction:row;gap:1rem}.zusatz-toggle-container.horizontal .zusatz-toggle-item{flex:1}.zusatz-toggle-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .2s ease}.zusatz-toggle-item:hover{border-color:var(--primary);background:#7c3aed05}.zusatz-toggle-item input[type=checkbox]{display:none}.zusatz-toggle-slider{width:36px;height:20px;background:var(--gray-300);border-radius:10px;position:relative;transition:all .2s ease;flex-shrink:0}.zusatz-toggle-slider:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.zusatz-toggle-item input[type=checkbox]:checked+.zusatz-toggle-slider{background:var(--primary)}.zusatz-toggle-item input[type=checkbox]:checked+.zusatz-toggle-slider:after{left:18px}.zusatz-toggle-label{flex:1;font-size:.85rem;font-weight:500;color:var(--gray-700)}.zusatz-toggle-price{font-size:.8rem;font-weight:600;color:var(--primary);background:#7c3aed1a;padding:.2rem .5rem;border-radius:6px}.strompreis-default-btn{height:22px;border-radius:12px;border:2px solid var(--success);background:var(--success);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:.15rem .5rem;gap:.2rem}.strompreis-default-btn:hover{transform:scale(1.05)}.strompreis-default-btn.active{background:var(--success);border-color:var(--success)}.strompreis-default-btn:not(.active){background:var(--gray-300);border-color:var(--gray-300)}.strompreis-default-btn:not(.active) svg{display:none}.preis-visibility-btn{height:22px;width:28px;border-radius:6px;border:2px solid var(--gray-400);background:var(--gray-400);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:.15rem}.preis-visibility-btn:hover{transform:scale(1.05)}.preis-visibility-btn.active{background:var(--primary);border-color:var(--primary)}.toggle-switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;vertical-align:middle;line-height:1}.toggle-switch input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--gray-300);border-radius:12px;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.8rem;font-weight:600;color:var(--gray-600);line-height:24px}.toggle-switch input:checked~.toggle-label{color:var(--success)}.laufzeit-buttons{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.laufzeit-btn{min-width:70px;padding:1.05rem .95rem;border:2px solid var(--gray-200);border-radius:12px;background:var(--gray-50);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.laufzeit-btn:hover{border-color:var(--primary);background:#7c3aed0d}.laufzeit-btn.active{border-color:var(--primary);background:linear-gradient(135deg,#7c3aed1a,#7c3aed14);box-shadow:0 2px 8px #7c3aed33}.laufzeit-label{font-size:.85rem;font-weight:600;color:var(--gray-700)}.laufzeit-btn.active .laufzeit-label{color:var(--primary)}details summary svg{transition:transform .2s ease}details[open] summary svg{transform:rotate(90deg)}.toggle-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--gray-400);color:var(--white);padding:.15rem .5rem;border-radius:10px;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.toggle-badge:hover{transform:scale(1.05)}.toggle-badge.active{background:var(--success)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}input[type=number],input[type=text]:not(.stepper-input){width:100%;padding:.875rem 4rem .875rem 1rem;background:var(--white);border:2px solid var(--border);border-radius:var(--radius-input);color:var(--text);font-size:1rem;font-family:inherit;font-weight:600;transition:all var(--transition)}input[type=number]:focus,input[type=text]:not(.stepper-input):focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #7c3aed1a}input[type=number].auto-calculated,input[type=text].auto-calculated:not(.stepper-input){border-color:var(--accent);background:#7c3aed08}input[type=number]:disabled,input[type=text]:disabled:not(.stepper-input){background:var(--gray-100);color:var(--gray-500);cursor:not-allowed;border-color:var(--gray-200)}input[type=number].auto-calculated:disabled,input[type=text].auto-calculated:disabled:not(.stepper-input){background:#7c3aed0d;border-color:var(--accent);color:var(--gray-700)}input[type=number].readonly-field,input[type=text].readonly-field:not(.stepper-input){background:var(--gray-100);color:var(--gray-600);cursor:default;border-color:var(--gray-200)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.speicher-stepper{display:flex;align-items:center;gap:.5rem;width:100%}.stepper-btn{width:36px;height:36px;min-width:36px;border:1px solid var(--gray-300);background:var(--white);border-radius:var(--radius-btn);font-size:1.25rem;font-weight:600;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stepper-btn:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.stepper-btn:active{transform:scale(.95)}.stepper-btn:disabled{opacity:.4;cursor:not-allowed}.stepper-btn:disabled:hover{background:var(--white);border-color:var(--gray-300);color:var(--gray-600)}.stepper-input{text-align:left;font-weight:600;min-width:70px;cursor:default;padding:.875rem .5rem .875rem 1rem;background:var(--white);border:2px solid var(--border);border-radius:var(--radius-input);color:var(--text);font-size:1rem;font-family:inherit;flex:1}.stepper-input.auto-calculated{border-color:var(--accent);background:#7c3aed08}.speicher-stepper .input-unit{position:relative;right:auto;margin-left:-3rem;margin-right:.5rem}.dachflaeche-container{grid-column:1 / -1;background:#7c3aed08;border:1px solid var(--border);border-radius:var(--radius-btn);padding:1rem}.dachflaeche-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.dachflaeche-select{padding:.5rem .6rem;border:2px solid var(--gray-200);border-radius:var(--radius-input);font-size:.85rem;font-weight:500;background:var(--white);color:var(--gray-800);cursor:pointer;min-width:90px;transition:border-color var(--transition)}.dachflaeche-select:first-child{min-width:110px}.dachflaeche-select:focus{outline:none;border-color:var(--primary)}.dachflaeche-modul-stepper{min-width:200px;max-width:240px;flex-shrink:0}.dachflaeche-modul-stepper .stepper-input{min-width:36px;flex:1;padding-left:.5rem}.dachflaeche-modul-stepper .input-unit{position:relative;right:auto;margin-left:-4.5rem;margin-right:.5rem}.dachflaeche-input-label{font-size:.75rem;color:var(--gray-400);font-weight:500}.dachflaeche-faktor{display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:.35rem .6rem;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--white);border-radius:6px;font-size:.8rem;font-weight:700}.dachflaeche-remove{width:28px;height:28px;border:none;background:#ef44441a;color:#ef4444;border-radius:6px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dachflaeche-remove:hover{background:#ef444433;color:#dc2626}.dachflaeche-add-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border:2px dashed var(--gray-300);border-radius:var(--radius-pill);background:transparent;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:.25rem}.dachflaeche-add-btn:hover{border-color:var(--primary);background:#7c3aed0d}.dachflaeche-summary{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200);font-size:.85rem;color:var(--gray-600)}.pv-dimensionierung{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.pv-dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pv-dim-label{font-size:.8rem;font-weight:600;color:var(--gray-600)}.pv-dim-badge{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.85rem;font-weight:700;padding:.4rem .75rem;border-radius:8px;margin-top:.5rem;text-align:center}.pv-dim-badge--optimal{color:#047857;background:#6ee7b733;border:1.5px solid rgba(110,231,183,.6)}.pv-dim-badge--leicht-unter,.pv-dim-badge--leicht-ueber{color:#92400e;background:#fde68a40;border:1.5px solid rgba(253,230,138,.7)}.pv-dim-badge--unter,.pv-dim-badge--ueber{color:#991b1b;background:#fca5a540;border:1.5px solid rgba(252,165,165,.7)}.pv-dim-bar{position:relative;height:8px;border-radius:4px;overflow:visible;margin-bottom:.35rem;background:linear-gradient(to right,#fca5a5,#fde68a,#6ee7b7,#6ee7b7,#fde68a,#fca5a5)}.pv-dim-marker{position:absolute;top:-4px;width:4px;height:16px;background:var(--gray-800);border-radius:2px;transform:translate(-50%);box-shadow:0 0 0 2px var(--white)}.pv-dim-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--gray-400);font-weight:500}.pv-dim-detail{margin-top:.4rem;font-size:.8rem;color:var(--gray-500);text-align:center}.dachflaeche-string-warning{font-size:.75rem;font-weight:600;color:#dc2626;padding:.2rem 0 .3rem .25rem}.stepper-input--warning{border-color:#ef4444!important;background:#ef44440d!important}.dachflaeche-warning{color:#f59e0b;font-weight:600;font-size:.8rem}.input-unit{position:absolute;right:1rem;color:var(--gray-400);font-size:.9rem;font-weight:600;pointer-events:none}.auto-info{display:block;font-size:.7rem;color:var(--accent-dark);margin-top:.25rem;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.results-section{margin-top:1.5rem}.results-section.disabled,.finanzierung-section.disabled,.vergleich-section.disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.pdf-export-container.disabled{opacity:.4;pointer-events:none}.status-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:14px;font-weight:600;margin-bottom:1.5rem}.status-banner.positive{background:linear-gradient(135deg,#7c3aed14,#7c3aed08);color:var(--success);border:2px solid rgba(124,58,237,.2)}.status-banner.negative{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error);border:2px solid rgba(239,68,68,.3)}.status-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-banner.positive .status-icon{background:var(--success)}.status-banner.negative .status-icon{background:var(--error)}.status-icon svg{width:16px;height:16px;stroke:#fff}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.comparison-box{background:var(--gray-50);border-radius:16px;padding:1.5rem;text-align:center;border:2px solid var(--border);transition:all .3s ease}.comparison-box.without{border-color:#ef44444d;background:linear-gradient(135deg,var(--white),rgba(239,68,68,.03))}.comparison-box.with{border-color:var(--success);background:linear-gradient(135deg,var(--white),rgba(16,185,129,.03))}.comparison-title{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.75rem}.comparison-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.comparison-box.without .comparison-value{color:var(--error)}.comparison-box.with .comparison-value{color:var(--success)}.comparison-detail{font-size:.8rem;color:var(--gray-500);margin-top:.5rem}.comparison-hint{font-size:.7rem;font-style:italic;color:var(--gray-400);margin-top:.75rem;line-height:1.4}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:900px){.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.result-grid,.comparison-grid{grid-template-columns:1fr}}.result-card{background:var(--gray-50);border-radius:14px;padding:1.25rem;border:1px solid var(--border);text-align:center;transition:all .2s ease}.result-card:hover{border-color:var(--primary-light)}.result-card.highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none}.result-card.highlight .result-label,.result-card.highlight .result-value{color:var(--white)}.result-label{font-size:.75rem;color:var(--gray-500);margin-bottom:.25rem;font-weight:600}.result-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;color:var(--gray-800)}.result-value.green{color:var(--success)}.result-value.red{color:var(--error)}.chart-container{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-radius:16px;padding:1.5rem 1.5rem 1.5rem 5rem;display:flex;position:relative;height:250px;margin-bottom:1.5rem;border:1px solid var(--border)}.chart-scale{position:absolute;left:0;top:1.5rem;bottom:3rem;width:5rem;display:flex;flex-direction:column;justify-content:space-between}.scale-line{position:relative;width:100%;display:flex;align-items:center}.scale-line:after{content:"";position:absolute;left:4.5rem;right:-100vw;height:1px;background:var(--gray-200)}.scale-line span{font-size:.7rem;color:var(--gray-400);font-weight:600;padding-right:.5rem;text-align:right;width:4.5rem}.chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4rem;padding-bottom:.5rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100px}.bar-wrapper{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:70px;border-radius:10px 10px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1);position:relative}.bar.without{background:linear-gradient(to top,var(--error),#f87171)}.bar.with{background:linear-gradient(to top,var(--success),var(--success-light))}.bar-value{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif}.bar-label{font-size:.85rem;color:var(--gray-600);font-weight:600}.finance-section{border-top:2px solid var(--gray-100);padding-top:1.5rem;margin-top:1.5rem}.finance-title{font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;color:var(--gray-700);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.finance-title svg{color:var(--primary)}.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;align-items:stretch}.finance-grid-4{grid-template-columns:repeat(4,1fr)}.finance-grid-3{grid-template-columns:repeat(3,1fr)}.finance-item{background:var(--gray-50);border-radius:14px;padding:1.25rem;text-align:center;border:1px solid var(--border);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.finance-label{font-size:.7rem;color:var(--gray-500);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.finance-value{font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:700;color:var(--gray-800)}.finance-input-row{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.finance-input-group{max-width:200px}.finance-input-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.finance-input-group .input-wrapper{position:relative}.finance-input-group input{width:100%;padding:.6rem 2.5rem .6rem .75rem;background:var(--white);border:2px solid var(--border);border-radius:10px;color:var(--text);font-size:1rem;font-family:inherit;font-weight:600}.finance-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a}.finance-input-group input.auto-calculated{background:var(--gray-50);color:var(--gray-600)}.finance-input-group .input-unit{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:.9rem;font-weight:500}.finance-input-group .auto-info{display:block;font-size:.7rem;color:var(--gray-400);margin-top:.25rem}.vergleich-tabelle{width:100%;margin-top:1rem}.vergleich-header,.vergleich-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:.5rem;align-items:center}.vergleich-header{margin-bottom:.75rem}.vergleich-spalte{padding:.75rem;text-align:center;border-radius:8px}.vergleich-spalte.vergleich-label{text-align:left;font-weight:600;font-size:.85rem;color:var(--gray-700)}.vergleich-spalte.ohne-pv{background:var(--gray-100)}.vergleich-spalte.mitbewerber{background:#fef3c7}.vergleich-spalte.energieversum{background:linear-gradient(135deg,#7c3aed1a,#7c3aed0f)}.vergleich-spalte.highlight{border:2px solid var(--primary)}.vergleich-titel{font-weight:700;font-size:.9rem;color:var(--gray-800)}.vergleich-badge{display:inline-block;margin-top:.25rem;padding:.15rem .5rem;background:var(--primary);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px;text-transform:uppercase}.vergleich-row{margin-bottom:.5rem}.vergleich-row.vergleich-total{margin-top:.5rem;padding-top:.5rem;border-top:2px solid var(--gray-200)}.vergleich-row.vergleich-vorteil{margin-top:.5rem;padding-top:.5rem;border-top:2px dashed var(--primary)}.vergleich-wert{font-size:.9rem;font-weight:600;color:var(--gray-800)}.vergleich-wert.gross{font-size:1.1rem;font-weight:700}.vergleich-wert.green{color:var(--success)}.vergleich-wert.red{color:var(--error)}.footer{text-align:center;padding:2rem;color:var(--gray-400);font-size:.8rem}.formula-info{margin-top:1rem;padding:1rem;background:var(--gray-50);border-radius:12px;font-size:.8rem;color:var(--gray-600);border:1px solid var(--border)}.formula-info summary{cursor:pointer;font-weight:600;color:var(--primary)}.formula-info p{margin-top:.75rem;line-height:1.8}.formula-info code{background:var(--gray-200);padding:.1rem .4rem;border-radius:4px;font-size:.75rem}.yearly-table-container{margin-top:.75rem;border-radius:12px;border:1px solid var(--gray-200);overflow:hidden;box-shadow:0 2px 8px #0000000d}.yearly-cost-table{width:100%;border-collapse:collapse;font-size:.75rem}.yearly-cost-table thead{background:linear-gradient(135deg,var(--primary),var(--accent-dark));color:#fff}.yearly-cost-table th{padding:.5rem;text-align:center;font-weight:600;font-size:.7rem}.yearly-cost-table th:first-child{text-align:left;padding-left:.75rem}.yearly-cost-table td{padding:.35rem .5rem;border-bottom:1px solid var(--gray-100);text-align:center}.yearly-cost-table td:first-child{text-align:left;padding-left:.75rem}.yearly-cost-table tbody tr:nth-child(2n){background:var(--gray-50)}.yearly-cost-table tbody tr:hover{background:#7c3aed14}.yearly-cost-table .year-cell{font-weight:600;color:var(--gray-600);font-size:.7rem}.yearly-cost-table .cost-cell{font-weight:700;color:var(--primary)}.yearly-cost-table .total-cell{color:var(--gray-600);font-weight:500}.strompreis-chart-container{background:var(--gray-50);border-radius:12px;padding:1rem;border:1px solid var(--gray-200)}.strompreis-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.strompreis-chart-title{font-size:.8rem;font-weight:600;color:var(--gray-600)}.strompreis-chart-legend-container{display:flex;flex-direction:column;gap:.35rem}.chart-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;flex-wrap:wrap}.legend-color{width:12px;height:4px;border-radius:2px;flex-shrink:0}.legend-label{color:var(--gray-500);white-space:nowrap}.strompreis-chart-legend{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600}.legend-start{color:var(--primary)}.legend-arrow{color:var(--gray-400)}.legend-end{color:var(--secondary);background:linear-gradient(135deg,var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legend-separator{color:var(--gray-300);margin:0 .1rem}.legend-avg{color:var(--gray-600)}.legend-avg span{color:var(--primary);font-weight:700}.legend-monthly{color:var(--gray-500)}.legend-monthly span{color:var(--success);font-weight:700}.strompreis-chart{position:relative;display:flex;gap:.5rem}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;color:var(--gray-500);text-align:right;min-width:45px;height:160px;padding:6px 0;box-sizing:border-box}.chart-main{flex:1;min-height:160px}.strompreis-chart svg{width:100%;height:160px;display:block}.strompreis-chart .grid-line{stroke:var(--gray-200);stroke-width:1;stroke-dasharray:4,4}.strompreis-chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;padding-left:0;font-size:.7rem;color:var(--gray-500)}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(min-width:1025px){.container{max-width:1400px;padding:2rem}.calculator-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.input-grid{grid-template-columns:1fr 1fr;gap:1rem}.input-grid-3col{grid-template-columns:1fr 1fr 1fr}.vergleich-tabelle{width:100%}.vergleich-header,.vergleich-row{grid-template-columns:1.8fr 1fr 1fr 1fr}.result-grid,.finance-grid,.finance-grid-4{grid-template-columns:repeat(4,1fr)}.finance-grid-3{grid-template-columns:repeat(3,1fr)}.comparison-grid{grid-template-columns:1fr 1fr}label{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.vergleich-spalte.vergleich-label{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;line-height:1.4}}@media(min-width:768px)and (max-width:1024px){.container{padding:1.25rem;max-width:100%;overflow-x:hidden}.hero{padding:1.25rem 1.5rem}.hero h1{font-size:1.5rem}.grid,.calculator-grid{grid-template-columns:1fr;gap:1.25rem}.card{padding:1.75rem;overflow:hidden}.input-grid{grid-template-columns:1fr 1fr;gap:1rem}.input-grid-3col{grid-template-columns:1fr 1fr 1fr}.input-group.double-width,.input-group.full-width{grid-column:1 / -1}.input-group{width:100%;min-width:0}.input-wrapper{width:100%}input[type=number],input[type=text]{min-height:44px;font-size:16px;width:100%}select,.dachflaeche-select{min-height:44px;font-size:16px;padding:.6rem .75rem}label{font-size:.9rem;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.speicher-stepper{width:100%;gap:.5rem}.stepper-input{width:100%;flex:1;min-height:44px;font-size:1rem}.stepper-btn{width:44px;height:44px;min-width:44px;font-size:1.4rem;flex-shrink:0;border-radius:10px}.auto-badge,.toggle-badge{padding:.35rem .6rem;font-size:.7rem;min-height:32px;display:inline-flex;align-items:center}.tab-btn{padding:.875rem 1.5rem;font-size:.95rem;min-height:44px}.toggle-slider{width:50px;height:28px;border-radius:14px}.toggle-slider:before{width:22px;height:22px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{font-size:.85rem;line-height:28px}.zusatz-toggle-slider{width:44px;height:24px;border-radius:12px}.zusatz-toggle-slider:after{width:20px;height:20px}.zusatz-toggle-item input[type=checkbox]:checked+.zusatz-toggle-slider:after{left:22px}.zusatz-toggle-item{padding:.75rem 1rem;min-height:44px}.zusatz-toggle-label{font-size:.9rem}.dachflaeche-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.dachflaeche-select{min-width:120px;min-height:44px;font-size:.9rem;padding:.6rem .75rem;flex-shrink:0}.dachflaeche-modul-stepper{min-width:200px;max-width:250px;flex-shrink:0}.dachflaeche-faktor{min-width:55px;flex-shrink:0}.dachflaeche-remove{width:36px;height:36px;min-width:36px;flex-shrink:0;font-size:1.2rem}.dachflaeche-add-btn{min-height:44px;padding:.6rem 1rem;font-size:.85rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:1rem}.comparison-box{padding:1.5rem}.result-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.result-card{padding:1.25rem}.finance-grid,.finance-grid-4{grid-template-columns:repeat(4,1fr);gap:.75rem}.finance-grid-3{grid-template-columns:repeat(3,1fr)}.finance-label{font-size:.72rem;word-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.vergleich-header,.vergleich-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:.5rem}.vergleich-spalte{padding:.75rem .5rem;font-size:.85rem}.vergleich-spalte.vergleich-label{font-size:.85rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.vergleich-wert{font-size:.85rem}.vergleich-wert.gross{font-size:1rem}.slider-container{padding:1.25rem}.price-slider{height:20px}.price-slider::-webkit-slider-thumb{width:44px;height:44px;border-width:5px}.price-slider::-moz-range-thumb{width:44px;height:44px;border-width:5px}.slider-value-display{font-size:1.4rem;padding:1rem 1.25rem;min-width:100px}.laufzeit-btn{min-height:44px;padding:.75rem 1rem;font-size:.9rem}.ev-versicherung-toggle{height:32px;padding:.3rem .6rem;min-width:90px}.ev-crate-toggle-btn{width:36px;height:36px}.crate-option{padding:.8rem .6rem;min-height:44px}.strompreis-default-btn{height:28px;padding:.2rem .6rem;min-width:80px}.preis-visibility-btn{height:28px;width:36px;min-height:28px}.pdf-export-btn{min-height:44px;padding:.6rem 1.25rem;font-size:.9rem}.status-banner{padding:1rem 1.25rem;font-size:.9rem}.energy-btn{padding:1rem;min-height:44px;font-size:.95rem}.energy-input{min-height:44px;font-size:16px}.energy-slider::-webkit-slider-thumb{width:32px;height:32px}.energy-reset-btn{min-height:44px;padding:.5rem 1rem}}@media(pointer:coarse){.stepper-btn{min-width:44px;min-height:44px}.auto-badge,.toggle-badge{min-height:30px;min-width:60px;display:inline-flex;align-items:center;justify-content:center}.card:hover{transform:none;box-shadow:var(--shadow-lg)}.result-card:hover{border-color:var(--border)}.card:active{transform:translateY(-1px)}.tab-btn:active{background:#ffffff40;border-color:#ffffff80}.stepper-btn:active{background:var(--gray-200);border-color:var(--primary);color:var(--primary);transform:scale(.93)}.energy-btn:active{border-color:var(--gray-400);background:var(--gray-100)}.laufzeit-btn:active,.crate-option:active{border-color:var(--primary);background:#7c3aed0d}.zusatz-toggle-item:active{border-color:var(--primary);background:#7c3aed0a}.auto-badge:active,.toggle-badge:active{transform:scale(.95);opacity:.8}.dachflaeche-remove:active{background:#ef444426;color:#ef4444}.dachflaeche-add-btn:active{border-color:var(--primary);background:#7c3aed14}.ev-versicherung-toggle:active,.strompreis-default-btn:active,.preis-visibility-btn:active{transform:scale(.95)}.pdf-export-btn:active{transform:translateY(0);box-shadow:0 2px 6px #7c3aed33}.formula-info summary:active{color:var(--primary-dark)}.energy-reset-btn:active{background:var(--gray-200);color:var(--gray-700)}input[type=number],input[type=text],select,textarea{font-size:16px!important}.input-grid{gap:1rem}select,.dachflaeche-select{padding:.65rem .75rem;min-height:44px}.energy-slider::-webkit-slider-thumb{width:30px;height:30px}.price-slider::-webkit-slider-thumb{width:40px;height:40px}.price-slider::-moz-range-thumb{width:40px;height:40px}.stepper-btn:hover{background:var(--white);border-color:var(--gray-300);color:var(--gray-600)}.auto-badge:hover,.toggle-badge:hover,.ev-versicherung-toggle:hover,.strompreis-default-btn:hover,.preis-visibility-btn:hover{transform:none}}@media(max-width:430px){.container{padding:.75rem}.hero{padding:1rem}.hero h1{font-size:1.25rem}.calculator-grid{grid-template-columns:1fr;gap:1rem}.card{padding:1.25rem;border-radius:16px}.card-header{margin-bottom:1.25rem;padding-bottom:.75rem}.card-icon{width:40px;height:40px;border-radius:10px}.card-icon svg{width:22px;height:22px}.card-title{font-size:1.1rem}.pdf-export-btn{padding:.4rem .75rem;font-size:.75rem;gap:.3rem}.pdf-export-btn svg{width:14px;height:14px}.input-grid{grid-template-columns:1fr;gap:1.25rem}.input-group.double-width,.input-group.full-width{grid-column:span 1}label{font-size:.9rem;margin-bottom:.5rem}.input-wrapper input{padding:.9rem 1rem;font-size:1.15rem;border-radius:12px;min-height:52px}.input-unit{font-size:.85rem}.auto-info{font-size:.75rem;margin-top:.4rem;line-height:1.4}label .auto-badge,label .toggle-badge,label .strompreis-default-btn{margin-left:auto}.auto-badge,.toggle-badge{font-size:.65rem;padding:.25rem .5rem}input[type=number],input[type=text]:not(.stepper-input){padding:.9rem 3.5rem .9rem 1rem;font-size:1.1rem;border-radius:12px;min-height:52px}.input-unit{font-size:.85rem;right:.85rem}.stepper-btn{width:48px;height:48px;min-width:48px;font-size:1.4rem}.stepper-input{font-size:1.1rem;padding:.85rem .5rem;min-height:52px}.speicher-stepper .input-unit{margin-left:-2.5rem}.result-grid{grid-template-columns:1fr 1fr;gap:.75rem}.result-card{padding:1rem}.result-label{font-size:.75rem}.result-value{font-size:1.15rem}.comparison-grid{grid-template-columns:1fr;gap:1rem}.comparison-box{padding:1.25rem}.comparison-title{font-size:.9rem}.comparison-value{font-size:1.75rem}.finance-grid,.finance-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.finance-item{padding:1rem;min-width:0;width:100%;box-sizing:border-box}.finance-label{font-size:.7rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.finance-value{font-size:1rem}.finance-title{font-size:.85rem}.finance-input-row{margin-bottom:1rem;padding-bottom:1rem}.finance-input-group{max-width:100%}.finance-input-group label{font-size:.8rem}.finance-input-group input{font-size:1rem;padding:.6rem 2rem .6rem .75rem}.finance-input-group .auto-info{font-size:.65rem}.status-banner{padding:1rem;font-size:.85rem}.formula-info{font-size:.75rem}.formula-info summary{font-size:.8rem}.footer{padding:1rem;font-size:.7rem}.strompreis-chart-container{padding:.75rem}.chart-legend{font-size:.65rem}.slider-container{padding:1rem;margin-top:.5rem}.price-slider{height:20px}.price-slider::-webkit-slider-thumb{width:36px;height:36px}.slider-labels{font-size:.7rem;margin-top:.6rem}.steigerung-badge{padding:.4rem .65rem;font-size:.95rem;min-width:58px}.zusatz-toggle-container.horizontal{flex-direction:column;gap:.75rem}.zusatz-toggle-item{padding:1rem}.zusatz-toggle-label{font-size:.9rem}.zusatz-toggle-price{font-size:.8rem}.crate-toggle-container{gap:.75rem;margin-top:.5rem}.crate-option{padding:1rem}.crate-value{font-size:1.1rem}.crate-label,.comparison-detail{font-size:.75rem}.comparison-value{font-size:1.6rem}.result-card{padding:.75rem}.result-label{font-size:.7rem}.result-value{font-size:1.1rem}.yearly-cost-table{font-size:.7rem}.yearly-cost-table th,.yearly-cost-table td{padding:.35rem .5rem}.strompreis-chart-container{padding:1rem}.strompreis-chart-title{font-size:.85rem}.chart-legend-item{font-size:.6rem;flex-wrap:nowrap;gap:.25rem}.legend-label{font-size:.6rem}.legend-separator{display:none}.legend-start,.legend-end,.legend-avg{font-size:.6rem}.chart-y-axis{min-width:55px;font-size:.6rem}.strompreis-chart-labels{font-size:.65rem}.laufzeit-btn{padding:.5rem .75rem;font-size:.75rem}.monthly-breakdown{padding:1rem}.breakdown-item-label{font-size:.75rem}.breakdown-item-value{font-size:.9rem}.stepper-btn{width:44px;height:44px;min-width:44px;font-size:1.3rem}.stepper-input{font-size:1.1rem;min-height:50px}.dachflaeche-row{flex-wrap:wrap;gap:.5rem}.dachflaeche-select{min-width:0;flex:1 1 45%}}@media(max-width:374px){.hero h1{font-size:1.1rem}.calculator-grid{grid-template-columns:1fr;gap:.75rem}.input-grid,.input-grid-3col{grid-template-columns:1fr}.input-group.double-width,.input-group.full-width{grid-column:span 1}.result-grid,.finance-grid,.finance-grid-4{grid-template-columns:1fr 1fr}.comparison-value{font-size:1.3rem}.zusatz-toggle-container.horizontal{flex-direction:column}}@media(max-width:768px){.vergleich-section{display:none!important}.calculator-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:600px){.tab-navigation{flex-direction:column;align-items:stretch;padding:0 1rem}.tab-btn{text-align:center;min-height:44px}.dachflaeche-summary{flex-direction:column;align-items:flex-start;gap:.3rem}}@media(max-width:500px){.energy-btn-group-3,.comparison-grid,.finance-grid{grid-template-columns:1fr}}@media(max-width:900px){.finance-grid{grid-template-columns:repeat(2,1fr)}.input-grid-3col{grid-template-columns:1fr 1fr}.vergleich-header,.vergleich-row{grid-template-columns:1fr;gap:.25rem}.vergleich-spalte.vergleich-label{background:var(--gray-200);text-align:center;border-radius:8px 8px 0 0;margin-top:.5rem}.vergleich-row:first-child .vergleich-spalte.vergleich-label{margin-top:0}.vergleich-header .vergleich-spalte.vergleich-label{display:none}.vergleich-spalte{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem}.vergleich-spalte:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:var(--gray-600)}.vergleich-header .vergleich-spalte:before{display:none}}