/* =====================================================================
   Wasserfilter Core – Design
   Alle Design-Entscheidungen (Farben, Schriften, Radien, Schatten, Abstände)
   stehen als CSS-Variablen in :root – ein Style-Brief lässt sich hier zentral anwenden.
   ===================================================================== */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
	/* Farben – Blau-Variante (v1.5.1): dunkles Petrol #032936 (Text/dunkle Flächen), Blau #285BB8 (Buttons/Akzent), warme Grautöne.
	   Alle Farbwerte des Designs stehen NUR hier. */
	--wfc-dark:#032936;          /* dunkles Petrol: dunkle Flächen, Footer, CTA, Logo-Text */
	--wfc-dark-rgb:3,41,54;     /* gleiche Farbe als RGB für Schatten */
	--wfc-heading:#032936;       /* Überschriften */
	--wfc-tint:#efecea;          /* Hero-/Hinweis-Flächen (warmes Grau) */
	--wfc-paper:#ffffff;         /* Karten */
	--wfc-bg:#f5f4f2;            /* Seitenhintergrund (warmes Grau) */
	--wfc-header-bg:rgba(255,255,255,.88);
	--wfc-text:#032936;
	--wfc-muted:#4f6670;
	--wfc-line:#dee2e6;
	--wfc-line-hover:#c3d3ef;
	--wfc-accent:#285bb8;        /* Blau – Hauptakzent (Buttons, Akzente) */
	--wfc-accent-rgb:40,91,184;
	--wfc-accent-dark:#194595;   /* dunklere Stufe für Links/Text */
	--wfc-accent-soft:#e9eff9;
	--wfc-warm:#f6ecdf;          /* dezenter warmer Kontrast (Kaffee-Anklang) */
	--wfc-warm-text:#7a4a14;
	--wfc-original:#194595;      /* Badge „Original“ */
	--wfc-original-soft:#e9eff9;
	--wfc-alt:var(--wfc-warm-text); /* Badge „Alternative“ */
	--wfc-alt-soft:var(--wfc-warm);
	--wfc-cta-bg:var(--wfc-accent);
	--wfc-cta-bg-hover:var(--wfc-dark);
	--wfc-cta-text:#fff;
	--wfc-footer-bg:var(--wfc-dark);
	--wfc-footer-text:#c4d3d8;
	--wfc-footer-muted:#9db3ba;
	--wfc-footer-title:#8fb0ea;
	--wfc-footer-link:#e6eef0;
	--wfc-pbox-media-bg:#ffffff;  /* Bildfläche der Produktbox (Amazon-Bilder haben weißen Grund) */
	--wfc-sample-line:#c7781f;    /* Rahmen für BEISPIEL-/Testdaten-Boxen */
	--wfc-compat:#3a535c;         /* Badge „Kompatibel“ (Drittanbieter) */
	--wfc-compat-soft:#eef1f2;
	--wfc-substitute:#0b5c63;     /* v1.6.2: Badge „Ersatzprodukt“ (Drittanbieter), Petrol/Teal */
	--wfc-substitute-soft:#e1f1f1;
	--wfc-substitute-line:#b9dcdd;
	--wfc-ok:#0d6b45;             /* seit v1.6.8 ohne Verwendung (Prüfstatus-Pillen entfernt) */
	--wfc-ok-soft:#e7f5ee;
	--wfc-vague:var(--wfc-warm-text); /* seit v1.6.8 ohne Verwendung */
	--wfc-vague-soft:var(--wfc-warm);
	--wfc-tip-bg:var(--wfc-dark);
	--wfc-tip-text:#ffffff;
	--wfc-on-dark:#ffffff;        /* Text auf dunklen Flächen (Chip, Footer, Skip-Link) */
	--wfc-footer-line:rgba(255,255,255,.12);
	--wfc-logo-mark:var(--wfc-accent);
	--wfc-logo-mark-light:#8fb0ea;
	/* Schriften */
	--wfc-font-head:var(--wfc-font-body); /* Überschriften in Inter (keine Fraunces mehr) */
	--wfc-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--wfc-fs-base:1.0625rem;
	--wfc-fs-h1:clamp(2rem,1.3rem + 3vw,3.4rem);
	--wfc-fs-h2:clamp(1.45rem,1.2rem + 1vw,1.9rem);
	--wfc-fs-h3:1.15rem;
	/* Form */
	--wfc-radius-sm:8px;
	--wfc-radius:14px;
	--wfc-radius-lg:22px;
	--wfc-radius-pill:999px;
	--wfc-shadow-sm:0 1px 2px rgba(var(--wfc-dark-rgb),.06),0 1px 1px rgba(var(--wfc-dark-rgb),.04);
	--wfc-shadow:0 2px 6px rgba(var(--wfc-dark-rgb),.06),0 10px 24px -8px rgba(var(--wfc-dark-rgb),.12);
	--wfc-shadow-lg:0 4px 10px rgba(var(--wfc-dark-rgb),.07),0 22px 44px -14px rgba(var(--wfc-dark-rgb),.24);
	/* Layout */
	--wfc-container:1180px;
	--wfc-container-narrow:820px;
	--wfc-gap:clamp(1rem,.6rem + 1.6vw,1.75rem);
	--wfc-section:clamp(2.5rem,1.5rem + 4vw,5rem);
	--wfc-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Basis ---------- */
body.wfc-site{margin:0;background:var(--wfc-bg);color:var(--wfc-text);font-family:var(--wfc-font-body);font-size:var(--wfc-fs-base);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.wfc-site *,body.wfc-site *:before,body.wfc-site *:after{box-sizing:border-box}
body.wfc-site a{color:var(--wfc-accent-dark);text-decoration-thickness:1px;text-underline-offset:.18em}
body.wfc-site a:hover{color:var(--wfc-dark)}
body.wfc-site h1,body.wfc-site h2,body.wfc-site h3{font-family:var(--wfc-font-head);color:var(--wfc-heading);font-weight:600;line-height:1.15;letter-spacing:-.01em;font-optical-sizing:auto}
body.wfc-site img{max-width:100%;height:auto}
.wfc-site .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.wfc-skip{position:absolute;left:-9999px;top:0;background:var(--wfc-dark);color:var(--wfc-on-dark)!important;padding:.6rem 1rem;z-index:100}
.wfc-skip:focus{left:1rem}
.wfc-container{width:100%;max-width:var(--wfc-container);margin:0 auto;padding:0 clamp(1rem,.5rem + 2vw,2rem)}
.wfc-container--narrow{max-width:var(--wfc-container-narrow)}
.wfc-site :focus-visible{outline:2px solid var(--wfc-accent);outline-offset:3px;border-radius:4px}

/* ---------- Header ---------- */
.wfc-header{position:sticky;top:0;z-index:50;background:var(--wfc-header-bg);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--wfc-line)}
.admin-bar .wfc-header{top:32px}
.wfc-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.wfc-site .wfc-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--wfc-dark)}
.wfc-logo__mark{width:34px;height:34px;flex:none;color:var(--wfc-logo-mark)}
.wfc-logo__text{font-family:var(--wfc-font-head);font-weight:650;font-size:1.22rem;letter-spacing:-.01em}
.wfc-nav__list{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}
.wfc-site .wfc-nav a{display:block;padding:.5rem .9rem;border-radius:var(--wfc-radius-pill);color:var(--wfc-text);text-decoration:none;font-weight:500;font-size:.95rem;transition:background .2s,color .2s}
.wfc-site .wfc-nav a:hover,.wfc-nav .current-menu-item>a,.wfc-nav .current_page_item>a{background:var(--wfc-accent-soft);color:var(--wfc-dark)}
.wfc-nav-toggle,.wfc-nav-burger{display:none}
/* v1.6.6: Lupe vor „Wasserfilter finden“ – vertikal mittig zum Text, Desktop und Mobilmenü */
.wfc-site .wfc-nav a{display:flex;align-items:center;gap:.45rem}
.wfc-nav__icon{flex:0 0 auto;width:1em;height:1em;display:block}

/* ---------- Hero (Startseite) & Seitenkopf ---------- */
.wfc-hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(var(--wfc-accent-rgb),.18),transparent 60%),linear-gradient(180deg,var(--wfc-tint),var(--wfc-bg));border-bottom:1px solid var(--wfc-line);padding:clamp(3rem,2rem + 5vw,6rem) 0 clamp(2.5rem,2rem + 3vw,4rem)}
.wfc-hero__inner{max-width:var(--wfc-container)}
.wfc-eyebrow{display:inline-block;margin:0 0 .9rem;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wfc-accent-dark)}
.wfc-site .wfc-hero__title{font-size:var(--wfc-fs-h1);max-width:16ch;margin:0 0 1rem;color:var(--wfc-dark)}
.wfc-hero__title em{font-style:normal;color:var(--wfc-accent);font-weight:500}
.wfc-hero__lead,.wfc-lead{font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--wfc-muted);max-width:60ch;margin:0 0 1.6rem}
.wfc-search{position:relative;max-width:560px;margin:0 0 1.4rem}
.wfc-search svg{position:absolute;left:1.1rem;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--wfc-muted)}
.wfc-search input{width:100%;font:inherit;font-size:1.02rem;padding:1rem 1.2rem 1rem 3rem;border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-pill);background:var(--wfc-paper);box-shadow:var(--wfc-shadow);color:var(--wfc-text)}
.wfc-search input:focus{outline:none;border-color:var(--wfc-accent);box-shadow:0 0 0 4px rgba(var(--wfc-accent-rgb),.18),var(--wfc-shadow)}
/* v1.6.16: Startseite, schmale Phones – nur Platzhalter etwas kleiner, damit „Nach Modellnamen suchen“ ganz sichtbar ist (Eingabeschrift bleibt 1.02rem, kein iOS-Zoom). */
@media (max-width:359px){.wfc-home .wfc-search input::placeholder{font-size:.96rem}}
.wfc-page-hero{background:linear-gradient(180deg,var(--wfc-tint),var(--wfc-bg));border-bottom:1px solid var(--wfc-line);padding:1.5rem 0 2.25rem;margin-bottom:var(--wfc-gap)}
.wfc-site .wfc-page-title{font-size:clamp(1.9rem,1.4rem + 2.2vw,2.9rem);margin:.2rem 0 .8rem;color:var(--wfc-dark)}
.wfc-page-hero .wfc-lead{margin-bottom:0}
.wfc-page-hero .wfc-lead strong{color:var(--wfc-text);font-weight:600}

/* ---------- Breadcrumbs ---------- */
.wfc-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0 0 1.4rem;font-size:.85rem;color:var(--wfc-muted)}
.wfc-breadcrumbs li+li:before{content:"/";margin-right:.35rem;opacity:.5}
.wfc-site .wfc-breadcrumbs a{color:var(--wfc-muted);text-decoration:none}
.wfc-site .wfc-breadcrumbs a:hover{color:var(--wfc-accent-dark);text-decoration:underline}

/* ---------- Chips (Marken) ---------- */
.wfc-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}
.wfc-site .wfc-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-pill);background:var(--wfc-paper);color:var(--wfc-text);text-decoration:none;font-size:.92rem;font-weight:500;box-shadow:var(--wfc-shadow-sm);transition:all .2s var(--wfc-ease)}
.wfc-chip span{font-size:.78rem;color:var(--wfc-muted);background:var(--wfc-tint);border-radius:var(--wfc-radius-pill);padding:.05rem .5rem}
.wfc-site .wfc-chip:hover{border-color:var(--wfc-accent);color:var(--wfc-dark);transform:translateY(-1px)}
.wfc-site .wfc-chip.is-current{background:var(--wfc-dark);border-color:var(--wfc-dark);color:var(--wfc-on-dark)}
.wfc-chip.is-current span{background:rgba(255,255,255,.15);color:var(--wfc-on-dark)}

/* ---------- Übersicht: Markengruppen + Karten ---------- */
.wfc-overview{padding-top:var(--wfc-section);padding-bottom:1rem}
.wfc-brand-group{margin-bottom:var(--wfc-section);scroll-margin-top:96px}
.wfc-brand-group__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem 1rem;border-bottom:1px solid var(--wfc-line);padding-bottom:.9rem;margin-bottom:1.25rem}
.wfc-site .wfc-brand-group__head h2,.wfc-site .wfc-brand-group__head h3{margin:0;font-size:var(--wfc-fs-h2)} /* v1.6.16: Startseite nutzt H3, Optik wie bisher */
.wfc-site .wfc-brand-group__head h2 a,.wfc-site .wfc-brand-group__head h3 a{color:inherit;text-decoration:none}
.wfc-count{font-size:.8rem;font-weight:600;color:var(--wfc-accent-dark);background:var(--wfc-accent-soft);border-radius:var(--wfc-radius-pill);padding:.2rem .65rem}
.wfc-site .wfc-brand-group__all{margin-left:auto;font-size:.92rem;font-weight:500;text-decoration:none}
.wfc-cards{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.wfc-card[hidden],.wfc-brand-group[hidden]{display:none}
.wfc-site .wfc-card a{position:relative;display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1.2rem 1.25rem 1.1rem;background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius);box-shadow:var(--wfc-shadow-sm);text-decoration:none;color:var(--wfc-text);transition:transform .25s var(--wfc-ease),box-shadow .25s var(--wfc-ease),border-color .25s}
.wfc-site .wfc-card a:hover{transform:translateY(-3px);box-shadow:var(--wfc-shadow-lg);border-color:var(--wfc-line-hover)}
.wfc-card__kicker{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wfc-accent-dark)}
.wfc-card__title{font-family:var(--wfc-font-head);font-size:1.3rem;font-weight:600;color:var(--wfc-dark);line-height:1.2}
.wfc-card{min-width:0}.wfc-site .wfc-card a{min-width:0;overflow:hidden}.wfc-card__title{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto} /* v1.6.15: lange Wörter wie „(Kaffeevollautomat)“ mobil umbrechen statt überlaufen */
.wfc-card__meta{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:.6rem;font-size:.86rem;color:var(--wfc-muted)}
.wfc-card__arrow{color:var(--wfc-accent);font-size:1.1rem;transition:transform .25s var(--wfc-ease)}
.wfc-card a:hover .wfc-card__arrow{transform:translateX(4px)}
.wfc-cards--brands{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.wfc-search-empty{color:var(--wfc-muted);font-style:italic}

/* ---------- Maschinen-Seite ---------- */
.wfc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1.5rem,1rem + 3vw,3.5rem);align-items:start;padding-bottom:var(--wfc-section)}
.wfc-site .wfc-section-title{font-size:var(--wfc-fs-h2);margin:.5rem 0 1.25rem}
.wfc-filter-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:1rem}
.wfc-filter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1rem 1.25rem;padding:1.3rem 1.4rem;background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-lg);box-shadow:var(--wfc-shadow);transition:transform .25s var(--wfc-ease),box-shadow .25s var(--wfc-ease),border-color .25s}
.wfc-filter:hover{transform:translateY(-3px);box-shadow:var(--wfc-shadow-lg);border-color:var(--wfc-line-hover)}
.wfc-filter__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,var(--wfc-tint),var(--wfc-accent-soft));color:var(--wfc-accent)}
.wfc-filter__icon svg{width:30px;height:30px}
.wfc-filter__head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .7rem;margin-bottom:.35rem}
.wfc-site .wfc-filter__name{margin:0;font-size:1.28rem;color:var(--wfc-dark)}
.wfc-filter__meta{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin:0;font-size:.85rem;color:var(--wfc-muted)}
.wfc-filter__meta b{font-weight:600;color:var(--wfc-text);opacity:.75;margin-right:.25rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.wfc-filter__note{margin:.45rem 0 0;font-size:.85rem;color:var(--wfc-muted);font-style:italic}
.wfc-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:var(--wfc-radius-pill)}
.wfc-badge--original{background:var(--wfc-original-soft);color:var(--wfc-original)}
.wfc-badge--alt{background:var(--wfc-alt-soft);color:var(--wfc-alt)}
.wfc-site .wfc-button{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;background:var(--wfc-cta-bg);color:var(--wfc-cta-text);text-decoration:none;font-weight:600;font-size:.98rem;padding:.85rem 1.35rem;border-radius:var(--wfc-radius-pill);box-shadow:0 6px 16px -6px rgba(var(--wfc-accent-rgb),.55),inset 0 1px 0 rgba(255,255,255,.08);transition:background .2s,transform .2s var(--wfc-ease),box-shadow .2s}
.wfc-site .wfc-button:hover{background:var(--wfc-cta-bg-hover);color:var(--wfc-cta-text);transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(var(--wfc-dark-rgb),.55)}
.wfc-button svg{width:16px;height:16px}
.wfc-button sup{font-size:.7em;margin-left:-.25rem;opacity:.8}
.wfc-disclosure{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--wfc-accent);background:var(--wfc-tint);border-radius:0 var(--wfc-radius-sm) var(--wfc-radius-sm) 0;font-size:.84rem;line-height:1.55;color:var(--wfc-muted)}
.wfc-source{font-size:.85rem;color:var(--wfc-muted)}
.wfc-aside{position:sticky;top:96px;display:grid;gap:1rem}
.wfc-panel{background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-lg);padding:1.35rem 1.4rem;box-shadow:var(--wfc-shadow-sm)}
.wfc-panel--muted{background:var(--wfc-tint)}
.wfc-site .wfc-panel__title{font-size:1.15rem;margin:0 0 .9rem}
.wfc-linklist{list-style:none;margin:0 0 1rem;padding:0}
.wfc-linklist li{border-bottom:1px solid var(--wfc-line)}
.wfc-site .wfc-linklist a{display:block;padding:.55rem 0;color:var(--wfc-text);text-decoration:none;font-size:.95rem}
.wfc-site .wfc-linklist a:hover{color:var(--wfc-accent-dark)}
.wfc-site .wfc-link-arrow{font-weight:600;font-size:.92rem;text-decoration:none}
.wfc-muted{color:var(--wfc-muted);font-size:.92rem}
.wfc-other-brands{margin:var(--wfc-section) 0 1rem}

/* ---------- Produktbox (affiliate-toolkit, v1.4) – ohne Sterne/Bewertungen ---------- */
.wfc-filter--pbox{display:block}
.wfc-filter--pbox>.wfc-filter__head{margin-bottom:.9rem}
/* v1.6.6: Badge „Ersatzprodukt“ immer in eigener Zeile unter dem Produkttitel (alle Kartentypen) */
.wfc-filter__head--compat{flex-direction:column;align-items:flex-start;gap:.4rem}
.wfc-filter__head--compat>.wfc-badge--compat{display:block;width:fit-content;flex:0 0 auto}
.wfc-pbox{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.1rem 1.4rem;align-items:start}
.wfc-pbox__ad{position:absolute;top:-.2rem;right:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wfc-muted);background:var(--wfc-tint);border-radius:var(--wfc-radius-pill);padding:.15rem .55rem}
.wfc-pbox__media{display:grid;place-items:center;aspect-ratio:1;background:var(--wfc-pbox-media-bg);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-sm);padding:.6rem;overflow:hidden}
.wfc-pbox__media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.wfc-pbox__body{min-width:0}
.wfc-site .wfc-pbox__title{margin:0 5.5rem .5rem 0;font-weight:600;font-size:1rem;line-height:1.4;color:var(--wfc-text)}
.wfc-pbox__features{margin:0 0 1rem;padding-left:1.15rem;font-size:.9rem;line-height:1.5;color:var(--wfc-muted)}
.wfc-pbox__features li{margin:.15rem 0}
.wfc-pbox__features li::marker{color:var(--wfc-accent)}
.wfc-pbox__price{margin:0 0 .9rem;font-size:.92rem;color:var(--wfc-text)}
.wfc-pbox__price span{font-size:.8rem;color:var(--wfc-muted)}
.wfc-pbox--sample{outline:2px dashed var(--wfc-sample-line);outline-offset:.6rem;margin-bottom:1.2rem}
.wfc-filter--pbox>.wfc-filter__note{margin-top:.9rem}
.wfc-pbox-notice{margin:0 0 1.5rem;font-size:.78rem;line-height:1.5;color:var(--wfc-muted)}
.wfc-pbox-notice p{margin:.3rem 0}

/* ---------- Normale Seiten ---------- */
.wfc-prose{padding-bottom:var(--wfc-section);max-width:70ch}
.wfc-prose p,.wfc-prose li{font-size:1.05rem}
.wfc-site .wfc-prose h2{font-size:1.6rem;margin:2rem 0 .8rem}

/* ---------- Footer ---------- */
.wfc-footer{background:var(--wfc-footer-bg);color:var(--wfc-footer-text);margin-top:var(--wfc-section);padding-top:3.5rem}
.wfc-footer__grid{display:grid;grid-template-columns:1.3fr 2fr 1fr;gap:2rem 3rem;padding-bottom:2.5rem}
.wfc-footer p{margin:.75rem 0 0;font-size:.92rem;max-width:40ch;color:var(--wfc-footer-muted)}
.wfc-site .wfc-logo--light{color:var(--wfc-on-dark)}
.wfc-logo--light .wfc-logo__mark{color:var(--wfc-logo-mark-light)}
.wfc-site .wfc-footer__title{font-family:var(--wfc-font-body);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wfc-footer-title);margin:0 0 1rem}
.wfc-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.95rem}
.wfc-site .wfc-footer a{color:var(--wfc-footer-link);text-decoration:none}
.wfc-site .wfc-footer a:hover{color:var(--wfc-on-dark);text-decoration:underline}
.wfc-todo{color:var(--wfc-footer-muted)}
.wfc-todo em{font-size:.78rem;font-style:normal;background:rgba(143,176,234,.16);color:var(--wfc-footer-title);border-radius:4px;padding:.05rem .35rem;margin-left:.25rem}
.wfc-footer__bottom{border-top:1px solid var(--wfc-footer-line);padding-top:1.25rem;padding-bottom:1.5rem}
.wfc-footer__bottom p{max-width:none;font-size:.8rem;color:var(--wfc-footer-muted);margin:0}

/* ---------- Responsive ---------- */
@media (max-width:960px){
	.wfc-layout{grid-template-columns:1fr}
	.wfc-aside{position:static}
	.wfc-footer__grid{grid-template-columns:1fr 1fr}
	.wfc-footer__brand{grid-column:1/-1}
}
@media (max-width:720px){
	.wfc-nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border-radius:10px;cursor:pointer;border:1px solid var(--wfc-line);background:var(--wfc-paper)}
	.wfc-nav-burger span{display:block;width:18px;height:2px;margin:0 auto;background:var(--wfc-dark);border-radius:2px}
	.wfc-nav{position:absolute;left:0;right:0;top:100%;background:var(--wfc-paper);border-bottom:1px solid var(--wfc-line);box-shadow:var(--wfc-shadow);display:none;padding:.5rem 1rem 1rem}
	.wfc-nav-toggle:checked~.wfc-nav{display:block}
	.wfc-nav__list{flex-direction:column}
	.wfc-header__inner{position:relative;min-height:64px}
	.wfc-filter{grid-template-columns:auto minmax(0,1fr);padding:1.1rem}
	.wfc-filter__icon{width:44px;height:44px;border-radius:12px}
	.wfc-filter__icon svg{width:24px;height:24px}
	.wfc-site .wfc-button{grid-column:1/-1;justify-content:center;width:100%}
	.wfc-pbox{grid-template-columns:96px minmax(0,1fr);gap:.9rem}
	.wfc-site .wfc-pbox__title{margin-right:0;padding-top:1.2rem}
	.wfc-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}
	.wfc-card__title{font-size:1.15rem}
	.wfc-brand-group__all{width:100%;margin-left:0}
	.wfc-footer__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.wfc-site *{transition:none!important}}
@media (max-width:720px){
	.wfc-logo__text{font-size:1.02rem;line-height:1.15}
	.wfc-logo__mark{width:30px;height:30px;flex:none}
	.wfc-site .wfc-page-title{font-size:1.85rem}
}
.wfc-todo em{text-transform:uppercase;letter-spacing:.08em;font-weight:600}

/* ---------- v1.3: Buttons, Startseite, Markenübersicht ---------- */
.wfc-site .wfc-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--wfc-cta-bg);color:var(--wfc-cta-text);text-decoration:none;font-weight:600;font-size:.95rem;padding:.7rem 1.2rem;border-radius:var(--wfc-radius-pill);box-shadow:0 6px 16px -6px rgba(var(--wfc-accent-rgb),.55);transition:background .2s,transform .2s var(--wfc-ease)}
.wfc-site .wfc-btn:hover{background:var(--wfc-cta-bg-hover);color:var(--wfc-cta-text);transform:translateY(-1px)}
.wfc-site .wfc-btn--ghost{background:var(--wfc-paper);color:var(--wfc-accent-dark);border:1px solid var(--wfc-line);box-shadow:var(--wfc-shadow-sm)}
.wfc-site .wfc-btn--ghost:hover{background:var(--wfc-accent-soft);color:var(--wfc-dark);border-color:var(--wfc-line-hover)}
.wfc-hero__brands{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.wfc-hero__brands .wfc-chips{flex:0 1 auto}
.wfc-section-head{margin:0 0 1.75rem}
.wfc-site .wfc-section-head h2{font-size:var(--wfc-fs-h2);margin:0 0 .35rem}
.wfc-section-head p{margin:0;max-width:70ch}
.wfc-section-head--intro{margin-bottom:2.5rem}
/* v1.6.16: .wfc-brand-group__more entfällt (Button unter der Modell-Liste der Startseite entfernt). */
.wfc-results{margin-bottom:var(--wfc-section)}
.wfc-results[hidden],#wfc-featured[hidden]{display:none}
.wfc-site .wfc-results__head{font-size:1.35rem;margin:0 0 1.25rem}
.wfc-more-brands{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem 2rem;padding:clamp(1.4rem,1rem + 2vw,2.25rem);margin:0 0 var(--wfc-section);background:var(--wfc-tint);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-lg)}
.wfc-site .wfc-more-brands h2{margin:0 0 .25rem;font-size:var(--wfc-fs-h2)}
.wfc-more-brands__text p{margin:0}
.wfc-more-brands .wfc-chips{grid-column:1/-1;grid-row:2}
.wfc-more-brands .wfc-btn{grid-column:2;grid-row:1;justify-self:end}
.wfc-brands-page{padding-top:1.5rem}
.wfc-brand-section{margin-bottom:var(--wfc-section)}
.wfc-chips--az{margin-top:1.5rem}
.wfc-brand-tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.wfc-brand-tiles--large{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.wfc-brand-tile{scroll-margin-top:96px}
.wfc-site .wfc-brand-tile a{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.35rem 1.4rem 1.2rem;background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-lg);box-shadow:var(--wfc-shadow-sm);text-decoration:none;color:var(--wfc-text);transition:transform .25s var(--wfc-ease),box-shadow .25s var(--wfc-ease),border-color .25s}
.wfc-site .wfc-brand-tile a:hover{transform:translateY(-3px);box-shadow:var(--wfc-shadow-lg);border-color:var(--wfc-line-hover)}
.wfc-brand-tile__name{font-family:var(--wfc-font-head);font-size:1.55rem;font-weight:600;color:var(--wfc-dark);line-height:1.15}
.wfc-brand-tiles--large .wfc-brand-tile__name{font-size:1.8rem}
.wfc-brand-tile__stats{display:flex;flex-wrap:wrap;gap:.35rem}
.wfc-brand-tile__stats span{font-size:.8rem;color:var(--wfc-muted);background:var(--wfc-tint);border-radius:var(--wfc-radius-pill);padding:.2rem .6rem}
.wfc-brand-tile__stats b{color:var(--wfc-accent-dark);font-weight:700}
.wfc-brand-tile__top{font-size:.85rem;color:var(--wfc-muted);line-height:1.4}
.wfc-brand-tile__cta{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--wfc-line);font-size:.9rem;font-weight:600;color:var(--wfc-accent-dark)}
.wfc-brand-tile a:hover .wfc-brand-tile__cta span{display:inline-block;transform:translateX(4px);transition:transform .25s var(--wfc-ease)}
.wfc-search--inline{margin:1.5rem 0 0}
.wfc-page-hero .wfc-search{margin:1.5rem 0 0} /* v1.6.13: Startseiten-Suche im Marken-Hero, Abstand wie vorher */
.wfc-results[hidden],#wfc-brand-models[hidden]{display:none} /* v1.6.13 */
.wfc-filter-count{margin:0 0 1rem}
.wfc-footer__list--cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1.25rem}
.wfc-site .wfc-footer .wfc-footer__more{margin-top:1.1rem;font-size:.92rem}
.wfc-site .wfc-footer .wfc-footer__more a{color:var(--wfc-footer-title);font-weight:600}
@media (max-width:720px){
	.wfc-more-brands{grid-template-columns:1fr}
	.wfc-more-brands .wfc-btn{grid-column:1;grid-row:auto;justify-self:start}
	.wfc-more-brands .wfc-chips{grid-row:auto}
	.wfc-footer__list--cols{grid-template-columns:repeat(2,minmax(0,1fr))}
	.wfc-brand-tiles,.wfc-brand-tiles--large{grid-template-columns:1fr}
}

/* --- Kompatible Drittanbieter-Filter (v1.5) --- */
.wfc-compat{margin:2.5rem 0 0}
/* v1.6.9: Abschnitt beginnt wieder mit Überschrift + Einleitungskasten über den Karten (wie „Passende Wasserfilter …“) */
.wfc-site .wfc-compat .wfc-compat__title{margin:0 0 .75rem}
.wfc-compat .wfc-section-head{margin-bottom:1rem}
.wfc-badge--compat{background:var(--wfc-substitute-soft);color:var(--wfc-substitute);border:1px solid var(--wfc-substitute-line)}
.wfc-filter--compat .wfc-filter__icon{background:var(--wfc-compat-soft);color:var(--wfc-compat)}
.wfc-site .wfc-filter--compat .wfc-filter__name{font-size:1.08rem;line-height:1.3}
.wfc-filter__replaces{margin:.4rem 0 0;font-size:.9rem;color:var(--wfc-text)}
.wfc-filter__replaces strong{font-weight:600}
.wfc-compat__count{margin:.55rem 0 0;font-size:.9rem;color:var(--wfc-text)} /* v1.6.8: Markenseite, Zahl passender Modelle */
.wfc-compat__count strong{font-weight:600}
.wfc-compat__models{margin:.65rem 0 0;font-size:.88rem}
.wfc-compat__models summary{cursor:pointer;color:var(--wfc-accent-dark);font-weight:600;width:fit-content}
.wfc-compat__models ul{list-style:none;margin:.6rem 0 0;padding:0;columns:2 220px;column-gap:1.5rem}
.wfc-compat__models li{break-inside:avoid;padding:.15rem 0}
.wfc-hero-link{margin:1rem 0 0;font-size:.95rem}
.wfc-site .wfc-brand-models__title{margin:2rem 0 .5rem} /* v1.6.12: H2 „Übersicht {Marke} Kaffeevollautomaten und Kaffeemaschinen“ */
.wfc-filter-list--brand + .wfc-filter-list--brand{margin-top:1rem} /* v1.6.12: Originale + Ersatzprodukte im Markenabschnitt */
.wfc-filter--compat.wfc-filter--pbox>.wfc-filter__info{margin-bottom:.9rem}
@media (max-width:720px){
	.wfc-compat__models ul{columns:1}
}

/* ---------- v1.6.0: Startseite – Hero mit Bild, Leiste „Zu Marke springen“, eigene Textblöcke ---------- */
.wfc-hero--media .wfc-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,1rem + 3vw,3.5rem)}
.wfc-hero__text{min-width:0}
.wfc-hero__media{margin:0;min-width:0}
.wfc-hero__media picture{display:block}
.wfc-hero__media img,.wfc-hero__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:0;border-radius:0;box-shadow:none;background:transparent}
/* Weiche Kanten: Standardbild (heller Dunst) verschwimmt mit dem Hero-Hintergrund */
.wfc-hero__media--soft{-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 62%,transparent 100%)}
.wfc-brandnav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:0 0 clamp(2rem,1.5rem + 2vw,3rem);padding:1rem 1.25rem;background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:var(--wfc-radius-lg);box-shadow:var(--wfc-shadow-sm)}
.wfc-brandnav[hidden],.wfc-hero__brands[hidden]{display:none}
.wfc-site .wfc-brandnav__title{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wfc-muted);margin:0 .25rem 0 0}
.wfc-brandnav .wfc-chips{flex:1 1 auto}
.wfc-brandnav__scroll{display:contents} /* v1.6.16: Desktop wie bisher */
.wfc-brandnav__arrow{display:none}
.wfc-site .wfc-brandnav__all{padding:.5rem 1rem;font-size:.9rem}
.wfc-overview > .wfc-brandnav:first-child{margin-top:clamp(-1rem,-.5rem - 1vw,-.5rem)}
.wfc-home-text{max-width:75ch}
.wfc-home-text--bottom{margin-top:var(--wfc-section)}
/* SEO-Text ganz unten auf der Startseite (1.6.4) */
.wfc-home-seo{margin:clamp(2rem,1.5rem + 1.5vw,3rem) 0 1.5rem;padding-top:clamp(2rem,1.5rem + 1.5vw,3rem);border-top:1px solid var(--wfc-line)}
.wfc-home-seo__inner{max-width:70ch}
.wfc-home-seo p,.wfc-home-seo li{font-size:1.05rem;line-height:1.7;color:var(--wfc-text)}
.wfc-home-seo p{margin:0 0 1rem}
.wfc-site .wfc-home-seo h2{font-size:var(--wfc-fs-h2);margin:2.25rem 0 .8rem}
.wfc-site .wfc-home-seo h3{font-size:var(--wfc-fs-h3);margin:1.75rem 0 .6rem}
.wfc-site .wfc-home-seo__inner > :first-child{margin-top:0}
.wfc-site .wfc-home-seo__inner > :last-child{margin-bottom:0}
.wfc-home-seo ul,.wfc-home-seo ol{margin:0 0 1rem;padding-left:1.35rem}
.wfc-home-seo li{margin:0 0 .35rem}
.wfc-home-seo li::marker{color:var(--wfc-accent)}
.wfc-home-seo a{overflow-wrap:anywhere}
@media (max-width:720px){
	.wfc-home-seo p,.wfc-home-seo li{font-size:1rem;line-height:1.65}
	.wfc-site .wfc-home-seo h2{margin-top:1.75rem}
}
@media (max-width:800px){
	.wfc-hero--media .wfc-hero__inner{grid-template-columns:1fr}
	.wfc-hero__media{margin-top:-.5rem}
	.wfc-hero__media img,.wfc-hero__img{max-height:240px;aspect-ratio:auto}
}
@media (max-width:720px){
	.wfc-brandnav{flex-wrap:nowrap;flex-direction:column;align-items:stretch;padding:.85rem 1rem}
	.wfc-brandnav .wfc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:.15rem 1rem}
	.wfc-brandnav .wfc-chips::-webkit-scrollbar{display:none}
	.wfc-brandnav .wfc-chips li{flex:0 0 auto}
	.wfc-brandnav__all{align-self:center} /* v1.6.16: mobil zentriert (bis 1.6.15: flex-start) */
	/* v1.6.16: Pfeile links/rechts neben der Leiste (keine Überlagerung der Pillen) */
	.wfc-brandnav__scroll{display:flex;align-items:center;gap:.35rem;margin:0 -.5rem}
	.wfc-brandnav__scroll .wfc-chips{flex:1 1 auto;min-width:0;margin:0;padding:.15rem .1rem}
	.wfc-brandnav__arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:1px solid var(--wfc-line);border-radius:50%;background:var(--wfc-paper);color:var(--wfc-muted);cursor:pointer;transition:opacity .2s}
	.wfc-brandnav__arrow:focus-visible{outline:2px solid var(--wfc-accent);outline-offset:2px}
	.wfc-brandnav__arrow.is-dim{opacity:.35}
}
@media (max-width:720px) and (prefers-reduced-motion:reduce){
	.wfc-brandnav__arrow{transition:none}
	.wfc-brandnav .wfc-chips{scroll-behavior:auto}
}

/* ---------- v1.6.1: Suchvorschläge direkt unter dem Suchfeld (Combobox) ---------- */
.wfc-search{z-index:20}
.wfc-suggest{position:absolute;left:0;right:0;top:calc(100% + .5rem);z-index:60;background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:18px;box-shadow:0 18px 40px -18px rgba(var(--wfc-dark-rgb),.35),0 2px 6px rgba(var(--wfc-dark-rgb),.06);max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain;padding:.35rem;text-align:left}
.wfc-suggest[hidden]{display:none}
.wfc-suggest__list{list-style:none;margin:0;padding:0}
.wfc-suggest__opt{margin:0;border-radius:12px}
.wfc-site .wfc-suggest__opt a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.6rem .85rem;text-decoration:none;color:var(--wfc-text);border-radius:12px}
.wfc-suggest__title{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wfc-suggest__brand{flex:0 0 auto;font-size:.82rem;color:var(--wfc-muted)}
.wfc-suggest__opt.is-active,.wfc-suggest__opt:hover{background:var(--wfc-accent-soft)}
.wfc-suggest__opt.is-active .wfc-suggest__title{color:var(--wfc-accent-dark)}
.wfc-suggest__all{position:sticky;bottom:-.35rem;background:var(--wfc-paper);border-top:1px solid var(--wfc-line);margin:.3rem 0 -.35rem;padding:.3rem 0 .35rem;border-radius:0 0 12px 12px}
.wfc-suggest__all.is-active,.wfc-suggest__all:hover{background:var(--wfc-paper)}
.wfc-suggest__all.is-active button,.wfc-suggest__all button:hover{background:var(--wfc-accent-soft)}
.wfc-site .wfc-suggest__all button{display:block;width:100%;text-align:left;font:inherit;font-size:.92rem;font-weight:600;color:var(--wfc-accent-dark);background:none;border:0;border-radius:12px;padding:.6rem .85rem;cursor:pointer}
.wfc-suggest__empty{display:grid;gap:.25rem;padding:.8rem .9rem;font-size:.92rem;color:var(--wfc-muted)}
.wfc-suggest__empty strong{color:var(--wfc-text)}
@media (max-width:800px){.wfc-suggest{max-height:min(360px,42vh)}}

/* ---------- v1.6.2/1.6.3: Seitenende Modellseite (Quelle → Produktbox-Hinweis → Affiliate-Hinweis) ---------- */
.wfc-single .wfc-source{margin:1.75rem 0 .35rem}

/* ---------- v1.6.3: eigener Text unter der Filterliste (Box „SEO & Texte“) ---------- */
.wfc-page-text{margin:2.5rem 0 0;padding-bottom:0}

/* ---------- v1.6.5: Hinweis „Ersatzprodukt“ unter der Drittanbieter-Überschrift ---------- */
.wfc-compat__title + .wfc-compat__hint{margin:-.6rem 0 1rem;font-size:.9rem;line-height:1.5;color:var(--wfc-muted)}

/* ---------- v1.6.5: Abschnitt „Bedienungsanleitung {Marke} {Modell}“ ---------- */
.wfc-manual{margin:2.2rem 0 1rem}
.wfc-manual__title{margin-bottom:.4rem}
.wfc-manual__text{margin:.4rem 0 .9rem;color:var(--wfc-muted)}
.wfc-manual__link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;padding:.8rem 1.1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:var(--wfc-paper);color:var(--wfc-accent);font-weight:600;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:border-color .15s,box-shadow .15s}
.wfc-manual__link:hover,.wfc-manual__link:focus-visible{border-color:var(--wfc-line-hover);box-shadow:0 2px 8px rgba(var(--wfc-dark-rgb),.08);color:var(--wfc-accent-dark)}
.wfc-manual__icon{flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wfc-manual__suffix{color:var(--wfc-muted);font-weight:400;font-size:.92em}
.wfc-lead a.wfc-manual-link{color:var(--wfc-accent);text-decoration:underline;text-underline-offset:3px}

/* v1.6.5: Abschnitt „Wasserfilter wechseln beim {Marke} {Modell}“ – nummerierte Schritte */
.wfc-howto{margin:2.2rem 0 1rem}
.wfc-howto__title{margin-bottom:.6rem}
.wfc-howto__body{max-width:46rem;line-height:1.65}
.wfc-howto__body>p{margin:.5rem 0 1rem}
.wfc-howto__body>p:last-child{margin-bottom:0;color:var(--wfc-muted);font-size:.95rem}
.wfc-howto__body ol{list-style:none;counter-reset:wfc-step;margin:1rem 0;padding:1rem 1.25rem;background:var(--wfc-paper);border:1px solid var(--wfc-line);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.wfc-howto__body ol>li{counter-increment:wfc-step;position:relative;padding:.55rem 0 .55rem 2.6rem;border-top:1px solid var(--wfc-line)}
.wfc-howto__body ol>li:first-child{border-top:0}
.wfc-howto__body ol>li::before{content:counter(wfc-step);position:absolute;left:0;top:.5rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--wfc-accent-soft);color:var(--wfc-accent-dark);font-weight:700;font-size:.9rem;line-height:1.75rem;text-align:center}
.wfc-howto__body ul{margin:.8rem 0 1rem;padding-left:1.3rem}
.wfc-howto__body ul>li{margin:.3rem 0}
.wfc-howto__body a{color:var(--wfc-accent);text-decoration:underline;text-underline-offset:3px}
.wfc-howto+.wfc-manual{margin-top:2rem}

/* v1.6.5: Logo „Kaffee-Kompass“ – Footer (dunkel): helle Variante */
.wfc-logo--light .wfc-logo__mark{--wfc-logo-a:#8fb0ea;--wfc-logo-b:#ffffff;--wfc-logo-gap:var(--wfc-footer-bg)}

/* ---------- v1.6.9: Drittanbieter-Abschnitt – Überschrift + Einleitungskasten oben ---------- */
.wfc-filter-list + .wfc-compat{margin-top:2.75rem} /* v1.6.12: Trennlinie (border-top + padding-top) zwischen Originalfiltern und „Alternativen zum Originalfilter“ entfernt */
.wfc-compat__intro{margin:0 0 1.25rem;padding:.85rem 1.1rem;background:var(--wfc-substitute-soft);border:1px solid var(--wfc-substitute-line);border-left:3px solid var(--wfc-substitute);border-radius:0 var(--wfc-radius-sm) var(--wfc-radius-sm) 0;font-size:.95rem;line-height:1.55;color:var(--wfc-text);max-width:46rem}
.wfc-compat__intro p{margin:0}
.wfc-compat__intro .wfc-badge{vertical-align:.12em;margin:0 0 0 .1rem;background:var(--wfc-paper)}

/* ---------- v1.6.9: Sprungmarken (Intro-Link „Bedienungsanleitung“ → #bedienungsanleitung) ---------- */
html:has(.wfc-single){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.wfc-single){scroll-behavior:auto}}
.wfc-single #bedienungsanleitung,.wfc-single #filterwechsel,.wfc-single #kompatible-alternativen{scroll-margin-top:96px}
.wfc-lead a.wfc-manual-link[href^="#"]{text-decoration-style:dotted}

/* v1.6.11: Abschnitt „Video: Wasserfilter wechseln beim {Marke} {Modell}“ – Zwei-Klick, neutraler Platzhalter (kein Vorschaubild) */
.wfc-video{margin:2.2rem 0 1rem}
.wfc-video__title{margin-bottom:.6rem}
.wfc-video__frame{position:relative;max-width:46rem;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--wfc-dark);box-shadow:0 1px 3px rgba(0,0,0,.05)}
@supports not (aspect-ratio:16/9){.wfc-video__frame{height:0;padding-top:56.25%}}
.wfc-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wfc-video__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem 1.25rem;text-align:center;color:#fff;background:linear-gradient(135deg,var(--wfc-dark) 0%,#0b4152 100%)}
/* v1.6.15: dekorativer Play-Kreis .wfc-video__play entfernt (Play-Symbol jetzt im Button) */
.wfc-video__name{margin:0;font-weight:600;line-height:1.35;max-width:36rem}
.wfc-video__channel{margin:0;font-size:.9rem;opacity:.85}
.wfc-video__button{margin-top:.6rem;padding:.6rem 1.2rem;border:0;border-radius:999px;background:#fff;color:var(--wfc-dark);font:inherit;font-weight:700;cursor:pointer}
.wfc-video__button:hover,.wfc-video__button:focus-visible{background:var(--wfc-accent-soft);outline:2px solid #fff;outline-offset:2px}
.wfc-video__notice{margin:.4rem 0 0;font-size:.8rem;opacity:.8}
@media (max-width:480px){.wfc-video__frame{aspect-ratio:auto;min-height:15rem}.wfc-video__frame.is-loaded{aspect-ratio:16/9;min-height:0}} /* v1.6.15: .wfc-video__play entfernt */
.wfc-howto+.wfc-video,.wfc-video+.wfc-manual{margin-top:2rem}

/* ---------- v1.6.15: Mobil-Audit – nichts läuft mehr über den Rand (Desktop unverändert) ---------- */
/* v1.6.15: überlange Wörter (z. B. „Milchaufschäumer/Heißwasserauslauf“) umbrechen statt die Seite zu verbreitern; greift nur, wenn ein Wort nicht in die Zeile passt */
.wfc-site main,.wfc-site .wfc-footer{overflow-wrap:break-word}
.wfc-brand .wfc-page-title{overflow-wrap:normal} /* v1.6.15: H1 der Markenseiten bleibt exakt wie bisher */
@media (max-width:960px){
	.wfc-layout{grid-template-columns:minmax(0,1fr)} /* v1.6.15: einspaltig ohne Mindestbreite aus langen Wörtern */
}
@media (max-width:720px){
	/* v1.6.15: Filterkarten – Symbolspalte ausblenden, Text nutzt die volle Breite */
	.wfc-filter{grid-template-columns:minmax(0,1fr)}
	.wfc-filter__icon{display:none}
	/* v1.6.15: Marken-Pills – Name und Zahl bleiben zusammen, saubere Zeilenumbrüche */
	.wfc-chips li{max-width:100%}
	.wfc-site .wfc-chip{white-space:nowrap}
}
@media (max-width:600px){
	/* v1.6.15: Markenseiten-Kopf kompakter – Modellkacheln rücken nach oben */
	.wfc-brand .wfc-page-hero{padding:.9rem 0 1.25rem;margin-bottom:1rem}
	.wfc-brand .wfc-breadcrumbs ol{flex-wrap:nowrap;overflow:hidden;white-space:nowrap;margin-bottom:.6rem;font-size:.78rem}
	.wfc-brand .wfc-breadcrumbs li{flex:0 0 auto}
	.wfc-brand .wfc-breadcrumbs li:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
	/* v1.6.16: Regel „.wfc-brand .wfc-eyebrow{display:none}“ entfällt – die Statistik-Zeile der Markenseiten gibt es nicht mehr. */
	.wfc-brand .wfc-page-hero .wfc-lead{margin-top:-.2rem}
	.wfc-brand .wfc-page-hero .wfc-search{margin-top:1rem}
	.wfc-site .wfc-brand .wfc-brand-models__title{margin:0 0 .35rem}
	.wfc-brand .wfc-filter-count{margin-bottom:.75rem}
}
/* v1.6.15: Video-Box – ein weißer Button „Video laden“ mit Play-Symbol vor dem Text, beides im Petrol der Box (var(--wfc-dark)) */
.wfc-video__button{display:inline-flex;align-items:center;gap:.5rem}
.wfc-video__button-icon{flex:0 0 auto;width:1rem;height:1rem;display:block;color:var(--wfc-dark)} /* v1.6.15: Symbol + Text im Petrol der Video-Box */
/* v1.6.15: Suchvorschläge mobil – Titel umbrechen statt mit „…“ abschneiden (Modellcodes wie „EA826E10“ bleiben sichtbar) */
@media (max-width:600px){.wfc-suggest__title{white-space:normal;overflow:visible;overflow-wrap:anywhere}}
/* v1.6.15: Mobiler Header – Lupen-Button links neben dem Burger (gleiche Optik), „Wasserfilter finden“ nur mobil ausgeblendet; Desktop unverändert */
.wfc-nav-search{display:none}
@media (max-width:720px){
	.wfc-site .wfc-nav-search{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;margin-right:-.5rem;border-radius:10px;border:1px solid var(--wfc-line);background:var(--wfc-paper);color:var(--wfc-dark)}
	.wfc-nav-search .wfc-nav__icon{width:20px;height:20px}
	.wfc-nav-search:focus-visible{outline:2px solid var(--wfc-accent);outline-offset:2px}
	.wfc-nav .wfc-nav__item--search{display:none}
	#wfc-search-input{scroll-margin-top:96px}
}

/* ---------- v1.6.16: Modell-Kacheln (Startseite, Markenseiten, Suchergebnisse) am Desktop wie die Filter-Boxen der Modellseiten ---------- */
/* v1.6.16: Optik wie .wfc-filter der Modellseiten. v1.6.18: 4 Spalten über die volle Containerbreite. Unter 961px unverändert. */
@media (min-width:961px){
	.wfc-cards:not(.wfc-cards--brands){--wfc-cards-cols:4;grid-template-columns:repeat(var(--wfc-cards-cols),minmax(0,1fr))}
	.wfc-site .wfc-cards:not(.wfc-cards--brands) .wfc-card a{padding:1.3rem 1.4rem;border-radius:var(--wfc-radius-lg);box-shadow:var(--wfc-shadow)}
	.wfc-cards:not(.wfc-cards--brands) .wfc-card__title{font-size:1.28rem}
}