FilterLogic FFL-111B ersetzt 3M Cuno CS-52 Wasserfilter für NEFF

/* ===================================================================

isb-filter.de – Produktbeschreibung Styles (lokal, NEFF/FFL-111B)

=================================================================== */

.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-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; color:var(--ci-blue); font-weight:700;

}

/* Boxen */

.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; }

/* Anwendungsbox */

.product-description .anwendungsbox{

background:#fff; border:2px solid var(--ci-blue); border-radius:var(--ci-radius);

padding:20px; margin-top:var(--ci-stack);

}

.product-description .callout-hinweis{

background:var(--ci-bg-blue-light); border-left:4px solid var(--ci-blue);

color:var(--ci-text); padding:14px 16px; border-radius:var(--ci-radius); margin:14px 0;

}

.product-description .callout-hinweis p{ margin:0; }

.product-description .callout-hinweis .bsp{ color:var(--ci-text-darkblue); font-weight:600; }

/* Badges (mit äußerem Rahmen) */

.product-description .badges{

background:#fff; border:1px solid #e6e6e6;

border-radius:var(--ci-radius); padding:20px; margin:var(--ci-stack) 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; }

.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; }

/* PDF-Hinweis */

.product-description .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);

}

.product-description .pdf-icon{ width:28px; height:28px; flex:0 0 28px; display:block; }

.product-description .pdf-hinweis p{ margin:0; color:var(--ci-text); line-height:1.5; }

.product-description .pdf-hinweis a{

color:var(--ci-blue); text-decoration:none; border-bottom:1px solid color-mix(in srgb, var(--ci-blue) 40%, transparent);

}

.product-description .pdf-hinweis a:hover{ color:var(--ci-blue-mid); border-bottom-color: color-mix(in srgb, var(--ci-blue-mid) 55%, transparent); }

.product-description .pdf-hinweis a:focus-visible{ outline:3px solid color-mix(in srgb, var(--ci-blue) 45%, transparent); outline-offset:2px; border-radius:4px; }

/* Kompatibilitätsliste */

.product-description .kompatibilitaet{ background:var(--ci-bg-light); border-radius:var(--ci-radius); padding:20px; margin-top:var(--ci-stack); }

.product-description .komp-serie{ border-radius:var(--ci-radius); overflow:hidden; margin:0 0 20px 0; border:1px solid #e6e6e6; }

.product-description .komp-serie:nth-of-type(odd){ background:#fff; }

.product-description .komp-serie:nth-of-type(even){ background:var(--ci-blue-verylight); }

.product-description .komp-serie h4{ margin:0; padding:12px 14px; color:var(--ci-text-darkblue); }

.product-description .komp-serie .modelle{ padding:0 14px 14px; line-height:1.6; word-break:break-word; }

/* FAQ – CI-Pattern */

.product-description .faq,

.faq{

background:var(--ci-bg-light); padding:20px; border-