FilterLogic FFL-111B ersetzt 3M Cuno Küppersbusch CS-52 Wasserfilter

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

}

/* Referenzen-Box (wie V-ZUG) */

.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:0 0 12px 0; }

.product-description .kompat-liste{ list-style:none; margin:0; padding:0; }

.product-description .kompat-liste li{ margin:0 0 8px 0; line-height:1.45; }

/* Facts (Technische Daten) */

.product-description .facts{

border:2px solid #000000;

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

.product-description .facts .fact-note{ margin-top:10px; color:var(--ci-gray); }

/* Kompatibilitätsliste (Karten, Zebra) */

.product-description .komp-wrap{

background: var(--ci-bg-light);

border-radius: var(--ci-radius);

padding:16px;

margin-top:var(--ci-stack);

}

.product-description .komp-wrap .komp-header{margin:0 0 8px 0;}

.product-description .kompatibilitaet{background:transparent; padding:0; margin-top:4px !important;}

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

}

/* Patch: mögliche Theme-Schatten/BG am Header neutralisieren */

.product-description .komp-wrap .komp-header,

.product-description .komp-wrap .komp-header *,

.product-description .komp-wrap .komp-header::before,

.product-description .komp-wrap .komp-header::after{

box-shadow:none !important; background:transparent !important; background-image:none !important;

border:0 !important; filter:none !important;

}

/* Badges */

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

.product-description .badge-panel p strong{display:block; color: var(--ci-text-darkblue); margin:0 0 .15rem 0;}

/* CTA */

.product-description .cta-box{

background: var(--ci-bg-light); border:1px solid #e6e6e6;

border-radius: var(--ci-radius); padding:16px; margin-top:var(--ci-stack);

}

/* Markenhinweis */

.product-description .markenhinweis{margin-top: var(--ci-stack); font-size:.9em; color: var(--ci-gray);}

/* PDF-Hinweis (mit Inline-SVG, Linkstil Option A) */

.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:2