DeLonghi Entkalker EcoDecalk DLSC500 • 500ml
Beschreibung
/* ===== CI – wasserfilter-depot.de (scoped .wfd-art) ===== */
.wfd-art{
--ci-primary:#ff8c00;
--ci-accent:#e67a00;
--ci-focus:#005d66;
--ci-surface-warm:#f8f5f2;
--ci-surface-neutral:#f4f4f2;
--ci-surface-accent:#fff2e0;
--ci-text:#20214f;
--ci-text-inverse:#ffffff;
--ci-text-strong:#20214f;
--ci-gray:#555;
--ci-link:#0e1a2b;
--ci-border-accent:#ff8c00;
--ci-radius:.25rem;
--ci-stack:30px;
font-family: Arial, Helvetica, sans-serif;
}
/* Typografie scoped */
.wfd-art h2,
.wfd-art h3,
.wfd-art h4,
.wfd-art h5{
color: var(--ci-text);
margin:0 0 12px 0;
line-height:1.25;
}
.wfd-art p{
color: var(--ci-text);
line-height:1.6;
margin:0 0 14px 0;
}
.wfd-art li{
color: var(--ci-text);
line-height:1.6;
}
.wfd-art a{
color: var(--ci-link);
text-decoration: underline;
}
/* Grundlayout */
.wfd-art .wfd-main{
outline: none;
}
/* Vorteilskasten (WFD) */
.wfd-art .vorteilslisterahmen{
margin: 10px 0px;
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;
}
.wfd-art .vorteilsliste li::before{
content:'✔';
position:absolute;
left:0;
top:0;
color: var(--ci-primary);
font-weight:700;
}
/* Standard-Boxen WFD */
.wfd-art .faktenbox,
.wfd-art .lieferumfangbox,
.wfd-art .geeignet{
background: var(--ci-surface-neutral);
padding:20px;
border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
}
/* Anwendung: WFD Akzentfläche */
.wfd-art .anwendungsbox{
background: var(--ci-surface-accent);
padding:20px;
border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
border:0;
}
/* Callout Hinweis (WFD, warm) */
.wfd-art .callout-hinweis{
background: #fff8f0;
border:1px solid #f0e6dc;
border-radius: var(--ci-radius);
padding:14px 16px;
margin:14px 0;
color: var(--ci-text);
}
.wfd-art .callout-hinweis p{
margin:0;
}
.wfd-art .callout-hinweis .bsp{
color: var(--ci-text);
font-weight:700;
}
/* Kompatibilität – WFD "flat header" + Rahmen + Zebra */
.wfd-art section.kompatibilitaet{
margin-top: var(--ci-stack);
border:1px solid #e8e6e2;
border-radius: var(--ci-radius);
overflow:hidden;
background:#fff;
/* FIX: Theme-Padding innerhalb der Section killen (das war der "leere Bereich" im Rahmen) */
padding:0 !important;
}
.wfd-art .kompatibilitaet > h3{
background:#ffa64d; /* flat header */
color:#0e1a2b;
padding:20px;
margin:0;
font-size:1.05rem;
}
.wfd-art .kompatibilitaet .komp-intro{
padding:16px 20px 0 20px;
margin:0;
}
.wfd-art .kompatibilitaet .komp-wrap{
padding:20px;
background:#fff;
}
.wfd-art .kompatibilitaet .komp-grid{
display:grid;
grid-template-columns: repeat(12, 1fr);
gap:12px;
}
/* Karten ohne Rahmen/Schatten, Zebra über Background */
.wfd-art .kompatibilitaet .komp-serie{
grid-column: span 12;
border-radius: var(--ci-radius);
padding:12px 14px;
margin:0;
background:#fffaf6; /* zebra 1 */
}
.wfd-art .kompatibilitaet .komp-serie:nth-of-type(even){
background:#fff4ea; /* zebra 2 */
}
.wfd-art .kompatibilitaet .komp-serie h4{
margin:0 0 6px 0;
color: var(--ci-text);
font-weight:700;
}
.wfd-art .kompatibilitaet .komp-serie .modelle{
padding:0;
word-break: break-word;
}
.wfd-art .komp-serie .modelle .linie{
display:block;
margin-top:6px;
}
.wfd-art .komp-serie .modelle .linie div{
padding:6px 0;
line-height:1.5;
color: var(--ci-text);
background:transparent;
border:0;
border-radius:0;
}
/* Responsive Kompatibilität */
@media (max-width: 520px){
.wfd-art .kompatibilitaet > h3{
padding:16px;
}
.wfd-art .kompatibilitaet .komp-intro{
padding:14px 16px 0 16px;
}
.wfd-art .kompatibilitaet .komp-wrap{
padding:16px;
}
}
/* FAQ – WFD Variante A (Cards, Plus/Minus Badge) + Containerfläche */
.wfd-art .faq{
margin: var(--ci-stack) 0;
padding:20px;
background: var(--ci-surface-neutral);
border-radius: var(--ci-radius);
}
.wfd-art .faq > h3{
margin-bottom:14px;
}
.wfd-art .faq details{
border:1px solid #e8e6e2;
border-radius: var(--ci-radius);
background:#fff;
margin:0 0 16px 0;
overflow:hidden;
}
.wfd-art .faq summary{
list-style:none;
cursor:pointer;
color: var(--ci-text);
font-weight:700;
font-size:1rem;
padding:14px 56px 14px 16px; /* extra right padding for badge */
position:relative;
margin:0;
}
.wfd-art .faq summary::-webkit-details-marker{
display:none;
}
.wfd-art .faq summary::after{
content:"+";
width:22px;
height:22px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
background: var(--ci-primary);
color:#fff;
font-weight:700;
line-height:1;
font-size