:root{--primary: #0284c7;--primary-dark: #0369a1;--primary-hell: #e0f2fe;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--gruen: #16a34a;--bernstein: #b45309;--bernstein-hell: #fef3c7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;display:flex;flex-direction:column}#app{flex:1;width:100%;max-width:520px;margin:0 auto;padding:24px 16px 48px}#app.breit{max-width:860px}.site-footer{border-top:1px solid var(--border);background:var(--card);padding:20px 16px;text-align:center;font-size:.78rem;color:var(--muted)}.site-footer nav{margin-top:8px}.site-footer a{color:var(--muted);margin:0 6px}h1{font-size:1.8rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}h2{font-size:1.25rem;margin:0 0 8px}.untertitel{color:var(--muted);font-size:1.05rem;margin:0 0 32px}.start{text-align:center;padding-top:8vh}.start .icon{width:88px;height:88px;background:var(--primary-hell);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:2.5rem}.mieter-hinweis{display:flex;gap:10px;text-align:left;background:var(--primary-hell);border-radius:12px;padding:14px 16px;font-size:.9rem;margin-top:24px}.check-hinweis{font-size:.82rem;color:var(--muted);margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;background:var(--primary);color:#fff;border:none;border-radius:12px;min-height:54px;padding:12px 24px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none}.btn:hover{background:var(--primary-dark)}.btn.sekundaer{background:transparent;color:var(--muted);min-height:40px;font-size:.9rem;font-weight:500}.btn.sekundaer:hover{color:var(--text);background:transparent}.fortschritt{height:6px;background:var(--border);border-radius:3px;margin-bottom:28px;overflow:hidden}.fortschritt>div{height:100%;background:var(--primary);border-radius:3px;transition:width .25s ease}.frage h2{font-size:1.4rem;margin-bottom:4px}.frage .hilfe{color:var(--muted);font-size:.92rem;margin:0 0 20px}.optionen{display:flex;flex-direction:column;gap:10px}.option{display:block;width:100%;background:var(--card);border:2px solid var(--border);border-radius:12px;padding:14px 16px;font-size:1rem;text-align:left;cursor:pointer;transition:border-color .12s,background .12s;font-family:inherit;color:var(--text)}.option:hover{border-color:var(--primary)}.option.gewaehlt{border-color:var(--primary);background:var(--primary-hell)}.option .beschreibung{display:block;font-size:.83rem;color:var(--muted);margin-top:2px}.optionen.raster{flex-direction:row;flex-wrap:wrap}.optionen.raster .option{flex:1 1 28%;text-align:center}.eingabe-zeile{display:flex;gap:10px;margin-top:14px;align-items:center}.eingabe-zeile input{flex:1;border:2px solid var(--border);border-radius:12px;padding:12px 14px;font-size:1rem;font-family:inherit}.eingabe-zeile input:focus{outline:none;border-color:var(--primary)}.janein{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px}.janein .schalter{display:flex;gap:8px}.janein .schalter button{border:2px solid var(--border);background:var(--card);border-radius:10px;padding:8px 18px;font-size:.95rem;cursor:pointer;font-family:inherit}.janein .schalter button.gewaehlt{border-color:var(--primary);background:var(--primary-hell);font-weight:600}.nav-zeile{display:flex;gap:10px;margin-top:24px}.hinweis-karte{background:var(--bernstein-hell);border:1px solid #fcd34d;border-radius:12px;padding:16px;margin-bottom:20px;color:var(--bernstein);font-size:.95rem}.produkt-karte{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.produkt-karte .kopf{display:flex;gap:16px}.produkt-karte img{width:96px;height:96px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:10px}.produkt-karte .badge{display:inline-block;background:var(--primary-hell);color:var(--primary-dark);border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700;margin-bottom:6px}.produkt-karte h3{margin:0 0 6px;font-size:1rem;line-height:1.35}.preis{font-size:1.5rem;font-weight:700}.preis-stand{font-size:.78rem;color:var(--muted)}.sterne{color:#d97706;font-size:.9rem}.fakten{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.fakt{font-size:.78rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 10px;color:var(--muted)}.begruendung{margin:10px 0 14px;padding-left:18px;font-size:.9rem}.begruendung li{margin-bottom:4px}.karten-fuss{display:flex;gap:10px;align-items:center}.karten-fuss .btn{flex:1}.affiliate-stern{font-size:.75rem;color:var(--muted);margin-top:10px}.vergleich{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px;margin:24px 0}.vergleich table{border-collapse:collapse;width:100%;font-size:.85rem}.vergleich th,.vergleich td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}.vergleich tr:last-child td,.vergleich tr:last-child th{border-bottom:none}.vergleich thead th{color:var(--muted);font-weight:600;font-size:.78rem}.abschnitt-titel{margin-top:32px}.laden{text-align:center;padding-top:15vh;color:var(--muted)}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 16px;animation:drehen .8s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}@media(max-width:480px){h1{font-size:1.5rem}.produkt-karte .kopf{flex-direction:column}}