/* Preis-Check im hellen Stil · erzeugt aus dem CSS von /js/pe-preis-check.js (nur Farben und Formen, keine Logik).
   Dank der ID „pe-preis-check-css“ am <link> setzt das Live-Skript sein dunkles CSS nicht zusätzlich. */
.pepc{--pepc-bg:#fff;--pepc-line:rgba(14,26,18,.12);--pepc-txt:#0E1A12;--pepc-mut:#5A665F;--pepc-gr:#1E7A1A;--pepc-go:#1E7A1A;max-width:720px;margin:0 auto;scroll-margin-top:90px;text-align:left;color:var(--pepc-txt);background:var(--pepc-bg);border:1px solid var(--pepc-line);border-radius:18px;padding:20px 16px 18px;font-size:16px;line-height:1.5;box-sizing:border-box}
.pepc *{box-sizing:border-box}
.pepc-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 12px}
.pepc-titel{font-size:19px;font-weight:800;margin:0;color:var(--pepc-txt)}
.pepc-sub{font-size:13px;color:var(--pepc-mut);margin:0}
.pepc fieldset{border:0;margin:0;padding:0;min-width:0}
.pepc legend{display:block;width:100%;padding:0;margin:0 0 10px;color:var(--pepc-txt)}
.pepc-frage{display:block;font-size:17px;font-weight:800}
.pepc [hidden]{display:none!important}
.pepc fieldset:focus{outline:none}
.pepc-fort{display:block;font-size:12.5px;font-weight:400;color:var(--pepc-mut);margin:0 0 6px}
.pepc-balken{display:block;height:4px;border-radius:4px;background:rgba(14,26,18,.07);margin:0 0 12px;overflow:hidden}
.pepc-balken i{display:block;height:100%;background:var(--pepc-gr);width:0}
.pepc-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pepc-opt{position:relative}
.pepc-opt.breit{grid-column:1/-1}
.pepc-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pepc-opt label{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:10px 34px 10px 12px;border:1px solid rgba(14,26,18,.16);border-radius:12px;background:rgba(14,26,18,.03);cursor:pointer;font-weight:700;font-size:15px;line-height:1.3;color:var(--pepc-txt)}
.pepc-opt label small{display:block;font-weight:400;font-size:12.5px;color:var(--pepc-mut);margin-top:2px}
.pepc-opt input:checked+label{border-color:var(--pepc-gr);background:rgba(95,190,62,.14)}
.pepc-opt input:checked+label:after{content:"\2713";position:absolute;right:12px;top:50%;margin-top:-11px;font-weight:900;color:var(--pepc-gr)}
.pepc-opt input:focus-visible+label{outline:3px solid var(--pepc-go);outline-offset:2px}
.pepc-hinweis{font-size:13px;color:var(--pepc-mut);margin:10px 0 0}
.pepc-nav{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:14px}
.pepc button{font-family:inherit}
.pepc-btn:disabled{opacity:.45;cursor:not-allowed}
.pepc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none;border:1px solid transparent;text-align:center}
.pepc-btn:focus-visible{outline:3px solid var(--pepc-go);outline-offset:2px}
.pepc-btn.voll{background:linear-gradient(135deg,var(--pepc-go),var(--pepc-gr));color:#0A1820}
.pepc-btn.rand{background:transparent;border-color:rgba(14,26,18,.25);color:var(--pepc-txt)}
.pepc-btn.grn{background:var(--pepc-gr);color:#06140A}
.pepc-btn.leise{background:transparent;border:0;color:var(--pepc-mut);text-decoration:underline;padding:10px 6px}
.pepc-seg{margin:0 0 14px}
.pepc-segw{display:flex;flex-wrap:wrap;gap:6px}
.pepc-seg legend{font-size:13px;font-weight:700;color:var(--pepc-mut);margin:0 0 6px}
.pepc-seg .pepc-opt label{min-height:40px;padding:6px 30px 6px 10px;font-size:13.5px}
.pepc-erg h3{font-size:14px;font-weight:700;color:var(--pepc-mut);margin:0 0 4px;letter-spacing:.02em}
.pepc-erg h3:focus{outline:none}
.pepc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.pepc-chips button{min-height:34px;padding:4px 10px;border-radius:999px;border:1px solid rgba(14,26,18,.18);background:rgba(14,26,18,.04);color:var(--pepc-txt);font-size:13px;cursor:pointer}
.pepc-chips button:focus-visible{outline:3px solid var(--pepc-go);outline-offset:2px}
.pepc-preis{font-size:clamp(30px,8vw,42px);font-weight:900;line-height:1.1;color:var(--pepc-go);margin:2px 0 2px;white-space:nowrap}
.pepc-inkl{font-size:13.5px;color:var(--pepc-txt);margin:0 0 12px}
.pepc-rahmen{margin:0 0 14px}
.pepc-rahmen p{font-size:13px;color:var(--pepc-mut);margin:0 0 6px}
.pepc-skala{position:relative;height:10px;border-radius:6px;background:rgba(14,26,18,.09)}
.pepc-skala i{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--pepc-gr)}
.pepc-liste{margin:0 0 12px;padding:0;list-style:none;font-size:14px}
.pepc-liste li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(14,26,18,.07)}
.pepc-box{border:1px solid rgba(30,122,26,.28);background:#EEF5D3;border-radius:12px;padding:12px 14px;margin:0 0 12px;font-size:14px}
.pepc-box b{color:var(--pepc-txt)}
.pepc-klein{font-size:12.5px;color:var(--pepc-mut);margin:8px 0 0}
.pepc-klein a,.pepc-box a,.pepc-hinweis a{color:var(--pepc-gr);font-weight:700}
.pepc-ersatz a{color:#1E7A1A;font-weight:700}
.pepc-ctas{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 6px}
.pepc-tab{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 10px}
.pepc-tab th,.pepc-tab td{padding:7px 4px;border-bottom:1px solid rgba(14,26,18,.07);text-align:left;font-weight:400}
.pepc-tab td{text-align:right;white-space:nowrap;font-weight:700}
.pepc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pepc-ersatz{max-width:720px;margin:0 auto;text-align:left;color:#0E1A12;background:#fff;border:1px solid rgba(14,26,18,.12);border-radius:18px;padding:18px 16px;font-size:15px;line-height:1.55}
.pepc-ersatz p{margin:0 0 8px}
.pepc-ersatz ul{margin:0 0 10px;padding-left:18px}
.pepc-ersatz li{margin:0 0 4px}
@media(min-width:620px){.pepc{padding:26px 26px 22px}
.pepc-ctas{grid-template-columns:1fr 1fr}
.pepc-ctas .pepc-btn:first-child{grid-column:1/-1}
}
@media(max-width:359px){.pepc-opts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:no-preference){.pepc-balken i{transition:width .25s}
.pepc-schritt{animation:pepcIn .18s ease-out}
@keyframes pepcIn{from{opacity:.4;transform:translateY(4px)}
to{opacity:1;transform:none}
}
}
@media (scripting:enabled){#pe-preis-check[data-seite="start"]{min-height:780px}
#pe-preis-check[data-seite="kosten"]{min-height:780px}
#pe-preis-check[data-seite="preisrechner"]{min-height:780px}
#pe-preis-check[data-seite="privat"]{min-height:780px}
#pe-preis-check[data-seite="haushalt"]{min-height:705px}
#pe-preis-check[data-seite="wohnung"]{min-height:705px}
#pe-preis-check[data-seite="ads-haushalt"]{min-height:670px}
#pe-preis-check[data-seite="ads-wohnung"]{min-height:670px}
#pe-preis-check[data-seite="ads-entruempelung"]{min-height:670px}
#pe-preis-check[data-seite="haus"]{min-height:575px}
#pe-preis-check[data-seite="keller"]{min-height:550px}
#pe-preis-check[data-seite="dachboden"]{min-height:550px}
}
@media (scripting:enabled) and (min-width:620px){#pe-preis-check[data-seite="start"]{min-height:685px}
#pe-preis-check[data-seite="kosten"]{min-height:685px}
#pe-preis-check[data-seite="preisrechner"]{min-height:685px}
#pe-preis-check[data-seite="privat"]{min-height:685px}
#pe-preis-check[data-seite="haushalt"]{min-height:615px}
#pe-preis-check[data-seite="wohnung"]{min-height:615px}
#pe-preis-check[data-seite="ads-haushalt"]{min-height:615px}
#pe-preis-check[data-seite="ads-wohnung"]{min-height:615px}
#pe-preis-check[data-seite="ads-entruempelung"]{min-height:615px}
#pe-preis-check[data-seite="haus"]{min-height:390px}
#pe-preis-check[data-seite="keller"]{min-height:380px}
#pe-preis-check[data-seite="dachboden"]{min-height:380px}
}
#pe-preis-check[data-pepc-frei]{min-height:0!important}

/* --- Feinschliff „Weißer Raum“ (nur diese Seite) --- */
.pepc{border:0;border-radius:22px;padding:22px 18px 18px;font-family:inherit;box-shadow:none;background:transparent}
.pepc-titel{font-family:"Host Grotesk",ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;font-size:21px}
.pepc-frage{font-family:"Host Grotesk",ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.015em;font-size:18px}
.pepc-opt label{background:#fff;border:1.5px solid rgba(14,26,18,.16);border-radius:14px;font-weight:600;transition:border-color .25s,background-color .25s}
.pepc-opt label:hover{border-color:#0E1A12}
.pepc-opt input:checked+label{border-color:#1E7A1A;background:#EEF5D3}
.pepc-opt input:checked+label:after{color:#1E7A1A}
.pepc-opt input:focus-visible+label,.pepc-btn:focus-visible,.pepc-chips button:focus-visible{outline:3px solid #1E7A1A;outline-offset:2px}
.pepc-balken{background:rgba(14,26,18,.08)}
.pepc-balken i,.pepc-skala i{background:#C8F53A}
.pepc-btn{border-radius:999px;font-weight:650;min-height:50px}
.pepc-btn.voll{background:#0E1A12;color:#fff}
.pepc-btn.voll:hover{background:#1B2B20}
.pepc-btn.grn{background:#C8F53A;color:#0E1A12}
.pepc-btn.grn:hover{background:#D8FC67}
.pepc-btn.rand{border:1.5px solid #0E1A12;color:#0E1A12}
.pepc-btn.rand:hover{background:#0E1A12;color:#fff}
.pepc-btn.leise{color:#44514A}
.pepc-preis{color:#0E1A12;font-family:"Host Grotesk",ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pepc-box{border-radius:14px}
.pepc-chips button{background:#fff;border:1.5px solid rgba(14,26,18,.16);color:#0E1A12}
.pepc-chips button:hover{border-color:#0E1A12}
.pepc-ersatz{border-radius:22px}
@media(min-width:620px){.pepc{padding:26px 24px 22px}}