@import "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9fafb;--bg-card:#fff;--bg-card2:#f3f4f6;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--text-muted2:#9ca3af;--accent:#f59e0b;--accent-hover:#d97706;--badge-bg:#fef3c7;--badge-text:#92400e;--top-bg:#fffbeb;--top-border:#fcd34d;--expert-bg:#eff6ff;--expert-border:#bfdbfe;--expert-text:#1d4ed8;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000012}.dark{--bg:#0f172a;--bg-card:#1e293b;--bg-card2:#273549;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--text-muted2:#64748b;--accent:#fbbf24;--accent-hover:#f59e0b;--badge-bg:#451a03;--badge-text:#fcd34d;--top-bg:#1c1300;--top-border:#92400e;--expert-bg:#0f172a;--expert-border:#1e3a5f;--expert-text:#93c5fd;--shadow:0 1px 3px #0006;--shadow-md:0 4px 6px #0000004d}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:General Sans,system-ui,sans-serif;font-size:15px;line-height:1.5;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.header{border-bottom:1px solid var(--border);background:var(--bg-card);z-index:50;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:.5rem;max-width:800px;height:56px;margin:0 auto;padding:0 1rem;display:flex}.logo{color:var(--text);align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;display:flex}.logo-sun{color:var(--accent);font-size:1.2rem}.header-controls{align-items:center;gap:.5rem;display:flex}.lang-select{background:var(--bg-card2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:.3rem .5rem;font-family:inherit;font-size:.8rem}.icon-btn{background:var(--bg-card2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;padding:.3rem .55rem;font-size:1rem;transition:background .15s;display:flex}.icon-btn:hover{background:var(--border);color:var(--text)}.main{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.hero{margin-bottom:2rem}.hero h1{margin-bottom:.4rem;font-size:1.7rem;font-weight:700;line-height:1.2}.hero p{color:var(--text-muted);font-size:.95rem}.config-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:2rem;padding:1.4rem}.config-header-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.2rem;display:flex}.config-title{color:var(--text);font-size:1rem;font-weight:600}.expert-toggle-btn{background:var(--expert-bg);border:1px solid var(--expert-border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .7rem .28rem .55rem;font-family:inherit;transition:background .15s;display:flex}.expert-toggle-btn:hover{background:var(--expert-border)}.expert-toggle-icon{font-size:.85rem}.expert-toggle-text{color:var(--expert-text);font-size:.78rem;font-weight:600}.toggle-switch-sm{background:var(--border);border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.toggle-switch-sm.on{background:var(--accent)}.toggle-knob-sm{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle-switch-sm.on .toggle-knob-sm{transform:translate(14px)}.config-grid{gap:1.2rem;display:grid}.field-label{color:var(--text);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.location-row{align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.location-flag{font-size:1rem}.location-name{color:var(--text-muted);font-weight:500}.change-link{color:var(--text-muted2);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;text-decoration:underline}.change-link:hover{color:var(--text-muted)}.select-row{flex-wrap:wrap;gap:.5rem;display:flex}.select-pill{border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:999px;padding:.28rem .85rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s}.select-pill.active{border-color:var(--accent);background:var(--badge-bg);color:var(--badge-text);font-weight:600}.select-pill:hover:not(.active){border-color:var(--text-muted2);color:var(--text)}.compass-tilt-row{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.compass-wrapper{flex-shrink:0}.compass-rose{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:4px;display:grid}.compass-btn{border:1.5px solid var(--border);cursor:pointer;background:var(--bg-card2);color:var(--text-muted);letter-spacing:.02em;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.compass-btn.active{border-color:var(--accent);background:var(--badge-bg);color:var(--badge-text)}.compass-btn:hover:not(.active){border-color:var(--text-muted2);color:var(--text);background:var(--bg-card)}.compass-center{background:var(--bg-card);border:1.5px solid var(--border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.compass-sun{font-size:1rem;line-height:1}.compass-selected-label{color:var(--badge-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:44px;font-size:.6rem;font-weight:700;line-height:1;overflow:hidden}.tilt-section{flex-direction:column;flex:1;gap:.4rem;min-width:120px;padding-top:.6rem;display:flex}.tilt-label{color:var(--text);font-size:.9rem;font-weight:700}.tilt-endpoints{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.range-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000040}.range-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px}.yield-hint{color:var(--text-muted);background:var(--bg-card2);border-radius:8px;padding:.3rem .6rem;font-size:.8rem}.expert-fields{background:var(--expert-bg);border:1px solid var(--expert-border);border-radius:12px;gap:1rem;padding:1rem;display:grid}.expert-field-label{color:var(--expert-text);margin-bottom:.25rem;font-size:.85rem;font-weight:700}.expert-field-desc{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem}.number-input{border:1.5px solid var(--border);background:var(--bg-card);width:110px;color:var(--text);border-radius:8px;outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.9rem}.number-input:focus{border-color:var(--accent)}.battery-options{flex-wrap:wrap;gap:.5rem;display:flex}.battery-option{border:1.5px solid var(--border);cursor:pointer;background:var(--bg-card);color:var(--text-muted);border-radius:8px;flex-direction:column;align-items:center;padding:.35rem .75rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.battery-option.active{border-color:var(--accent);background:var(--badge-bg);color:var(--badge-text);font-weight:600}.battery-price{color:var(--text-muted2);margin-top:1px;font-size:.7rem}.battery-option.active .battery-price{color:var(--badge-text);opacity:.7}.subsidy-box{background:var(--expert-bg);border:1px solid var(--expert-border);border-radius:12px;padding:.9rem 1.1rem}.subsidy-title{color:var(--expert-text);margin-bottom:.4rem;font-size:.88rem;font-weight:700}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:1rem;display:flex}.results-title{font-size:1rem;font-weight:600}.results-count{color:var(--text-muted);font-size:.82rem}.product-grid{gap:1rem;display:grid}.product-card{background:var(--bg-card);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1.2rem;transition:box-shadow .2s}.product-card:hover{box-shadow:var(--shadow-md)}.product-card.top{border-color:var(--top-border);background:var(--top-bg)}.top-badge{background:var(--badge-bg);color:var(--badge-text);border-radius:999px;align-items:center;gap:.3rem;margin-bottom:.6rem;padding:.2rem .6rem;font-size:.73rem;font-weight:700;display:inline-flex}.product-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.7rem;display:flex}.product-name{font-size:1rem;font-weight:700}.product-brand{color:var(--text-muted);margin-top:.1rem;font-size:.8rem}.product-right{text-align:right;flex-shrink:0}.product-price{font-size:1.1rem;font-weight:700}.product-price-extra{color:var(--text-muted);font-size:.76rem}.product-specs{flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem;display:flex}.spec-pill{background:var(--bg-card2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.2rem .6rem;font-size:.79rem;font-weight:500}.included-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem;display:flex}.included-badge{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:.18rem .55rem;font-size:.76rem;font-weight:600}.dark .included-badge{color:#86efac;background:#14532d;border-color:#166534}.product-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.7rem;display:grid}.stat{background:var(--bg-card2);border-radius:10px;padding:.55rem .75rem}.stat-label{color:var(--text-muted);margin-bottom:.15rem;font-size:.76rem;font-weight:500}.stat-value{color:var(--text);font-size:.98rem;font-weight:700}.stat-value.big{font-size:1.25rem}.stat-value.highlight{color:var(--accent)}.profit-co2-row{background:var(--bg-card2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem;padding:.55rem .75rem;font-size:.85rem;display:flex}.profit-main{color:#16a34a;white-space:nowrap;font-weight:700}.co2-label{color:var(--text-muted);white-space:nowrap;text-align:right;font-size:.82rem}.card-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem;display:flex}.product-features{flex-wrap:wrap;flex:1;gap:.4rem;display:flex}.feature-tag{background:var(--bg-card2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.2rem .6rem;font-size:.79rem;font-weight:500}.amazon-area{text-align:right;flex-shrink:0}.amazon-btn{background:var(--accent);color:#1a0a00;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.amazon-btn:hover{background:var(--accent-hover)}.ad-notice{color:var(--text-muted2);margin-top:.3rem;font-size:.75rem}.disclaimer{color:var(--text-muted);margin-top:1.5rem;font-size:.81rem;line-height:1.6}.no-results{text-align:center;color:var(--text-muted);padding:3rem 1rem}.no-results h3{margin-bottom:.5rem;font-size:1rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.82rem}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--text)}.impressum-main{max-width:700px;margin:0 auto;padding:2rem 1rem 4rem}.impressum-section{margin-bottom:2.5rem}.impressum-section h1{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.impressum-section h2{border-bottom:1px solid var(--border);margin-bottom:.8rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}.impressum-section p{color:var(--text-muted);margin-bottom:.6rem;font-size:.88rem;line-height:1.7}.impressum-section p.bold{color:var(--text);margin-bottom:.2rem;font-weight:600}@media (width<=540px){.hero h1{font-size:1.35rem}.compass-rose{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px)}.compass-tilt-row{gap:1rem}.profit-co2-row{flex-direction:column;gap:.3rem}.co2-label{text-align:left}.card-footer-row{flex-direction:column;align-items:flex-start}.amazon-area{text-align:left;width:100%}}