JURA 24212 Milchsystem-Reiniger Mini-Tabs Nachfüllflasche 180 g
Beschreibung
/* === CI-Variablen wasserfilter-depot.de ================================= */
:root{
--ci-primary:#ff8c00; /* Orange (Brand) */
--ci-accent:#e67a00; /* dunkleres Orange */
--ci-focus:#005d66; /* Fokus/Links */
--ci-surface-warm:#f8f5f2; /* FAQ-Container */
--ci-surface-neutral:#f4f4f2; /* Technische Daten, Geeignet */
--ci-surface-accent:#fff2e0; /* Anwendung / Hinweise */
--ci-text:#20214f; /* Primär-Text */
--ci-text-inv:#ffffff;
--ci-border-accent:#ff8c00;
--ci-link:#0e1a2b;
--ci-gray:#555;
--ci-radius:.25rem;
--ci-stack:30px;
}
/* === Grundlayout ======================================================== */
.product-description.wfd{ color:var(--ci-text); line-height:1.55; }
.product-description.wfd h2,
.product-description.wfd h3,
.product-description.wfd h4{ color:var(--ci-text); }
.product-description.wfd a{ color:var(--ci-link); text-decoration:underline; text-underline-offset:2px; }
.product-description.wfd img{ max-width:100%; height:auto; }
/* === Vorteilsbox ======================================================== */
.vorteilskasten{ border:2px solid var(--ci-border-accent); border-radius:var(--ci-radius); padding:20px; margin:10px 0; background:#fff; }
.vorteilsliste{ list-style:none; margin:0; padding-left:28px; }
.vorteilsliste li{ position:relative; margin-bottom:12px; color:var(--ci-text); }
.vorteilsliste li::before{ content:"✔"; position:absolute; left:-28px; font-weight:700; color:var(--ci-primary); }
/* === Feature-Grid ======================================================= */
.features-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:var(--ci-stack); }
.feature-card{ background:#fff; border:1px solid #e6e6e6; border-radius:var(--ci-radius); display:flex; align-items:flex-start; gap:14px; padding:16px; transition:box-shadow .2s ease, transform .1s ease; }
.feature-card:hover{ transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,.06); }
.feature-card::before{
font-family:"Font Awesome 5 Free","Font Awesome 6 Free"; font-weight:900; font-size:1.2rem; color:var(--ci-primary);
width:24px; min-width:24px; line-height:1; display:inline-block; content:""; transform:translateY(2px);
}
.feature-card[data-icon="shield"]::before{ content:"\f3ed"; }
.feature-card[data-icon="tint"]::before{ content:"\f043"; }
.feature-card[data-icon="leaf"]::before{ content:"\f06c"; }
.feature-card h4{ margin:.1rem 0 .35rem; font-size:1.05rem; color:var(--ci-link); }
.feature-card p{ margin:0; }
/* === Content-Boxen ====================================================== */
.faktenbox,.geeignet,.hinweisvergleich{ padding:20px; border-radius:var(--ci-radius); margin-top:var(--ci-stack); }
.faktenbox{ background:var(--ci-surface-neutral); }
.geeignet{ background:var(--ci-surface-neutral); }
.hinweisvergleich{ background:#fff; border:1px solid #ececec; }
/* === Anwendung ========================================================== */
.anwendungsbox{ background:var(--ci-surface-accent); padding:20px; border-radius:var(--ci-radius); margin-top:var(--ci-stack); }
/* === FAQ ================================================================ */
.faq-wrap{ background:var(--ci-surface-warm); padding:20px; border-radius:var(--ci-radius); margin-top:var(--ci-stack); }
.faq h3{ margin-top:0; }
.faq details{ background:#fff; border-radius:var(--ci-radius); overflow:hidden; }
.faq details + details{ margin-top:16px; }
.faq summary{
list-style:none; cursor:pointer; padding:14px 16px; margin:0; font-weight:600; color:var(--ci-text);
position:relative; display:block; border-left:4px solid var(--ci-primary); background:#fff;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-weight:700; position:absolute; right:16px; top:50%; transform:translateY(-50%); }
.faq details[open] summary{ background:#fff8f0; }
.faq details[open] summary::after{ content:"–"; }
/* mehr Polster oben für Antworten */
.faq details > div{ padding:12px 16px 14px 16px; }
.faq details > div > *:first-child{ margin-top:4px; }
/* === Vertical Rhythm ==================================================== */
.product-description.wfd :is(.vorteilskasten,.faktenbox,.anwendungsbox,.geeignet,.hinweisvergleich){ margin:var(--ci-stack) 0 !important; }
.product-description.wfd .features-grid{ margin-top:var(--ci-stack) !important; }
/* === Markenhinweis ====================================================== */
.product-description.wfd .markenhinweis{ margin-top:var(--ci-stack); font-size:.9em; color:var(--ci-gray); }
JURA Milchsystem-Reiniger Mini-Tabs Nachfüllflasche 180 g
Die JURA Milchsystem-Reiniger Mini-Tabs halten dein Milchsystem hygienisch sauber. Sie lösen zuverlässig Milchfette und Eiweiße, schonen Leitungen und sorgen für cremigen Milchschaum. Die phosphatfreie Rezeptur ist exakt auf das JURA-Dosiersystem abgestimmt, damit die Menge im Reinigungsprogramm stimmt.
Geeig