WSF-100 Magic Kühlschrank Wasserfilter mit Schraubverschluss für Samsung Kühlschränke
Beschreibung
/* ===== CI – isb-filter.de ===== */
:root{
--ci-blue:#0072bc;
--ci-blue-dark:#0b3d62;
--ci-blue-mid:#004a7a;
--ci-blue-verylight:#eef5fb; /* hellblau */
--ci-text:#001420;
--ci-text-inv:#ffffff;
--ci-border:#0072bc;
--ci-bg-light:#f8f9fa; /* hellgrau */
--ci-bg-blue-light:#e6f2fa; /* dezent blau (FAQ open etc.) */
--ci-text-darkblue:#20214f;
--ci-gray:#555;
--ci-radius:.25rem;
--ci-stack:30px;
/* Scrollhöhe für Kompatibilitätsliste */
--ci-scroll-h: 360px;
}
/* Vorteilskasten */
.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; font-size:1rem; color:var(--ci-text);
}
.vorteilsliste li::before{
content:'✔'; position:absolute; left:0; top:0; color:var(--ci-blue); font-weight:700;
}
/* Content-Boxen */
.faktenbox,.lieferumfangbox,.geeignet{
background: var(--ci-bg-light);
padding:20px; border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
}
/* Anwendungsbox – weiß + blauer Rahmen */
.anwendungsbox{
background:#fff; padding:20px; border-radius: var(--ci-radius);
margin-top: var(--ci-stack); border:2px solid var(--ci-border);
}
.anwendungsbox h3,.anwendungsbox h4{ color: var(--ci-text-darkblue); }
/* 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; }
/* Kompatibilität */
.kompatibilitaet{
background: var(--ci-bg-light);
padding:20px; border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
border:0;
}
.komp-serie{
border:0; background:transparent;
border-radius: var(--ci-radius);
margin:0 0 20px 0; overflow:visible;
}
.komp-serie h4{
color: var(--ci-text-darkblue);
margin:0 14px 6px; padding:0;
font-weight:700;
}
.komp-serie .modelle{
padding:0 14px 14px; line-height:1.6; word-break: break-word;
}
/* Zebra-Liste der Modelle + Scroll */
.komp-serie .modelle .linie{
display:grid;
gap:8px;
margin-top:6px;
max-height: var(--ci-scroll-h);
overflow:auto;
padding-right:6px;
scroll-behavior:smooth;
}
.komp-serie .modelle .linie div{
padding:10px 12px; line-height:1.5; word-break: break-word;
color: var(--ci-text); background:#fff;
border:1px solid #e6e6e6; border-radius: var(--ci-radius);
}
.komp-serie .modelle .linie div:nth-child(even){ background: var(--ci-blue-verylight); }
/* dezente Scrollbar (Chromium/WebKit) */
.komp-serie .modelle .linie::-webkit-scrollbar{ width:10px; }
.komp-serie .modelle .linie::-webkit-scrollbar-track{ background:#eef5fb; border-radius:8px; }
.komp-serie .modelle .linie::-webkit-scrollbar-thumb{
background:#c9dff2; border-radius:8px; border:2px solid #eef5fb;
}
.komp-serie .modelle .linie::-webkit-scrollbar-thumb:hover{ background:#b4d4ee; }
/* Firefox */
.komp-serie .modelle .linie{ scrollbar-width:thin; scrollbar-color:#c9dff2 #eef5fb; }
/* Soft-Fade oben/unten für „mehr Inhalt“-Andeutung */
.komp-serie .modelle .linie-mask{
position:relative;
}
.komp-serie .modelle .linie-mask::before,
.komp-serie .modelle .linie-mask::after{
content:""; position:absolute; left:0; right:0; height:18px; pointer-events:none;
}
.komp-serie .modelle .linie-mask::before{
top:0; background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);
}
.komp-serie .modelle .linie-mask::after{
bottom:0; background:linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 100%);
}
/* Tipp unter der Liste */
.scroll-hint{
margin-top:8px;
font-size:.9rem;
color: var(--ci-gray);
}
/* FAQ – CI-Pattern */
.faq{
margin: var(--ci-stack) 0; padding:20px;
background: var(--ci-bg-light); border-radius: var(--ci-radius);
}
.faq details{
border:1px solid var(--ci-blue);
border-radius: var(--ci-radius);
padding:0; margin-bottom:12px; background: var(--ci-bg-light);
}
.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; position:relative; margin:0;
}
.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 > div{ padding:0 16px 14px 16px; color: var(--ci-text); }
.faq summary:focus-visible{
outline:3px solid color-mix(in srgb, var(--ci-blue) 55%, transparent);
outline-offset:2px; border-radius:4px;
}
/* Markenhinweis */
.markenhinweis{ margin-top: var(--ci-stack); font-size:.9em; color: var(--ci-gray); }
Externer Wasserfilter WSF-100 Magic mit S