Liebherr 9880980 Wasserfilter für Kühlschränke – Part No. 7440011
Beschreibung
/* ===== CI – isb-filter.de ===== */
:root{
--ci-blue: #0072bc;
--ci-blue-dark: #0b3d62;
--ci-blue-mid: #004a7a;
--ci-blue-verylight: #eef5fb;
--ci-text: #001420;
--ci-text-inv: #ffffff;
--ci-border: #0072bc;
--ci-bg-light: #f8f9fa;
--ci-bg-blue-light: #e6f2fa;
--ci-text-darkblue: #20214f;
--ci-gray: #555;
--ci-radius: .25rem;
--ci-stack: 30px;
}
/* Vorteile */
.vorteilslisterahmen {
margin: var(--ci-stack) 0;
padding: 20px;
border-radius: var(--ci-radius);
border: 2px solid var(--ci-border);
}
.vorteilsliste {
list-style: none;
padding-left: 0;
margin: 0;
}
.vorteilsliste li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
color: var(--ci-text);
font-size: 1rem;
}
.vorteilsliste li::before {
content: '✔';
position: absolute;
left: 0;
top: 0;
color: var(--ci-blue);
font-weight: 700;
}
/* ===== Kompatibilitätsliste – aktualisierte Optik ===== */
.kompatibelmit{
margin-top: var(--ci-stack);
background: var(--ci-bg-light);
border-radius: var(--ci-radius);
padding: 20px;
border: 0;
}
.kompatibelmit .kompatibelmit-header{
background: transparent !important;
color: var(--ci-text) !important;
padding: 0;
border: 0 !important;
border-radius: 0;
}
.kompatibelmit .kompatibelmit-header h3,
.kompatibelmit .kompatibelmit-header p{
color: var(--ci-text) !important;
margin: 0 0 8px !important;
text-shadow: none !important;
opacity: 1 !important;
}
.kompatibelmit .kompatibelmit-list{
background: transparent !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.kompatibelmit .k-linie{
list-style: none !important;
padding-left: 0 !important;
margin: 6px 0 0 0 !important;
display: grid;
gap: 8px;
}
.kompatibelmit .k-linie li{
padding: 10px 12px !important;
margin: 0 !important;
border: 1px solid #e6e6e6;
border-radius: var(--ci-radius);
background: #fff !important; /* odd */
color: var(--ci-text) !important;
}
.kompatibelmit .k-linie li:nth-child(even){
background: var(--ci-blue-verylight) !important;
}
/* Content-Boxen */
.faktenbox,
.lieferumfangbox,
.geeignet {
background: var(--ci-bg-light);
padding: 20px;
border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
}
.anwendungsbox {
background: var(--ci-bg-blue-light);
padding: 20px;
border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
}
/* Hinweis-Callout */
.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;
}
.callout-hinweis p{ margin:0; }
.callout-hinweis .bsp{
color: var(--ci-text-darkblue);
font-weight:600;
}
/* ===== Zertifikat (Single Card) ===== */
.cert-card{
background:#fff;
border:1px solid #e6e6e6;
border-radius: var(--ci-radius);
padding:16px 20px;
margin: var(--ci-stack) 0;
display:flex;
align-items:center;
gap:16px;
}
.cert-card .cert-icon{
width:56px;
height:56px;
flex:0 0 56px;
}
.cert-card h3{
margin:0 0 4px;
color: var(--ci-text);
}
.cert-card p{
margin:0;
line-height:1.5;
color: var(--ci-text);
}
/* ===== FAQ ===== */
.faq{
margin: var(--ci-stack) 0;
padding: 20px;
background: var(--ci-bg-light);
border-radius: var(--ci-radius);
}
.faqh3{
padding-bottom: 12px;
margin: 0;
}
.faq details{
border: 1px solid var(--ci-blue);
border-radius: var(--ci-radius);
padding: 0;
background: var(--ci-bg-light);
}
.faq details + details{ margin-top: 12px; }
.faq details[open]{ background: var(--ci-bg-blue-light); }
.faq summary{
list-style: none;
cursor: pointer;
color: var(--ci-text-darkblue);
font-weight: 700;
font-size: 1rem;
padding: 14px 40px 14px 16px;
margin: 0;
position: relative;
}
.faq summary::-webkit-details-marker{ display: none; }
.faq summary::after{
content: "+";
font-weight: 700;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
.faq details[open] > summary::after{ content: "–"; }
.faq details > p,
.faq details > div{
padding: 0 16px 14px 16px;
color: var(--ci-text);
margin: 0;
}
summary:focus-visible{
outline: 3px solid color-mix(in srgb, var(--ci-blue) 55%, transparent);
outline-offset: 2px;
border-radius: 4px;
}
@supports selector(:has(*)){
.faq details:has(:focus-visible){
box-shadow: 0 0 0 3px color-mix(in srgb, var(--ci-blue) 35%, transparent);
}
}
/* ===== PDF-Hinweis ===== */
.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);
}
.pdf-icon{
width:28px;
height:28px;
flex:0 0 28px;
display:block;
}
.pdf-hinweis p{
margin:0;
color: var(--ci-text);
line-height:1.5;
}
.pdf-hinweis a{
color: var(--ci-blue);
text-decoration:none;
border-bottom:1px solid color-mix(in srgb