FilterLogic FFL-155L 2er Pack ersetzt LG Luftfilter / Air Filter
Beschreibung
/* ===== CI – wasserfilter-depot.de (scoped) ===== */
.wfd-art {
--ci-primary: #ff8c00;
--ci-accent: #e67a00;
--ci-focus: #005d66;
--ci-surface-warm: #f8f5f2;
--ci-surface-neutral: #f4f4f2;
--ci-surface-accent: #fff2e0;
--ci-list-zebra: #fffaf6;
--ci-list-zebra-2: #fff4ea;
--ci-text: #20214f;
--ci-gray: #555;
--ci-border-accent: #ff8c00;
--ci-radius: .25rem;
--ci-stack: 30px;
--faq-gap: 16px;
--faq-border: #e8e6e2;
--faq-badge-size: 22px;
}
.wfd-art h2,
.wfd-art h3,
.wfd-art h4 {
color: var(--ci-text);
margin-top: 0;
}
.wfd-art p {
color: var(--ci-text);
line-height: 1.6;
}
/* Vorteilskasten */
.wfd-art .vorteilslisterahmen {
margin: var(--ci-stack) 0;
padding: 20px;
border-radius: var(--ci-radius);
border: 2px solid var(--ci-border-accent);
background: #fff;
}
.wfd-art .vorteilsliste {
list-style: none;
padding-left: 0;
margin: 0;
}
.wfd-art .vorteilsliste li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
font-size: 1rem;
color: var(--ci-text);
}
.wfd-art .vorteilsliste li::before {
content: '✔';
position: absolute;
left: 0;
top: 0;
color: var(--ci-primary);
font-weight: 700;
}
/* Content-Boxen */
.wfd-art .faktenbox,
.wfd-art .geeignet {
background: var(--ci-surface-neutral);
padding: 20px;
border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
}
.wfd-art .anwendungsbox {
background: var(--ci-surface-accent);
padding: 20px;
border-radius: var(--ci-radius);
margin-top: var(--ci-stack);
border: 1px solid rgba(0, 0, 0, .06);
}
/* Hinweis-Callout */
.wfd-art .callout-hinweis {
background: #fff8f0;
border-left: 4px solid var(--ci-primary);
color: var(--ci-text);
padding: 14px 16px;
border-radius: var(--ci-radius);
margin: 14px 0;
}
/* Badges */
.wfd-art .badges {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: var(--ci-radius);
padding: 16px 20px;
margin: var(--ci-stack) 0;
}
.wfd-art .badges .badge-panels {
display: grid;
gap: 14px;
grid-template-columns: 1fr;
}
@media (min-width: 860px) {
.wfd-art .badges .badge-panels {
grid-template-columns: 1fr 1fr;
}
}
.wfd-art .badges .badge-panel {
display: flex;
align-items: center;
gap: 14px;
background: var(--ci-surface-neutral);
border: 1px solid #e6e6e6;
border-radius: var(--ci-radius);
padding: 14px 16px;
min-height: 78px;
}
/* Kompatibilität */
.wfd-art .komp-header {
background: #ffa64d;
color: #0e1a2b;
padding: 20px;
border-radius: var(--ci-radius);
margin-bottom: 6px;
}
.wfd-art .komp-list {
background: #fff;
border-radius: var(--ci-radius);
padding: 12px;
}
.wfd-art .komp-grid {
display: grid;
gap: 12px;
grid-template-columns: 1fr;
max-height: 420px;
overflow: auto;
}
@media (min-width: 720px) {
.wfd-art .komp-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.wfd-art .komp-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.wfd-art .komp-item {
padding: 10px 12px;
border-radius: var(--ci-radius);
background: var(--ci-list-zebra);
}
.wfd-art .komp-item:nth-child(even) {
background: var(--ci-list-zebra-2);
}
/* FAQ */
.wfd-art .faq {
margin: var(--ci-stack) 0;
background: var(--ci-surface-warm);
padding: 18px;
border-radius: var(--ci-radius);
}
.wfd-art .faq-list {
display: grid;
gap: var(--faq-gap);
}
.wfd-art .faq details {
background: #fff;
border: 1px solid var(--faq-border);
border-radius: var(--ci-radius);
overflow: hidden;
}
.wfd-art .faq summary {
list-style: none;
cursor: pointer;
font-weight: 700;
font-size: 1rem;
color: var(--ci-text);
padding: 14px 48px 14px 16px;
position: relative;
margin: 0;
}
.wfd-art .faq summary .badge {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
width: var(--faq-badge-size);
height: var(--faq-badge-size);
border-radius: 50%;
display: grid;
place-items: center;
background: var(--ci-primary);
color: #fff;
font-weight: 700;
}
.wfd-art .faq details[open] .badge {
background: #fff;
color: var(--ci-primary);
border: 1px solid var(--ci-primary);
}
.wfd-art .faq details > div {
padding: 16px !i