FilterLogic CFL-902B Wasserfilter für BRU Maker One Teemaschine

Beschreibung

/* ===== Utilities & Variablen ====================================== */

.product-description,

.faq{

--ci-blue: #0072bc;

--ci-blue-mid: #004a7a;

--ci-blue-verylight: #eef5fb;

--ci-bg-blue-light: #e6f2fa;

--ci-text: #001420;

--ci-text-darkblue: #20214f;

--ci-bg-light: #f8f9fa;

--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 p{ margin:0 0 12px 0; line-height:1.55; }

.product-description img{ max-width:100%; height:auto; }

/* ===== Wort-as-SVG (Reserve) ============================ */

.product-description .word-svg,

.faq .word-svg{

display:inline-block;

line-height:0;

vertical-align:-0.22em;

}

.product-description .word-svg img,

.faq .word-svg img{

display:block;

height:.95em;

width:auto;

margin:0 .06em;

}

/* ===== 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;

}

/* ===== Fakten ====================================================== */

.product-description .facts{

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

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

}

.product-description .facts h3{ margin:0 0 10px 0; }

.product-description .facts table{ width:100%; border-collapse:collapse; }

.product-description .facts td{ padding:8px 10px; border-bottom:1px solid #e6e6e6; vertical-align:top; }

.product-description .facts tr:last-child td{ border-bottom:0; }

/* ===== Hinweisbox ================================================== */

.product-description .notice{

background:#fff; border:1px solid #e6e6e6; border-radius: var(--ci-radius);

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

}

.product-description .notice--warn{

background:#fff6f6; border-color:#f1cccc;

}

.product-description .notice strong{ color: var(--ci-text-darkblue); }

.product-description .notice--warn strong{ color: var(--ci-red); }

.product-description .notice ul{ margin:8px 0 0 1.2em; padding-left:1em; }

.product-description .notice .notice-title{

margin:0 0 8px 0; font-size:1.1rem; color: var(--ci-text-darkblue);

}

/* ===== Anwendung & Pflege ========================================== */

.product-description .anwendungsbox{

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

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

}

.product-description .anwendungsbox h3{ margin:0 0 8px 0; }

.product-description .anwendungsbox ol{ margin:0 0 0 20px; }

.product-description .anwendungsbox li{ margin:6px 0; }

/* ===== Kompatibilitätsliste ======================================== */

.product-description .komp-wrap{

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

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

}

.product-description .komp-header{ margin:0 0 4px 0; } /* enger */

.product-description .kompatibilitaet{ margin-top:0; } /* kein extra Gap */

.product-description .kompatibilitaet > .komp-group{

padding:16px 12px 12px; border-radius:var(--ci-radius);

}

.product-description .kompatibilitaet > .komp-group + .komp-group{ margin-top:8px; } /* kleiner */

.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 .komp-group .model-title{ margin:0 0 4px 0; line-height:1.45; font-weight:600; color:var(--ci-text-darkblue); }

.product-description .komp-group .model-codes{ margin:0 0 6px 0; line-height:1.55; color: var(--ci-text); }

/* ===== Badges ======================================================= */

.product-description .badges{

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

border-radius: var(--ci-radius); padding:20px; margin:var(--ci-stack) 0;

}

.product-description .badges h3{ margin:0 0 14px 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-descr