FilterLogic CFL-902B Wasserfilter ersetzt Brita Intenza+ Saeco CA6702/10
Beschreibung
/* ===== Utilities & Grundvariablen (Scope erweitert) ================ */
.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 .vorteilslisterahmen{
margin: var(--ci-stack) 0; padding:20px;
border-radius: var(--ci-radius); border:2px solid var(--ci-blue);
}
.product-description .vorteilsliste{ list-style:none; margin:0; padding-left:0; }
.product-description .vorteilsliste li{
position:relative; padding-left:28px; margin-bottom:12px;
}
.product-description .vorteilsliste li::before{
content:'✔'; position:absolute; left:0; top:0;
color:var(--ci-blue); font-weight:700;
}
/* ===== Facts ======================================================== */
.product-description .facts{
background: var(--ci-bg-light); border:1px solid #e6e6e6;
border-radius: var(--ci-radius); padding:16px; margin-top:var(--ci-stack);
}
.product-description .facts h3{ margin:0 0 10px 0; }
.product-description .facts dl{
display:grid; grid-template-columns:180px 1fr; gap:10px 14px; margin:0;
}
@media (max-width:520px){ .product-description .facts dl{ grid-template-columns:1fr; } }
.product-description .facts dt{ font-weight:600; color:var(--ci-text-darkblue); }
.product-description .facts dd{ margin:0; }
/* ===== Hinweis / Warnung =========================================== */
.product-description .notice{
background:#fff; border:1px solid #e6e6e6; border-radius: var(--ci-radius);
padding:14px 16px; margin-top:var(--ci-stack);
}
.product-description .notice--warn{ background:#fff6f6; border-color:#f1cccc; }
.product-description .notice strong{ color: var(--ci-text-darkblue); }
.product-description .notice--warn strong{ color: var(--ci-red); }
.product-description .notice ul{ margin:8px 0 0 1.2em; padding-left:1em; }
.product-description .notice .notice-title{
margin:0 0 8px 0; font-size:1.1rem; color:var(--ci-text-darkblue);
}
/* ===== Kompatibilitätsliste ======================================== */
.product-description .komp-wrap{
background: var(--ci-bg-light); border:1px solid #e6e6e6;
border-radius: var(--ci-radius); padding:16px; margin-top:var(--ci-stack);
}
/* schlanker Fix: Header-Deko neutralisieren + definierter Abstand */
.product-description .komp-wrap .komp-header{
margin: 0 0 6px 0; /* einzige Quelle für den Übergang */
padding: 0;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: 0 !important;
filter: none !important;
}
.product-description .komp-wrap .komp-header::before,
.product-description .komp-wrap .komp-header::after,
.product-description .komp-wrap .komp-header h3::before,
.product-description .komp-wrap .komp-header h3::after{
content: none !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: 0 !important;
filter: none !important;
}
.product-description .kompatibilitaet{
background:transparent; padding:0; margin:0; /* bündig zur Header-Unterkante */
}
.product-description .kompatibilitaet > .komp-group{
padding:16px 12px 12px; border-radius:var(--ci-radius);
}
.product-description .kompatibilitaet > .komp-group + .komp-group{ margin-top:10px; }
.product-description .kompatibilitaet > .komp-group:nth-of-type(odd){ background:#fff; }
.product-description .kompatibilitaet > .komp-group:nth-of-type(even){ background: var(--ci-blue-verylight); }
.product-description .kompatibilitaet .komp-group h4{
margin:0; padding:12px 14px; line-height:1.35; font-weight:600;
}
.product-description .kompatibilitaet .komp-group .modelle{
padding:0 14px 12px; line-height:1.55; overflow-wrap:anywhere; hyphens:auto;
}
/* ===== 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; }
.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 img{ width:100%; height:100%; object-fit:contain; }
.pro