CareMax CCF-002 • 3er Pack Wasserfilter für JURA Kaffeevollautomaten • ersetzt White Filter
Beschreibung
/* ===== CI – wasserfilter-depot.de (Orange) — vollständig auf .wfd-art gescopet ===== */
.wfd-art{
/* Farb- & Layout-Variablen (nur innerhalb des Artikels gültig) */
--ci-primary:#ff8c00;
--ci-accent:#e67a00;
--ci-focus:#005d66;
--ci-surface-warm:#f8f5f2;
--ci-surface-neutral:#f4f4f2;
--ci-surface-accent:#fff2e0;
--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;
/* FAQ vA */
--faq-gap:16px;
--faq-border:#e8e6e2;
--faq-open-bg:#fff;
--faq-badge-size:22px;
/* Zebra-Töne */
--komp-zebra-a:#fffaf6;
--komp-zebra-b:#fff4ea;
}
/* ===== Grundlayout & Typo ===== */
.wfd-art *{box-sizing:border-box;}
.wfd-art{color:var(--ci-text);}
.wfd-art h2, .wfd-art h3, .wfd-art h4{color:var(--ci-text);margin-top:0;}
.wfd-art p, .wfd-art ul, .wfd-art li{line-height:1.55;color:var(--ci-text);}
.wfd-art a{color:var(--ci-link);text-decoration:none;border-bottom:1px solid rgba(14,26,43,.25);}
.wfd-art a:hover{border-bottom-color:rgba(14,26,43,.5);}
/* ===== 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;
color:var(--ci-text);font-size:1rem;
}
.wfd-art .vorteilsliste li::before{
content:'✔';position:absolute;left:0;top:0;
color:var(--ci-primary);font-weight:700;
}
/* ===== Content-Boxen ===== */
.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);
}
.wfd-art .anwendungsbox{
background:var(--ci-surface-accent);
padding:20px;border-radius:var(--ci-radius);
margin-top:var(--ci-stack);
}
/* ===== Hinweisbox ===== */
.wfd-art .callout-hinweis{
background:var(--ci-surface-accent);
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;}
.wfd-art .callout-hinweis .bsp{font-weight:600;}
/* ===== Kompatibilitätsblock ===== */
.wfd-art .kompatibelmit{
margin:var(--ci-stack) 0;
background:#fff;
border-radius:var(--ci-radius);
border:1px solid #eee;
}
/* Kompatibilitäts-Header: flat, ruhigeres Orange + dunkler Text */
.wfd-art .kompatibelmit-header{
background:#ffa64d; /* sanftes Flat-Orange */
color:#0e1a2b; /* dunkler CI-Text */
padding:20px;
border-radius:var(--ci-radius) var(--ci-radius) 0 0;
}
.wfd-art .kompatibelmit-header h3,
.wfd-art .kompatibelmit-header p{
color:inherit;
opacity:1;
}
.wfd-art .kompatibelmit-header h3{
margin:2px 0 8px;
}
.wfd-art .kompatibelmit-header p{
margin:0 0 2px;
font-size:.95rem;
}
/* Liste */
.wfd-art .kompatibelmit-list{
background:#fff;
padding:20px;
border-radius:0 0 var(--ci-radius) var(--ci-radius);
}
.wfd-art .k-linie{
list-style:none;
padding:0;margin:0;
display:grid;gap:12px;
}
.wfd-art .k-linie li{
background:var(--komp-zebra-a);
border:none;
box-shadow:none;
border-radius:var(--ci-radius);
padding:12px 14px;
}
.wfd-art .k-linie li:nth-child(even){
background:var(--komp-zebra-b);
}
.wfd-art .k-linie li strong{
display:block;
margin-bottom:4px;
font-weight:700;
color:var(--ci-text);
}
/* ===== Zertifikat (optional) ===== */
.wfd-art .cert-card{
background:#fff;border:1px solid #e6e6e6;border-radius:var(--ci-radius);
padding:16px 20px;margin:var(--ci-stack) 0;display:flex;align-items:center;gap:16px;
}
.wfd-art .cert-card .cert-icon{width:56px;height:56px;flex:0 0 56px;}
.wfd-art .cert-card h3{margin:0 0 4px;color:var(--ci-text);}
.wfd-art .cert-card p{margin:0;line-height:1.5;color:var(--ci-text);}
/* ===== PDF-Hinweis ===== */
.wfd-art .pdf-hinweis{
display:flex;align-items:center;gap:12px;
background:#fff;border:1px solid #e6e6e6;border-radius:var(--ci-radius);
padding:12px 14px;margin-top:var(--ci-stack);
}
.wfd-art .pdf-icon{width:28px;height:28px;flex:0 0 28px;display:block;}
.wfd-art .pdf-hinweis p{margin:0;line-height:1.5;color:var(--ci-text);}
/* ===== FAQ Variant A ===== */
.wfd-art .faq{
margin:var(--ci-stack) 0;
padding:0;
background:transparent;
}
.wfd-art .faqh3{margin:0 0 12px 0;}
.wfd-art .faq details{
background:#fff;
border:1px solid var(--faq-border);
border-radius:var(--ci-radius);
overflow:hidden;
position:relative;
transition:border-color .18s ease,box-shadow .18s ease;
}
.wfd-art .faq details+details{margin-top:var(--faq-gap);}
.wfd-art .faq summary{
list-style:none;cursor:pointer;margin:0;
color:var(--ci-text);
font-weight:700;
font-size:1rem;line-height:1.45;
padding:14px 48px 14px 16px;
position:relative;
}
.wfd-art .faq summary::-webkit-detai