:root{--primaer:#0d4f5c;--primaer-dunkel:#08353e;--primaer-hell:#e3f0f2;--akzent:#f28c28;--akzent-dunkel:#d9731a;--text:#1c2629;--text-2:#4b5a5e;--text-3:#7a8a8e;--linie:#dce4e6;--flaeche:#fff;--seite:#eef3f4;--gut:#157a3d;--radius:12px;--schatten:0 1px 2px #10282e0f, 0 4px 16px #10282e0f;--breite:1200px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--seite);color:var(--text);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}img{max-width:100%;height:auto}a{color:var(--primaer)}h1,h2,h3{line-height:1.25}.wrap{max-width:var(--breite);margin:0 auto;padding:0 16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:#fff;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.hp{position:absolute;left:-5000px}.linkbutton{color:inherit;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.btn{background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:var(--akzent-dunkel)}.btn-klein{padding:8px 12px;font-size:14px}.btn-zweit{background:var(--primaer-hell);color:var(--primaer)}.btn-zweit:hover{background:#d3e7ea}.kopf-oben{background:var(--primaer);color:#fff}.kopf-zeile{align-items:center;gap:24px;min-height:64px;display:flex}.logo{color:#fff;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.logo-mark{background:var(--akzent);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.logo-text span{color:#ffc58d}.kopf-zeile .suche{flex:1;max-width:560px}.kopf-aktionen{gap:18px;margin-left:auto;display:flex}.kopf-link{color:#fff;opacity:.92;flex-direction:column;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.kopf-link:hover{opacity:1}.kat-leiste{border-bottom:1px solid var(--linie);background:#fff}.kat-leiste ul{scrollbar-width:none;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.kat-leiste a{color:var(--text);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:12px;font-size:14.5px;font-weight:550;text-decoration:none;display:flex}.kat-leiste a:hover{color:var(--primaer);border-bottom-color:var(--akzent)}.kat-leiste svg{color:var(--primaer)}.suche{box-shadow:0 0 0 1px var(--linie);background:#fff;border-radius:10px;display:flex;overflow:hidden}.suche input{min-width:0;font:inherit;color:var(--text);border:0;outline:none;flex:1;padding:14px 16px;font-size:17px}.suche button{background:var(--akzent);color:#fff;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;display:flex}.suche button:hover{background:var(--akzent-dunkel)}.suche-klein{box-shadow:none}.suche-klein input{padding:10px 14px;font-size:15px}.suche-klein button{padding:0 14px}.held{background:linear-gradient(180deg, var(--primaer) 0%, var(--primaer) 62%, var(--seite) 62%);padding:36px 0 8px}.held h1{color:#fff;letter-spacing:-.015em;margin:0 0 6px;font-size:clamp(26px,4vw,38px)}.held .unterzeile{color:#cfe5e9;margin:0 0 20px;font-size:17px}.held-karte{box-shadow:var(--schatten);background:#fff;border-radius:16px;padding:22px}.kacheln{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.kachel{border:1px solid var(--linie);min-height:108px;color:var(--text);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-weight:650;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.kachel:hover{border-color:var(--akzent);transform:translateY(-2px)}.kachel svg{color:var(--primaer)}.kachel small{color:var(--text-3);font-size:12.5px;font-weight:450}.vertrauen{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px auto 8px;display:grid}.vertrauen div{color:var(--text-2);align-items:center;gap:10px;font-size:14px;display:flex}.vertrauen svg{color:var(--gut);flex:none}.vertrauen b{color:var(--text);font-size:15px;display:block}.abschnitt{padding-top:28px;padding-bottom:28px}.abschnitt-kopf{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.abschnitt-kopf h2{margin:0;font-size:23px}.abschnitt-kopf a{white-space:nowrap;font-weight:600;text-decoration:none}.raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.box{border-radius:var(--radius);box-shadow:var(--schatten);background:#fff;padding:20px}.pkarte{border-radius:var(--radius);box-shadow:var(--schatten);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.pkarte-bild{aspect-ratio:4/3;border-bottom:1px solid var(--linie);background:#fff;place-items:center;display:grid;position:relative}.pkarte-bild img{object-fit:contain;width:100%;height:100%;padding:12px;position:absolute;inset:0}.bild-platzhalter{color:#b5c6ca}.pkarte-text{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.pkarte-text h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15.5px;display:-webkit-box;overflow:hidden}.pkarte-text h3 a{color:var(--text);text-decoration:none}.pkarte-text h3 a:hover{color:var(--primaer)}.pkarte .btn{margin-top:auto}.marke{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12.5px}.preis{color:var(--text);margin:0;font-size:20px;font-weight:750}.preis .ab{color:var(--text-2);font-size:13px;font-weight:500}.preis{white-space:nowrap}.anbieter{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.preis.kein{color:var(--text-3);font-size:14px;font-weight:500}.badge-beispiel{z-index:1;color:#7a5600;text-transform:uppercase;letter-spacing:.03em;background:#fff3cd;border:1px solid #f0d78c;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700;position:absolute;top:10px;left:10px}.artikel-karte{border-radius:var(--radius);box-shadow:var(--schatten);color:var(--text);background:#fff;flex-direction:column;gap:8px;padding:18px;text-decoration:none;display:flex}.artikel-karte h3{margin:0;font-size:17px}.artikel-karte p{color:var(--text-2);margin:0;font-size:14.5px}.artikel-karte .kat{color:var(--primaer);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:650}.leer{border:1px dashed var(--linie);border-radius:var(--radius);color:var(--text-2);text-align:center;background:#fff;padding:22px}.seitenkopf{border-bottom:1px solid var(--linie);background:#fff;padding:18px 0 22px}.seitenkopf h1{margin:6px 0;font-size:clamp(24px,3.4vw,32px)}.seitenkopf p.intro{color:var(--text-2);max-width:760px;margin:0}.krumen ol{color:var(--text-3);flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.krumen li+li:before{content:"›";margin-right:4px}.krumen a{color:var(--text-2);text-decoration:none}.krumen a:hover{text-decoration:underline}.unterkat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.unterkat a{box-shadow:var(--schatten);color:var(--text);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-weight:600;text-decoration:none;display:flex}.unterkat a:hover{color:var(--primaer);box-shadow:0 0 0 2px var(--akzent)}.unterkat small{color:var(--text-3);font-weight:450}.werkzeugleiste{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.werkzeugleiste p{color:var(--text-2);margin:0}.sortierung{flex-wrap:wrap;gap:6px;display:flex}.sortierung a{border:1px solid var(--linie);color:var(--text-2);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.sortierung a[aria-current=true]{background:var(--primaer);border-color:var(--primaer);color:#fff}.text-block{border-radius:var(--radius);box-shadow:var(--schatten);background:#fff;margin-top:24px;padding:24px 28px}.text-block h2{margin-top:0;font-size:20px}.rechtstext{max-width:860px}.rechtstext h1{font-size:30px}.rechtstext h2{margin-top:30px;font-size:20px}.rechtstext h3{margin-top:20px;font-size:17px}.rechtstext p,.rechtstext li{color:var(--text-2)}.stand{color:var(--text-3);font-size:14px}.fuss{background:var(--primaer-dunkel);color:#cfdfe2;margin-top:40px}.fuss a,.fuss .linkbutton{color:#cfdfe2;text-decoration:none}.fuss a:hover,.fuss .linkbutton:hover{color:#fff;text-decoration:underline}.fuss .linkbutton{text-decoration:none}.fuss-newsletter{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding-top:30px;padding-bottom:26px;display:grid}.fuss-newsletter h2{color:#fff;margin:0 0 4px;font-size:21px}.fuss-newsletter p{margin:0}.nl-form{grid-template-columns:1fr auto;gap:8px;display:grid}.nl-form input[type=email]{font:inherit;border:0;border-radius:8px;min-width:0;padding:12px 14px}.nl-form button{background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:0 18px;font-weight:700}.nl-hinweis{opacity:.85;grid-column:1/-1;margin:0;font-size:12.5px}.nl-hinweis a{text-decoration:underline!important}.nl-ok{color:#fff;background:#ffffff1a;border-radius:8px;margin:0;padding:12px 14px}.nl-fehler{color:#ffd2c2;grid-column:1/-1;margin:0}.fuss-spalten{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding-top:28px;padding-bottom:24px;display:grid}.fuss-spalten h3{color:#fff;margin:0 0 10px;font-size:15px}.fuss-spalten ul{gap:6px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.fuss-text{margin-top:12px;font-size:14px}.fuss-unten{color:#a9c0c4;border-top:1px solid #ffffff1f;padding:14px 0;font-size:12.5px}.fuss-unten p{margin:0}.cookie{z-index:40;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.cookie-inhalt{pointer-events:auto;width:100%;max-width:760px;color:var(--text-2);background:#fff;border-radius:14px;padding:16px 18px;font-size:14px;box-shadow:0 8px 40px #00000038}.cookie-titel{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:750}.cookie-inhalt p{margin:0 0 10px}.cookie-details{flex-wrap:wrap;gap:14px;margin:4px 0 12px;display:flex}.cookie-details label{color:var(--text);align-items:center;gap:6px;display:flex}.cookie-knoepfe{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cookie-knoepfe button{border:1px solid var(--primaer);color:var(--primaer);cursor:pointer;font-weight:650;font:inherit;background:#fff;border-radius:8px;padding:10px 8px;font-weight:650}.cookie-knoepfe button:last-child,.cookie-knoepfe button:first-child{background:var(--primaer);color:#fff}.cookie-knoepfe button:hover{filter:brightness(1.08)}@media (max-width:900px){.kacheln,.raster,.vertrauen{grid-template-columns:repeat(2,minmax(0,1fr))}.fuss-spalten{grid-template-columns:1fr 1fr}.fuss-newsletter{grid-template-columns:1fr}}@media (max-width:640px){.kopf-zeile{flex-wrap:wrap;gap:10px;padding:10px 16px}.kopf-zeile .suche{flex-basis:100%;order:3;max-width:none}.kopf-link span{display:none}.held-karte{padding:14px}.suche button span{display:none}.suche button{padding:0 16px}.cookie-knoepfe,.fuss-spalten{grid-template-columns:1fr}.text-block{padding:18px}}.hinweis-beispiel{color:#6b4b00;background:#fff3cd;border:1px solid #f0d78c;border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:14.5px}.produkt-oben{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.produkt-bild{aspect-ratio:4/3;background:#fff;place-items:center;display:grid;position:relative}.produkt-bild img{object-fit:contain;width:100%;height:100%;padding:16px;position:absolute;inset:0}.produkt-info h1{margin:2px 0 8px;font-size:clamp(22px,3vw,30px)}.produkt-info .intro{color:var(--text-2);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 14px;display:-webkit-box;overflow:hidden}.bestpreis{gap:6px;margin-bottom:16px;display:grid}.bestpreis .preis{font-size:30px}.bestpreis .btn{justify-self:start}.klein{color:var(--text-3);margin:6px 0 0;font-size:13px}.eckdaten{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.eckdaten div{box-shadow:var(--schatten);background:#fff;border-radius:10px;padding:10px 12px}.eckdaten dt{color:var(--text-3);font-size:12.5px}.eckdaten dd{margin:0;font-weight:650}table.angebote,table.vergleich{border-collapse:collapse;border-radius:var(--radius);width:100%;box-shadow:var(--schatten);background:#fff;overflow:hidden}.angebote th,.angebote td,.vergleich th,.vergleich td{border-bottom:1px solid var(--linie);text-align:left;vertical-align:middle;padding:12px 14px;font-size:15px}.angebote thead th,.vergleich thead th{background:var(--primaer-hell);color:var(--primaer-dunkel);font-size:14px}.angebote .r,.vergleich .r{text-align:right}.vergleich tbody th{color:var(--text-2);background:#fafcfc;width:180px;font-weight:600}.tabelle-scroll{overflow-x:auto}.vergleich{min-width:640px}.anzeige{color:var(--text-2);text-transform:uppercase;background:#eef1f2;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:700}@media (max-width:760px){.produkt-oben{grid-template-columns:1fr}}.sterne{letter-spacing:1px;font-family:system-ui,sans-serif;line-height:1;display:inline-block;position:relative}.sterne-leer{color:#d9dee0}.sterne-voll{white-space:nowrap;color:#f5a623;position:absolute;top:0;left:0;overflow:hidden}.hbewertung{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.hbewertung:hover .hbewertung-text{text-decoration:underline}.hbewertung b{color:var(--text)}.angebote td .hbewertung{margin-top:4px;display:flex}.haendler-kopf{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.haendler-rating{border-radius:var(--radius);box-shadow:var(--schatten);background:#fff;align-items:center;gap:14px;padding:16px 20px;display:flex}.haendler-rating .gross{font-size:40px;font-weight:800;line-height:1}.formular-box{max-width:520px;margin:0 auto}.formular{gap:14px;display:grid}.formular label{gap:6px;font-size:14.5px;font-weight:600;display:grid}.formular input:not([type=checkbox]),.formular textarea,.formular select{font:inherit;border:1px solid var(--linie);background:#fff;border-radius:8px;padding:11px 12px;font-weight:400}.formular input:focus,.formular textarea:focus{outline:2px solid var(--akzent);border-color:#0000}.formular .haken{align-items:flex-start;gap:8px;font-weight:400;display:flex}.formular .btn{justify-self:start}.meldung{border-radius:8px;margin:0;padding:12px 14px}.meldung.fehler{color:#8a1c13;background:#fdecea}.meldung.ok{color:#155c30;background:#e7f5ec}.kommentare ul{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.kommentar{box-shadow:var(--schatten);background:#fff;border-radius:10px;padding:14px 16px}.kommentar p{margin:0}.kommentar-kopf{color:var(--text-3);font-size:13.5px;margin-bottom:4px!important}.raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}.h3{margin:0;font-size:17px}.artikel{max-width:860px;margin:0 auto}.artikel h1{margin:4px 0 6px;font-size:clamp(26px,3.6vw,36px)}.artikel .kat{color:var(--primaer);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:650}.artikel-bild{border-radius:12px;width:100%;height:auto;margin:16px 0}.artikel-text{font-size:17px;line-height:1.7}.artikel-text h2{margin-top:32px}@media (max-width:900px){.raster-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.raster-3{grid-template-columns:1fr}}.angebote td small{white-space:nowrap}@media (max-width:640px){.angebote th,.angebote td{padding:10px 8px;font-size:14px}.angebote .btn-klein{white-space:nowrap;padding:8px 10px}.angebote .hbewertung-text{display:none}}.kontakt-raster{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.kontakt-info p{color:var(--text-2);font-size:15px}.art-wahl{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.art-wahl legend{margin-bottom:6px;font-size:14.5px;font-weight:600}.art-wahl label{border:1px solid var(--linie);cursor:pointer;border-radius:10px;gap:2px;padding:10px 12px;font-weight:400;display:grid}.art-wahl label.aktiv{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent);background:#fff8f1}.art-wahl input{opacity:0;pointer-events:none;position:absolute}.art-wahl small{color:var(--text-3);font-size:12.5px}.zwei{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (max-width:760px){.kontakt-raster,.art-wahl,.zwei{grid-template-columns:1fr}}.aktion{border-radius:var(--radius);box-shadow:var(--schatten);background:#fff;flex-direction:column;display:flex;overflow:hidden}.aktion-bild{aspect-ratio:16/10;border-bottom:1px solid var(--linie);background:#fff;display:block;position:relative}.aktion-bild img{object-fit:contain;width:100%;height:100%;padding:10px;position:absolute;inset:0}.aktion-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#d93025;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.aktion-text{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.aktion-text h3{margin:0;font-size:16px}.aktion-text h3 a{color:var(--text);text-decoration:none}.aktion-text p{color:var(--text-2);margin:0;font-size:14px}.knopfzeile{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px;display:flex}@media (max-width:640px){.raster.aktionen{grid-template-columns:1fr}}.admin{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-menue{border-radius:var(--radius);box-shadow:var(--schatten);background:#fff;gap:10px;padding:14px;display:grid;position:sticky;top:12px}.admin-menue nav{gap:2px;display:grid}.admin-menue nav a{color:var(--text);border-radius:8px;padding:8px 10px;font-weight:550;text-decoration:none}.admin-menue nav a:hover{background:var(--primaer-hell)}.admin-inhalt h1{margin-top:0;font-size:26px}.admin-kacheln{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-kachel{border-radius:var(--radius);box-shadow:var(--schatten);color:var(--text-2);background:#fff;gap:4px;padding:14px 16px;font-size:13.5px;text-decoration:none;display:grid}.admin-kachel b{color:var(--text);font-size:26px}.admin-zwei{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.admin-tabelle table,.admin-liste{border-collapse:collapse;width:100%;font-size:14px}.admin-tabelle td,.admin-liste td,.admin-liste th{border-bottom:1px solid var(--linie);text-align:left;vertical-align:top;padding:7px 8px}.admin-liste th{color:var(--text-2);font-size:13px}.admin-tabelle .r,.admin-liste .r{text-align:right;position:relative}.balken{background:var(--primaer-hell);z-index:0;border-radius:4px;position:absolute;top:4px;bottom:4px;right:0}.admin-tabelle .r b{z-index:1;padding-right:6px;position:relative}.tagesbalken{align-items:flex-end;gap:3px;height:160px;padding-top:10px;display:flex}.tagesbalken div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.tagesbalken span{background:var(--primaer);border-radius:3px 3px 0 0;width:100%;min-height:2px}.tagesbalken small{color:var(--text-3);writing-mode:vertical-rl;margin-top:4px;font-size:9px;transform:rotate(180deg)}.admin-suche{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.admin-suche input,.admin-suche select,.inline-form input{font:inherit;border:1px solid var(--linie);border-radius:8px;padding:8px 10px}.inline-form{gap:6px;display:flex}.status-gruen{color:var(--gut);font-weight:600}.status-rot{color:#b3261e;font-weight:600}.admin-kommentar,.admin-kategorie{margin-bottom:10px}.admin-kategorie summary{cursor:pointer}.admin-katform{border-top:1px solid var(--linie);margin-top:12px;padding-top:12px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}@media (max-width:900px){.admin,.admin-zwei{grid-template-columns:1fr}.admin-menue{position:static}}.hinweis-recht{border-left:4px solid var(--primaer);background:#f3f6f7;border-radius:8px;margin-top:28px;padding:12px 16px;font-size:15px}.quellen{font-size:14.5px}.quellen li{word-break:break-word;margin:4px 0}.artikel-text ul{padding-left:22px}.artikel-text li{margin:4px 0}html,body{overflow-x:clip}
