3M CS-52 Kühlschrank Wasserfilter für V-ZUG
Beschreibung
/* ===================================================================
isb-filter.de – Produktbeschreibung Styles (lokal)
=================================================================== */
.product-description,
.faq{
--ci-blue:#0072bc;
--ci-blue-mid:#004a7a;
--ci-blue-verylight:#eef5fb;
--ci-bg-blue-light:#e6f2fa;
--ci-text:#001420;
--ci-bg-light:#f8f9fa;
--ci-text-darkblue:#20214f;
--ci-gray:#555;
--ci-red:#c62828;
--ci-radius:.25rem;
--ci-stack:32px;
}
.product-description h2,
.product-description h3,
.product-description h4{ color:var(--ci-text-darkblue); }
.product-description img{ max-width:100%; height:auto; }
/* Vorteilskasten */
.product-description .vorteilskasten{
border:2px solid var(--ci-blue);
border-radius:var(--ci-radius);
padding:20px;
margin:var(--ci-stack) 0;
}
.product-description .vorteilskasten h3{ margin-top:0; color:var(--ci-text); }
.product-description .vorteilsliste{ list-style:none; margin:0; padding-left:0; }
.product-description .vorteilsliste li{
position:relative; padding-left:28px; margin-bottom:12px; color:var(--ci-text); line-height:1.5;
}
.product-description .vorteilsliste li::before{
content:"✔"; position:absolute; left:0; top:0; color:var(--ci-blue); font-weight:700;
}
/* Kompatibel-Box */
.product-description .kompatibelbox{
background:var(--ci-bg-light);
border-radius:var(--ci-radius);
padding:20px;
margin-top:var(--ci-stack);
}
.product-description .kompatibelbox h3{ margin-top:0; margin-bottom:12px; color:var(--ci-text); }
.product-description .kompat-liste{ list-style:none; margin:0; padding:0; }
.product-description .kompat-liste li{ margin-bottom:8px; color:var(--ci-text); line-height:1.45; }
/* Faktenboxen */
.product-description .faktenbox{
background:var(--ci-bg-light);
border-radius:var(--ci-radius);
padding:20px;
margin-top:var(--ci-stack);
}
.product-description .faktenbox h3{ margin-top:0; margin-bottom:12px; color:var(--ci-text); }
.product-description .faktenbox ul{ list-style:none; margin:0; padding:0; }
.product-description .faktenbox li{
position:relative; padding-left:20px; margin-bottom:8px; color:var(--ci-text); line-height:1.45;
}
.product-description .faktenbox li::before{
content:"•"; position:absolute; left:0; color:var(--ci-text-darkblue); font-weight:700;
}
/* Kompatibilitätsliste (Zebra-Karten) */
.product-description .komp-gesamt{
background:var(--ci-bg-light);
border-radius:var(--ci-radius);
padding:20px 20px 10px 20px;
margin-top:var(--ci-stack);
--komp-gap:10px;
--komp-under-h3:14px;
--komp-row-py:12px;
--komp-row-px:14px;
--komp-row-gap:6px;
--komp-border:#e0e0e0;
}
.product-description .komp-gesamt-header{ color:var(--ci-text); margin:0 0 6px !important; }
.product-description .komp-block{ margin-top:var(--komp-gap) !important; }
.product-description .komp-header{
margin:0 0 var(--komp-under-h3) !important; padding:0 !important;
color:var(--ci-text); font-weight:600;
}
.product-description .komp-liste.linie{ margin:4px 0 0 0 !important; }
#kompatibilitaetsliste .komp-liste.linie > .linie-row{
background:#fff !important; padding:var(--komp-row-py) var(--komp-row-px);
line-height:1.5; border-radius:var(--ci-radius);
}
#kompatibilitaetsliste .komp-liste.linie > .linie-row:nth-of-type(2n){
background:var(--ci-blue-verylight) !important;
}
#kompatibilitaetsliste .komp-liste.linie > .linie-row + .linie-row{ margin-top:var(--komp-row-gap); }
/* Badges */
.product-description .badges{
background:#fff; border:1px solid #e6e6e6;
border-radius:var(--ci-radius); padding:20px; margin:var(--ci-stack) 0;
}
.product-description .badges h3{ margin:0 0 14px 0; color:var(--ci-text-darkblue); }
.product-description .badge-panels{ display:grid; gap:14px; grid-template-columns:1fr; }
@media (min-width:860px){ .product-description .badge-panels{ grid-template-columns:1fr 1fr; } }
.product-description .badge-panel{
display:flex; align-items:center; gap:14px;
background:var(--ci-bg-light);
border:1px solid #e6e6e6; border-radius:var(--ci-radius);
padding:14px 16px; min-height:78px;
}
.product-description .badge-icon{ width:44px; height:44px; flex:0 0 44px; }
.product-description .badge-icon svg{ width:100%; height:100%; display:block; }
.product-description .badge-panel p{ margin:0; line-height:1.5; color:var(--ci-text); }
.product-description .badge-panel p strong{ display:block; color:var(--ci-text-darkblue); margin:0 0 .15rem 0; }
/* FAQ */
.product-description .faq{
background:var(--ci-bg-light); padding:20px; border-radius:var(--ci-radius);
margin-top:var(--ci-stack);
}
.product-description .faq details{
border:1px solid var(--ci-blue); border-radius:var(--ci-radius);
background:var(--ci-bg-light);
}
.product-description .faq details + details{ margin-top:16px; }
.product-description .faq details[open]{ background:var(--ci-bg-blue-light); }
.product-description .faq summary{
list-style:none; cursor:pointer; padding:14px 40px 14px 16