3M Cuno CS-52 Kühlschrank Wasserfilter für Bosch Siemens Neff
Beschreibung
/* ===== Utilities & Grundvariablen (lokaler Scope) ================== */
.product-description,
.faq{
--ci-blue: #0072bc;
--ci-blue-mid: #004a7a;
--ci-bg-blue-light: #e6f2fa; /* Open-State wie Referenz */
--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; font-size:1.25rem; 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; color: var(--ci-blue); font-weight:700;
}
/* ===== Kompatibel-Box ============================================= */
.product-description .kompatibelbox{
background-color: var(--ci-bg-light);
padding:20px;
margin-top: var(--ci-stack);
border-radius: var(--ci-radius);
}
.product-description .kompatibelbox h3{
margin-top:0; margin-bottom:12px; font-size:1.25rem; color: var(--ci-text);
}
.product-description .kompatibelbox p{
margin:0 0 12px; color: var(--ci-text); font-size:1rem; line-height:1.5;
}
.product-description .kompat-liste{ list-style:none; margin:0; padding:0; }
.product-description .kompat-liste li{
margin-bottom:8px; color: var(--ci-text); font-size:1rem; line-height:1.45;
}
/* ===== Passend-für-Box ============================================ */
.product-description .passendfuer-box{
background-color: var(--ci-bg-light);
padding:20px;
margin-top: var(--ci-stack);
border-radius: var(--ci-radius);
}
.product-description .passendfuer-box h3{
margin-top:0; margin-bottom:12px; font-size:1.25rem; color: var(--ci-text);
}
.product-description .passendfuer-box p{
margin:0 0 12px; color: var(--ci-text); font-size:1rem; line-height:1.5;
}
.product-description .passendfuer-divider{
border:0; border-top:1px solid #e0e0e0; margin:16px 0;
}
.product-description .image-container.left{ text-align:left; margin-top:15px; }
.product-description .image-container.left img{ max-width:100%; height:auto; }
/* ===== Faktenboxen ================================================ */
.product-description .faktenbox{
background-color: var(--ci-bg-light);
padding:20px;
margin-top: var(--ci-stack);
border-radius: var(--ci-radius);
}
.product-description .faktenbox h3{
margin-top:0; margin-bottom:12px; font-size:1.25rem; color: var(--ci-text);
}
/* Listen mit CI-Bullets (nur Faktenboxen) */
.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);
font-size:1rem;
line-height:1.45;
}
.product-description .faktenbox li::before{
content:"•";
position:absolute;
left:0;
color: var(--ci-text-darkblue);
font-weight:700;
}
/* ===== Kompatibilitätsliste (Gesamtblock) ========================= */
.product-description .komp-gesamt{
background-color: var(--ci-bg-light);
padding:20px;
margin-top: var(--ci-stack);
border-radius: var(--ci-radius);
}
.product-description .komp-gesamt-header{
font-size:1.5rem; color: var(--ci-text); margin:0 0 8px;
}
.product-description .komp-gesamt-hinweis{
font-size:0.95rem; color: var(--ci-gray); margin:0 0 20px;
}
.product-description .komp-block{ margin-top:20px; }
.product-description .komp-block + .komp-block{
border-top:1px solid #e0e0e0; padding-top:16px; margin-top:16px;
}
/* Patch: Schattenproblem am Header vollständig neutralisieren */
.product-description .komp-header,
.product-description .komp-header *,
.product-description .komp-header::before,
.product-description .komp-header::after{
box-shadow:none !important;
background:transparent !important;
background-image:none !important;
border:0 !important;
filter:none !important;
}
.product-description .komp-header{
margin:0 0 6px 0 !important;
padding:0 !important;
font-size:1.25rem; font-weight:600; color: var(--ci-text);
}
/* Zeilenliste im .linie-Stil */
/* Zeilenliste im .linie-Stil — ZEBRA auf CI-Blau aktualisiert */
.product-description .komp-liste.linie .linie-row{
padding:10px 12px;
line-height:1.5;
background:#ffffff; /* odd */
}
.product-description .komp-liste.linie .linie-row:nth-of-type(2n){
background: var(--ci-bg-blue-light);/* even = #e6f2fa */
}
.product-description .komp-liste.linie .linie-row .strong{ /* optional: nich