Proffee Flüssig-Entkalker • ersetzt Nivona NIRK 703 • 500 ml
Beschreibung
/* ===== CI – wasserfilter-depot.de (scoped) ===== */
.wfd-art{
--ci-primary:#ff8c00;
--ci-accent:#e67a00;
--ci-focus:#005d66;
--ci-surface-warm:#f8f5f2;
--ci-surface-neutral:#f4f4f2; /* technische Daten */
--ci-surface-accent:#fff2e0; /* Anwendung/Hinweise */
--ci-list-alt:#fff8f0;
--ci-text:#20214f;
--ci-text-inv:#ffffff;
--ci-border-accent:#ff8c00;
--ci-link:#0e1a2b;
--ci-gray:#555;
--ci-radius:.25rem;
--ci-stack:30px;
/* Kompat.-Header + Zebra laut aktueller WFD-CI */
--komp-header-bg:#ffa64d;
--komp-header-text:#0e1a2b;
--komp-zebra-a:#fffaf6;
--komp-zebra-b:#fff4ea;
/* FAQ Variante A */
--faq-gap:16px;
--faq-border:#e8e6e2;
}
/* Grundtypografie */
.wfd-art h2,.wfd-art h3,.wfd-art h4{color:var(--ci-text);margin:0 0 .6em;}
.wfd-art p{color:var(--ci-text);line-height:1.55;margin:.75em 0;}
.wfd-art a{color:var(--ci-link);text-decoration:underline;text-underline-offset:.12em;}
.wfd-art small{color:var(--ci-gray);}
/* Sprunglink */
.wfd-art .jump-link{
display:inline-block;margin:.35rem 0 0;font-weight:600;color:var(--ci-link);
text-decoration:underline;text-underline-offset:.15em;
}
.wfd-art .jump-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ci-primary) 45%, transparent);outline-offset:2px;border-radius:.2rem;}
.wfd-art .sem-underline{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em;}
/* 1) Vorteilskasten */
.wfd-art .vorteilslisterahmen{
margin:var(--ci-stack) 0;padding:20px;border-radius:var(--ci-radius);
border:2px solid var(--ci-border-accent);background:#fff;
}
.wfd-art .vorteilsliste{list-style:none;padding-left:0;margin:0;}
.wfd-art .vorteilsliste li{
position:relative;padding-left:28px;margin-bottom:12px;font-size:1rem;color:var(--ci-text);
}
.wfd-art .vorteilsliste li::before{
content:'✔';position:absolute;left:0;top:0;color:var(--ci-primary);font-weight:700;
}
/* 2) Faktenbox (Technik) */
.wfd-art .faktenbox,.wfd-art .lieferumfangbox{background:var(--ci-surface-neutral);padding:20px;border-radius:var(--ci-radius);margin-top:var(--ci-stack);}
.wfd-art .faktenbox ul{margin:0;padding-left:18px;}
.wfd-art .faktenbox li{margin-bottom:6px;}
/* 3) Anwendung */
.wfd-art .anwendungsbox{
background:var(--ci-surface-accent);padding:20px;border-radius:var(--ci-radius);
margin-top:var(--ci-stack);border:2px solid var(--ci-border-accent);
}
.wfd-art .anwendungsbox h3,.wfd-art .anwendungsbox h4{color:var(--ci-text);}
.wfd-art .callout-hinweis{
background:#fff;border-left:4px solid var(--ci-primary);color:var(--ci-text);
padding:14px 16px;border-radius:var(--ci-radius);margin:14px 0;
}
.wfd-art .callout-hinweis p{margin:0;}
/* 4) Kompatibilitätsbereich – Header flat + Zebra-Karten */
.wfd-art .geeignet{
background:var(--ci-surface-neutral);padding:20px;border-radius:var(--ci-radius);margin-top:var(--ci-stack);
}
.wfd-art .komp-header{
background:var(--komp-header-bg);color:var(--komp-header-text);padding:20px;border-radius:12px;
margin:0 0 12px;font-weight:700;
}
.wfd-art .kompatibilitaet{
background:#fff;padding:12px;border-radius:12px;
display:grid;gap:12px;
}
.wfd-art .kompatibilitaet > .komp-group{border-radius:12px;padding:16px 12px 12px;}
.wfd-art .kompatibilitaet > .komp-group:nth-of-type(odd){background:var(--komp-zebra-a);}
.wfd-art .kompatibilitaet > .komp-group:nth-of-type(even){background:var(--komp-zebra-b);}
.wfd-art .kompatibilitaet .group-title{
margin:6px 14px 12px;font-size:1.12rem;font-weight:700;color:var(--ci-text);font-style:italic;
}
.wfd-art .kompatibilitaet .komp-serie{padding:0 2px 10px;background:transparent;border-radius:0;}
.wfd-art .kompatibilitaet .komp-serie + .komp-serie{padding-top:8px;border-top:1px solid #efeae4;}
.wfd-art .kompatibilitaet .komp-serie h4{margin:0 0 6px 0;padding:0 12px;color:var(--ci-text);font-weight:700;}
.wfd-art .kompatibilitaet .komp-serie .modelle{padding:0 12px 0;line-height:1.55;word-break:break-word;}
/* 5) Klappbox (Zusammensetzung) */
.wfd-art .klappbox{margin:var(--ci-stack) 0;padding:20px;background:var(--ci-surface-neutral);border-radius:var(--ci-radius);}
.wfd-art .klappbox details{border:1px solid var(--ci-primary);border-radius:var(--ci-radius);padding:0;margin:0;background:#fff;}
.wfd-art .klappbox summary{
list-style:none;cursor:pointer;color:var(--ci-text);font-weight:700;font-size:1rem;padding:14px 48px 14px 16px;position:relative;
}
.wfd-art .klappbox summary::-webkit-details-marker{display:none;}
.wfd-art .klappbox summary::after{
content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);
width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
background:var(--ci-primary);color:#fff;font-weight:800;line-height:1;
}
.wfd-art .klappbox details[open] > summary::after{content:"–";}
.wfd-art .klappbox details>div{padding:0 16px 16px 16px;color:var(--ci-text);}
/* 6) Vergleichsbox */
.wfd-art .vergleichsbox{
background:#fff;bo