/* ============================================================
   TV2 Startseite Redesign — Design 6 "Brand Pink Editorial" (variante-p)
   Version: 1.5.1 (Header original, 10 FAQ)
   Scope: body.home — NUR Startseite!
   Markenfarben aus Logo: Pink #e60a5b / Deep #b80048 auf Weiss.
   ============================================================ */

/* === 0. FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Mulish:wght@400;500;600;700&display=swap');

/* === 1. DESIGN TOKENS === */
body.home {
  --onyx:#1a1420;
  --carbon:#241823;
  --garnet:#8c0038;
  --mahogany:#b80048;
  --mahogany2:#b80048;
  --strawberry:#e60a5b;
  --silver:#8b8792;
  --dust:#e6e0e6;
  --smoke:#faf6f9;
  --white:#FFFFFF;
  --red-soft:rgba(230,10,91,.06);
  --red-mid:rgba(230,10,91,.12);
  --red-glow:rgba(184,0,72,.18);
  --text:var(--onyx);
  --text2:#3a3340;
  --text3:#6b6470;
  --text4:var(--silver);
  --font-h:'Archivo',system-ui,sans-serif;
  --font:'Mulish',system-ui,sans-serif;
  --r:10px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:100px;
  --sh-xs:0 1px 2px rgba(11,9,10,.04);
  --sh-sm:0 1px 4px rgba(11,9,10,.06);
  --sh:0 4px 16px rgba(11,9,10,.07);
  --sh-lg:0 12px 32px rgba(11,9,10,.09);
  --sh-xl:0 20px 48px rgba(11,9,10,.1);
  font-family:var(--font);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

/* === 2. WOODMART OVERRIDES (body.home ONLY) === */
body.home #main-content.wd-content-layout.container,
body.home main.wd-content-layout.container,
body.home .wd-content-layout.container,
body.home .wd-content-layout { max-width:100%!important; width:100%!important; padding-left:0!important; padding-right:0!important; margin:0!important; }
body.home .wd-content-layout.wd-grid-g { display:block!important; }
body.home .wd-page-content,
body.home .main-page-wrapper { padding:0!important; max-width:100%!important; width:100%!important; }
body.home .wd-sidebar,
body.home aside.sidebar { display:none!important; }
body.home .page-title,
body.home .wd-page-title,
body.home .wd-breadcrumbs { display:none!important; }
body.home .wd-page-wrapper { max-width:100%!important; width:100%!important; overflow-x:hidden; }

/* === 3. BASE === */
body.home .tv5-wrap a { color:inherit; text-decoration:none; }
body.home .tv5-wrap img { max-width:100%; display:block; }
body.home .w { max-width:1220px; margin:0 auto; padding:0 24px; }

body.home .i { width:20px; height:20px; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; fill:none; flex-shrink:0; }
body.home .i.xs { width:14px; height:14px; }
body.home .i.sm { width:16px; height:16px; }
body.home .i.lg { width:32px; height:32px; }

/* === 4. BUTTONS === */
body.home .btn { display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:var(--r); font:500 18px/1 var(--font); border:none; cursor:pointer; transition:.3s; letter-spacing:.2px; }
body.home .btn-red { background:var(--mahogany2); color:#fff; }
body.home .btn-red:hover { background:var(--garnet); transform:translateY(-2px); box-shadow:0 8px 24px var(--red-glow); }
body.home .btn-strawberry { background:var(--strawberry); color:#fff; }
body.home .btn-strawberry:hover { background:var(--mahogany2); }
body.home .btn-outline { background:transparent; color:var(--text); border:1.5px solid var(--dust); }
body.home .btn-outline:hover { border-color:var(--mahogany2); color:var(--mahogany2); }
body.home .btn-dark { background:var(--carbon); color:#fff; }
body.home .btn-dark:hover { background:var(--onyx); }

/* === 5. HERO === */
body.home .hero { position:relative; overflow:hidden; background:var(--smoke); padding:80px 0 0; }
body.home .hero-deco-1 { position:absolute; top:-120px; right:-80px; width:400px; height:400px; border-radius:50%; border:60px solid var(--red-soft); z-index:0; }
body.home .hero-deco-2 { position:absolute; bottom:-60px; left:-40px; width:200px; height:200px; background:var(--red-soft); border-radius:var(--r-2xl); transform:rotate(15deg); z-index:0; }
body.home .hero-deco-3 { position:absolute; top:40%; right:8%; width:12px; height:12px; background:var(--strawberry); border-radius:50%; z-index:0; animation:tv5pulse 3s ease-in-out infinite; }

@keyframes tv5pulse { 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:1;transform:scale(1.8)} }

body.home .hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1.1fr; gap:56px; align-items:center; min-height:540px; }
body.home .hero-tag { display:inline-flex; align-items:center; gap:6px; background:var(--white); border:1px solid var(--dust); padding:7px 18px; border-radius:var(--r-full); font-size:15px; font-weight:700; color:var(--mahogany2); letter-spacing:1.2px; text-transform:uppercase; margin-bottom:20px; box-shadow:var(--sh-xs); animation:tv5slideUp .6s ease both; }
body.home .hero h1 { font-family:var(--font-h); font-size:clamp(38px,4.5vw,40px); line-height:1.08; font-weight:800; color:var(--onyx); margin-bottom:16px; animation:tv5slideUp .6s ease .1s both; }
body.home .hero h1 em { font-style:normal; color:var(--mahogany2); position:relative; }
body.home .hero h1 em::after { content:''; position:absolute; bottom:4px; left:0; right:0; height:6px; background:var(--red-mid); border-radius:3px; z-index:-1; }
body.home .hero-lead { font-size:21px; color:var(--text2); line-height:1.7; max-width:480px; margin-bottom:32px; animation:tv5slideUp .6s ease .2s both; }
body.home .hero-btns { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:40px; animation:tv5slideUp .6s ease .3s both; }

/* Hero Metrics */
body.home .hero-metrics { display:flex; gap:32px; padding-top:28px; border-top:1px solid var(--dust); animation:tv5slideUp .6s ease .4s both; }
body.home .hm { text-align:left; }
body.home .hm-val { font-family:var(--font-h); font-size:34px; font-weight:800; color:var(--onyx); line-height:1; }
body.home .hm-lbl { font-size:15px; color:var(--text3); margin-top:2px; letter-spacing:.3px; }

/* Hero Mosaic */
body.home .hero-mosaic { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:12px; animation:tv5slideUp .8s ease .3s both; }
body.home .hero-mosaic .hm-card:first-child { grid-row:1/3; }
body.home .hm-card { position:relative; border-radius:var(--r-xl); overflow:hidden; box-shadow:var(--sh); transition:.4s; min-height:180px; border:2px solid transparent; }
body.home .hm-card:hover { transform:translateY(-6px); box-shadow:var(--sh-xl); border-color:var(--mahogany2); }
body.home .hm-card img { width:100%; height:100%; object-fit:cover; transition:.5s; }
body.home .hm-card:hover img { transform:scale(1.06); }
body.home .hm-card-ov { position:absolute; inset:0; background:linear-gradient(0deg,rgba(11,9,10,.7) 0%,rgba(11,9,10,.05) 60%); }
body.home .hm-card-info { position:absolute; bottom:0; left:0; right:0; padding:18px; z-index:2; }
body.home .hm-card-name { font-family:var(--font-h); font-size:19px; font-weight:700; color:#fff; }
body.home .hm-card-sub { font-size:14px; color:rgba(255,255,255,.5); margin-top:1px; }
body.home .hm-card-arrow { position:absolute; top:12px; right:12px; width:30px; height:30px; background:rgba(255,255,255,.15); backdrop-filter:blur(6px); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; opacity:0; transform:scale(.8); transition:.3s; z-index:3; }
body.home .hm-card:hover .hm-card-arrow { opacity:1; transform:scale(1); }

/* === 6. TRUST BAR === */
body.home .trust { background:var(--mahogany2); padding:14px 0; }
body.home .trust-row { display:flex; justify-content:center; gap:36px; flex-wrap:wrap; }
body.home .trust-i { display:flex; align-items:center; gap:7px; font-size:17px; font-weight:500; color:rgba(255,255,255,.85); }
body.home .trust-i .i { color:rgba(255,255,255,.5); width:17px; height:17px; }

/* === 7. SIEGEL === */
body.home .siegel { padding:56px 0; background:var(--white); }
body.home .siegel-card { display:flex; align-items:center; gap:28px; background:var(--white); border:1px solid var(--dust); border-left:4px solid var(--mahogany2); border-radius:var(--r-xl); padding:28px 36px; transition:.3s; }
body.home .siegel-card:hover { box-shadow:var(--sh-lg); }
body.home .siegel-txt { flex:1; }
body.home .siegel-txt h3 { font-family:var(--font-h); font-size:23px; margin-bottom:4px; color:var(--text); }
body.home .siegel-txt p { font-size:19px; color:var(--text2); line-height:1.6; }

/* === 8. FEATURED === */
body.home .featured { padding:72px 0; background:var(--smoke); }
body.home .feat { display:grid; grid-template-columns:1.1fr 1fr; border-radius:var(--r-2xl); overflow:hidden; background:var(--white); box-shadow:var(--sh-lg); border:1px solid var(--dust); transition:.3s; }
body.home .feat:hover { box-shadow:var(--sh-xl); }
body.home .feat-img { overflow:hidden; position:relative; }
body.home .feat-img img { width:100%; height:100%; object-fit:cover; transition:.5s; }
body.home .feat:hover .feat-img img { transform:scale(1.03); }
body.home .feat-body { padding:44px 40px; display:flex; flex-direction:column; justify-content:center; }
body.home .pill { display:inline-flex; align-items:center; gap:5px; background:var(--red-soft); border:1px solid var(--red-mid); color:var(--mahogany2); padding:6px 16px; border-radius:var(--r-full); font-size:15px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; width:fit-content; margin-bottom:14px; }
body.home .feat-body h2 { font-family:var(--font-h); font-size:28px; line-height:1.2; margin-bottom:10px; }
body.home .feat-body p { font-size:18px; color:var(--text2); line-height:1.7; margin-bottom:16px; }
body.home .chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:22px; }
body.home .chip { padding:5px 14px; background:var(--smoke); border:1px solid var(--dust); border-radius:var(--r-full); font-size:15px; color:var(--text3); transition:.2s; }
body.home .chip:hover { border-color:var(--mahogany2); color:var(--mahogany2); background:var(--red-soft); }

/* === 9. SECTION HEADINGS === */
body.home .sec { margin-bottom:36px; }
body.home .sec h2 { font-family:var(--font-h); font-size:clamp(28px,3vw,36px); font-weight:700; }
body.home .sec p { font-size:18px; color:var(--text3); margin-top:6px; max-width:500px; }
body.home .sec.c { text-align:center; }
body.home .sec.c p { margin:6px auto 0; }
body.home .sec-accent { display:block; width:40px; height:4px; border-radius:2px; background:var(--mahogany2); margin-bottom:14px; }
body.home .sec.c .sec-accent { margin:0 auto 14px; }

/* === 10. CATEGORIES === */
body.home .categories { padding:80px 0; background:var(--white); }
body.home .cat-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
body.home .cat-c { position:relative; border-radius:var(--r-xl); overflow:hidden; aspect-ratio:3/4; transition:.35s; cursor:pointer; box-shadow:var(--sh-sm); }
body.home .cat-c:hover { transform:translateY(-6px); box-shadow:var(--sh-lg); }
body.home .cat-c:hover img { transform:scale(1.06); }
body.home .cat-c img { width:100%; height:100%; object-fit:cover; transition:.5s; }
body.home .cat-c-ov { position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(11,9,10,.85) 100%); }
body.home .cat-c-info { position:absolute; bottom:0; left:0; right:0; padding:18px; z-index:2; }
body.home .cat-c-name { font-family:var(--font-h); font-size:20px; font-weight:700; color:#fff; margin-bottom:2px; }
body.home .cat-c-desc { font-size:15px; color:rgba(255,255,255,.5); }
body.home .cat-c-tag { position:absolute; top:12px; left:12px; padding:4px 10px; border-radius:var(--r-full); background:var(--mahogany2); color:#fff; font-size:14px; font-weight:700; letter-spacing:.5px; opacity:0; transform:translateY(-4px); transition:.3s; z-index:3; }
body.home .cat-c:hover .cat-c-tag { opacity:1; transform:translateY(0); }

/* === 11. PRODUCTS === */
body.home .products { padding:80px 0; background:var(--smoke); }
body.home .p-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
body.home .p-c { background:var(--white); border:1px solid var(--dust); border-radius:var(--r-xl); overflow:hidden; transition:.3s; }
body.home .p-c:hover { border-color:var(--mahogany2); transform:translateY(-4px); box-shadow:var(--sh); }
body.home .p-c-top { background:var(--smoke); height:155px; display:flex; align-items:center; justify-content:center; padding:18px; position:relative; }
body.home .p-c-top img { max-height:110px; object-fit:contain; mix-blend-mode:multiply; transition:.3s; }
body.home .p-c:hover .p-c-top img { transform:scale(1.05); }
body.home .p-c-top::after { content:''; position:absolute; top:0; right:0; width:0; height:0; border-style:solid; border-width:0 40px 40px 0; border-color:transparent var(--mahogany2) transparent transparent; opacity:0; transition:.3s; }
body.home .p-c:hover .p-c-top::after { opacity:1; }
body.home .p-c-bot { padding:16px; }
body.home .p-badge { display:inline-block; padding:3px 10px; border-radius:var(--r-full); font-size:14px; font-weight:600; margin-bottom:6px; background:var(--red-soft); border:1px solid var(--red-mid); color:var(--mahogany2); transition:.2s; }
body.home .p-badge:hover { background:var(--mahogany2); color:#fff; border-color:var(--mahogany2); }
body.home .p-name { font-weight:500; font-size:17px; line-height:1.35; margin-bottom:10px; color:var(--text); }
body.home .p-name a { transition:.2s; }
body.home .p-name a:hover { color:var(--mahogany2); }
body.home .p-foot { padding-top:8px; border-top:1px solid var(--dust); display:flex; align-items:center; justify-content:space-between; gap:8px; }
body.home .p-link { font-size:16px; font-weight:600; color:var(--mahogany2); display:flex; align-items:center; gap:4px; transition:gap .25s; }
body.home .p-link:hover { gap:8px; }
body.home .p-rating { display:flex; align-items:center; gap:4px; }
body.home .p-stars { display:flex; align-items:center; gap:1px; }
body.home .p-stars .star { width:14px; height:14px; }
body.home .p-stars .star.full { color:#f5a623; fill:#f5a623; }
body.home .p-stars .star.half { color:#f5a623; }
body.home .p-stars .star.empty { color:#ddd; fill:#ddd; }
body.home .p-rating-num { font-size:13px; font-weight:600; color:var(--text3); white-space:nowrap; }

/* === 12. SHOWCASES === */
body.home .showcase { padding:72px 0; border-top:1px solid var(--dust); }
body.home .showcase.alt { background:var(--smoke); }
body.home .sc-grid { display:grid; grid-template-columns:5fr 7fr; gap:48px; align-items:start; }
body.home .sc-grid.flip { grid-template-columns:7fr 5fr; }
body.home .sc-grid.flip .sc-l { order:2; }
body.home .sc-grid.flip .sc-r { order:1; }
body.home .sc-tag { font-size:15px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--mahogany2); margin-bottom:4px; }
body.home .sc-l h2 { font-family:var(--font-h); font-size:30px; font-weight:700; line-height:1.15; margin-bottom:8px; }
body.home .sc-l>p { font-size:17px; color:var(--text3); line-height:1.65; margin-bottom:16px; }
body.home .sc-grp { margin-top:14px; }
body.home .sc-grp-h { font-size:16px; font-weight:700; color:var(--text); margin-bottom:6px; display:flex; align-items:center; gap:5px; }
body.home .sc-grp-h::before { content:''; width:3px; height:12px; background:var(--mahogany2); border-radius:2px; flex-shrink:0; }
body.home .sc-pills { display:flex; flex-wrap:wrap; gap:4px 8px; }
body.home .sc-pills a { font-size:16px; color:var(--text3); padding:2px 0; transition:.2s; display:inline-flex; align-items:center; gap:3px; }
body.home .sc-pills a::before { content:''; width:3px; height:3px; background:var(--silver); border-radius:50%; flex-shrink:0; transition:.2s; }
body.home .sc-pills a:hover { color:var(--mahogany2); }
body.home .sc-pills a:hover::before { background:var(--mahogany2); }
body.home .sc-more { display:inline-flex; align-items:center; gap:5px; margin-top:18px; font-size:17px; font-weight:600; color:var(--mahogany2); transition:gap .25s; }
body.home .sc-more:hover { gap:10px; }
body.home .sc-r { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
body.home .sc-card { border-radius:var(--r-lg); overflow:hidden; background:var(--white); border:1px solid var(--dust); transition:.3s; box-shadow:var(--sh-xs); }
body.home .sc-card:hover { transform:translateY(-4px); box-shadow:var(--sh); border-color:var(--mahogany2); }
body.home .sc-card-img { height:130px; overflow:hidden; }
body.home .sc-card-img img { width:100%; height:100%; object-fit:cover; transition:.5s; }
body.home .sc-card:hover .sc-card-img img { transform:scale(1.06); }
body.home .sc-card-body { padding:12px; }
body.home .sc-card-title { font-weight:500; font-size:16px; margin-bottom:4px; color:var(--text); }
body.home .sc-card-cta { font-size:15px; font-weight:600; color:var(--mahogany2); display:flex; align-items:center; gap:3px; }

/* === 12b. SHOWCASE SEO TEXT === */
body.home .sc-seo { margin-top:32px; padding:28px 32px; background:var(--white); border:1px solid var(--dust); border-radius:var(--r-xl); }
body.home .showcase.alt .sc-seo { background:var(--white); }
body.home .sc-seo h3 { font-family:var(--font-h); font-size:20px; font-weight:700; color:var(--text); margin-bottom:10px; }
body.home .sc-seo p { font-size:16px; color:var(--text2); line-height:1.75; margin-bottom:0; }
body.home .sc-seo p + p { margin-top:10px; }
body.home .sc-seo a { color:var(--mahogany2); font-weight:500; transition:.2s; }
body.home .sc-seo a:hover { color:var(--garnet); text-decoration:underline; }

/* === 13. PROCESS === */
body.home .process { padding:80px 0; background:var(--white); position:relative; }
body.home .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
body.home .step { background:var(--smoke); border:1px solid var(--dust); border-radius:var(--r-xl); padding:32px 24px; text-align:center; transition:.3s; position:relative; overflow:hidden; }
body.home .step:hover { box-shadow:var(--sh); transform:translateY(-4px); border-color:var(--mahogany2); }
body.home .step::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--mahogany2); transform:scaleX(0); transition:.3s; transform-origin:left; }
body.home .step:hover::before { transform:scaleX(1); }
body.home .step-no { font-family:var(--font-h); font-size:52px; font-weight:900; color:var(--red-soft); line-height:1; margin-bottom:10px; }
body.home .step:hover .step-no { color:var(--red-mid); }
body.home .step-ic { width:52px; height:52px; border-radius:var(--r-lg); background:var(--red-soft); border:1px solid var(--red-mid); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; transition:.3s; }
body.home .step:hover .step-ic { background:var(--mahogany2); border-color:var(--mahogany2); }
body.home .step-ic .i { color:var(--mahogany2); width:24px; height:24px; transition:.3s; }
body.home .step:hover .step-ic .i { color:#fff; }
body.home .step h4 { font-size:19px; font-weight:600; color:var(--text); margin-bottom:5px; }
body.home .step p { font-size:16px; color:var(--text3); line-height:1.55; }

/* === 14. TEAM CTA === */
body.home .team { padding:80px 0; background:var(--smoke); }
body.home .team-card { display:grid; grid-template-columns:1.3fr 1fr; border-radius:var(--r-2xl); overflow:hidden; background:var(--white); border:1px solid var(--dust); box-shadow:var(--sh); }
body.home .team-body { padding:48px; display:flex; flex-direction:column; justify-content:center; }
body.home .team-body h2 { font-family:var(--font-h); font-size:30px; font-weight:700; line-height:1.2; margin-bottom:12px; }
body.home .team-body p { font-size:18px; color:var(--text2); line-height:1.7; margin-bottom:24px; }
body.home .team-btns { display:flex; gap:12px; flex-wrap:wrap; }
body.home .team-stats { background:var(--mahogany2); padding:48px; display:grid; grid-template-columns:1fr 1fr; gap:14px; position:relative; overflow:hidden; }
body.home .team-stats::before { content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; border-radius:50%; border:40px solid rgba(255,255,255,.06); }
body.home .t-stat { background:rgba(255,255,255,.1); backdrop-filter:blur(4px); border-radius:var(--r-lg); padding:22px; text-align:center; transition:.3s; }
body.home .t-stat:hover { background:rgba(255,255,255,.15); }
body.home .t-stat-v { font-family:var(--font-h); font-size:32px; font-weight:800; color:#fff; }
body.home .t-stat-l { font-size:15px; color:rgba(255,255,255,.6); margin-top:2px; }

/* === 15. MEGA FOOTER — Layer 1: Newsletter CTA === */
body.home .footer-nl { background:linear-gradient(135deg,var(--mahogany2) 0%,var(--garnet) 100%); padding:48px 0; position:relative; overflow:hidden; }
body.home .footer-nl::before { content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,.06); }
body.home .footer-nl::after { content:''; position:absolute; bottom:-40px; left:20%; width:140px; height:140px; border-radius:50%; background:rgba(255,255,255,.04); }
body.home .footer-nl .w { display:flex; align-items:center; justify-content:space-between; gap:32px; position:relative; z-index:2; }
body.home .nl-text h3 { font-family:var(--font-h); font-size:24px; color:#fff; font-weight:700; margin-bottom:3px; }
body.home .nl-text p { font-size:15px; color:rgba(255,255,255,.7); }
body.home .nl-form-wrap { flex:0 0 460px; }
body.home .nl-form { display:flex; gap:8px; }
body.home .nl-input { flex:1; padding:13px 18px; border:0; border-radius:var(--r); font:16px var(--font); background:rgba(255,255,255,.15); color:#fff; backdrop-filter:blur(8px); outline:0; }
body.home .nl-input::placeholder { color:rgba(255,255,255,.4); }
body.home .nl-input:focus { background:rgba(255,255,255,.22); }
body.home .nl-btn { padding:13px 28px; border:0; border-radius:var(--r); font:600 16px var(--font); background:#fff; color:var(--mahogany2); cursor:pointer; transition:.3s; white-space:nowrap; }
body.home .nl-btn:hover { background:var(--smoke); transform:translateY(-1px); }
body.home .nl-dsgvo-mega { display:flex; align-items:center; gap:6px; margin-top:8px; }
body.home .nl-dsgvo-mega label { font-size:12px; color:rgba(255,255,255,.45); }
body.home .nl-dsgvo-mega a { color:rgba(255,255,255,.7); text-decoration:underline; }
body.home .nl-message { margin-top:8px; padding:8px 14px; border-radius:var(--r); font-size:14px; }
body.home .nl-message.success { background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.2); }
body.home .nl-message.error { background:rgba(255,255,255,.1); color:#FFD0D0; border:1px solid rgba(255,255,255,.15); }

/* === 16. MEGA FOOTER — Layer 2: Kategorien === */
body.home .footer-mega { background:#0F1B33; padding:56px 0 40px; border-top:3px solid var(--mahogany2); }
body.home .footer-mega a { color:inherit; text-decoration:none; }
body.home .mega-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:40px; gap:24px; }
body.home .mega-brand { flex:0 0 280px; }
body.home .mega-logo { font-family:var(--font-h); font-size:20px; font-weight:800; color:#fff; display:flex; align-items:center; gap:8px; margin-bottom:10px; }
body.home .mega-logo-mark { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:var(--mahogany2); border-radius:var(--r); font-family:var(--font-h); font-size:13px; font-weight:900; color:#fff; line-height:1; }
body.home .mega-brand p { font-size:13px; color:rgba(255,255,255,.4); line-height:1.65; max-width:260px; }
body.home .mega-trust { display:flex; gap:24px; flex-wrap:wrap; }
body.home .mt-item { display:flex; align-items:center; gap:7px; }
body.home .mt-ic { width:32px; height:32px; border-radius:var(--r); background:rgba(186,24,27,.1); border:1px solid rgba(186,24,27,.15); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.home .mt-ic svg { width:16px; height:16px; stroke:var(--mahogany2); stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
body.home .mt-txt { font-size:13px; color:rgba(255,255,255,.55); line-height:1.3; }
body.home .mt-txt strong { display:block; color:rgba(255,255,255,.85); font-weight:600; }

body.home .mega-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; border:1px solid rgba(255,255,255,.06); border-radius:var(--r-xl); overflow:hidden; }
body.home .mega-col { padding:24px 20px; border-right:1px solid rgba(255,255,255,.06); transition:background .3s; }
body.home .mega-col:last-child { border-right:0; }
body.home .mega-col:hover { background:rgba(255,255,255,.02); }
body.home .mega-col-head { display:flex; align-items:center; gap:8px; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid rgba(255,255,255,.06); }
body.home .mega-col-ic { width:28px; height:28px; border-radius:6px; background:linear-gradient(135deg,rgba(186,24,27,.12),rgba(229,56,59,.08)); border:1px solid rgba(186,24,27,.12); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
body.home .mega-col-ic svg { width:14px; height:14px; stroke:var(--mahogany2); stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
body.home .mega-col-title { font-family:var(--font-h); font-size:14px; font-weight:700; color:#fff; }
body.home .mega-col-title a { transition:color .2s; }
body.home .mega-col-title a:hover { color:var(--mahogany2); }
body.home .mega-links { list-style:none; padding:0; margin:0; }
body.home .mega-links li { margin-bottom:0; }
body.home .mega-links a { display:flex; align-items:center; gap:4px; font-size:13px; color:rgba(255,255,255,.35); padding:4px 0; transition:.2s; }
body.home .mega-links a::before { content:''; width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,.15); flex-shrink:0; transition:.2s; }
body.home .mega-links a:hover { color:var(--mahogany2); padding-left:4px; }
body.home .mega-links a:hover::before { background:var(--mahogany2); }
body.home .mega-col-count { display:inline-block; margin-top:10px; padding:3px 10px; border-radius:var(--r-full); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); font-size:11px; color:rgba(255,255,255,.3); transition:.2s; }
body.home .mega-col:hover .mega-col-count { background:rgba(186,24,27,.08); border-color:rgba(186,24,27,.12); color:var(--mahogany2); }

body.home .mega-grid-2 { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid rgba(255,255,255,.06); border-radius:var(--r-xl); overflow:hidden; margin-top:12px; }
body.home .mega-grid-2 .mega-col { padding:20px; }

body.home .mega-popular { margin-top:32px; }
body.home .mega-pop-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
body.home .mega-pop-title { font-size:13px; font-weight:700; color:rgba(255,255,255,.5); letter-spacing:1px; text-transform:uppercase; display:flex; align-items:center; gap:6px; }
body.home .mega-pop-title::before { content:''; width:3px; height:14px; background:var(--strawberry); border-radius:2px; }
body.home .mega-pop-all { font-size:12px; color:var(--mahogany2); display:flex; align-items:center; gap:4px; transition:gap .2s; }
body.home .mega-pop-all:hover { gap:8px; }
body.home .pop-grid { display:flex; flex-wrap:wrap; gap:6px; }
body.home .pop-tag { display:inline-block; padding:5px 14px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:var(--r-full); font-size:13px; color:rgba(255,255,255,.35); transition:.2s; }
body.home .pop-tag:hover { background:rgba(186,24,27,.08); border-color:rgba(186,24,27,.15); color:var(--mahogany2); }

/* === 16b. MEGA FOOTER — Layer 3: Bottom Bar === */
body.home .footer-bar { background:#0A1222; padding:20px 0; border-top:1px solid rgba(255,255,255,.04); }
body.home .fb-row { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; }
body.home .fb-legal { display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }
body.home .fb-legal a { font-size:13px; color:rgba(255,255,255,.3); transition:.2s; }
body.home .fb-legal a:hover { color:var(--mahogany2); }
body.home .fb-legal-sep { color:rgba(255,255,255,.1); }

body.home .footer-disclaimer { background:#0A1222; padding:0 0 16px; }
body.home .disclaimer-text { font-size:11px; color:rgba(255,255,255,.15); line-height:1.7; max-width:100%; padding:12px 16px; background:rgba(255,255,255,.015); border:1px solid rgba(255,255,255,.03); border-radius:var(--r); }
body.home .disclaimer-text a { color:rgba(255,255,255,.25); text-decoration:underline; }
body.home .disclaimer-text a:hover { color:var(--mahogany2); }

/* === 17. FAQ === */
body.home .faq { padding:80px 0; background:var(--white); }
body.home .faq-list { max-width:800px; margin:0 auto; }
body.home .faq-item { background:var(--smoke); border:1px solid var(--dust); border-radius:var(--r-lg); margin-bottom:12px; overflow:hidden; transition:.3s; }
body.home .faq-item:hover { border-color:var(--silver); }
body.home .faq-item[open] { border-color:var(--mahogany2); box-shadow:var(--sh-sm); }
body.home .faq-q { padding:20px 24px; font-family:var(--font-h); font-size:18px; font-weight:600; color:var(--text); cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.home .faq-q::-webkit-details-marker { display:none; }
body.home .faq-q::after { content:'+'; font-size:22px; font-weight:300; color:var(--mahogany2); flex-shrink:0; transition:.3s; }
body.home .faq-item[open] .faq-q::after { content:'\2212'; }
body.home .faq-a { padding:0 24px 20px; }
body.home .faq-a p { font-size:17px; color:var(--text2); line-height:1.7; margin:0; }

/* === 18. ANIMATIONS === */
@keyframes tv5slideUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }

/* === 19. RESPONSIVE === */
@media(max-width:1024px){
  body.home .hero-grid { grid-template-columns:1fr; gap:40px; }
  body.home .hero-mosaic { max-width:600px; }
  body.home .feat { grid-template-columns:1fr; }
  body.home .feat-img { height:280px; }
  body.home .cat-grid { grid-template-columns:repeat(3,1fr); }
  body.home .p-grid { grid-template-columns:repeat(3,1fr); }
  body.home .sc-grid, body.home .sc-grid.flip { grid-template-columns:1fr; }
  body.home .sc-grid.flip .sc-l { order:1; }
  body.home .sc-grid.flip .sc-r { order:2; }
  body.home .steps { grid-template-columns:1fr 1fr; }
  body.home .team-card { grid-template-columns:1fr; }
  /* Mega Footer */
  body.home .mega-grid { grid-template-columns:repeat(3,1fr); }
  body.home .mega-grid-2 { grid-template-columns:repeat(2,1fr); }
  body.home .mega-top { flex-direction:column; }
  body.home .mega-trust { gap:16px; }
  body.home .footer-nl .w { flex-direction:column; text-align:center; }
  body.home .nl-form-wrap { flex:auto; width:100%; max-width:440px; }
  body.home .nl-form { width:100%; max-width:440px; }
}

@media(max-width:768px){
  body.home .hero { padding:48px 0 0; }
  body.home .hero-metrics { gap:20px; flex-wrap:wrap; }
  body.home .hero-mosaic { grid-template-columns:1fr 1fr; }
  body.home .hero-mosaic .hm-card:first-child { grid-row:auto; }
  body.home .hero-mosaic .hm-card:nth-child(n+4) { display:none; }
  body.home .cat-grid { grid-template-columns:1fr 1fr; }
  body.home .p-grid { grid-template-columns:1fr 1fr; }
  body.home .sc-r { grid-template-columns:1fr 1fr; }
  body.home .sc-r .sc-card:nth-child(3) { display:none; }
  body.home .steps { grid-template-columns:1fr 1fr; gap:10px; }
  body.home .siegel-card { flex-direction:column; text-align:center; }
  body.home .trust-row { gap:14px; }
  /* Mega Footer */
  body.home .mega-grid { grid-template-columns:repeat(2,1fr); }
  body.home .mega-grid-2 { grid-template-columns:1fr 1fr; }
  body.home .nl-form { flex-direction:column; }
  body.home .nl-btn { width:100%; }
  body.home .fb-row { flex-direction:column; text-align:center; gap:12px; }
  body.home .fb-legal { justify-content:center; }
  body.home .mega-trust { justify-content:center; }
  body.home .mega-brand { flex:auto; text-align:center; }
  body.home .mega-brand p { margin:0 auto; }
  body.home .mega-pop-head { flex-direction:column; gap:8px; text-align:center; }
  body.home .pop-grid { justify-content:center; }
}

@media(max-width:480px){
  body.home .hero-mosaic { grid-template-columns:1fr; }
  body.home .hm-card { min-height:150px; }
  body.home .hero-mosaic .hm-card:nth-child(n+3) { display:none; }
  body.home .cat-grid { grid-template-columns:1fr; }
  body.home .cat-c { aspect-ratio:16/9; }
  body.home .p-grid { grid-template-columns:1fr; }
  body.home .sc-r { grid-template-columns:1fr; }
  body.home .steps { grid-template-columns:1fr; }
  body.home .team-stats { grid-template-columns:1fr; }
  /* Mega Footer */
  body.home .mega-grid, body.home .mega-grid-2 { grid-template-columns:1fr; }
  body.home .mega-col { border-right:0; border-bottom:1px solid rgba(255,255,255,.06); }
  body.home .mega-col:last-child { border-bottom:0; }
  body.home .mega-grid-2 .mega-col { border-right:0; border-bottom:1px solid rgba(255,255,255,.06); }
  body.home .mega-grid-2 .mega-col:last-child { border-bottom:0; }
  body.home .mt-item { flex-direction:column; text-align:center; }
}

/* === 19. INFOGRAFIKEN (variante-p, additiv) === */
body.home .reveal, body.home .reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ body.home .reveal{opacity:1!important;transform:none!important} body.home .hero-tag,body.home .hero h1,body.home .hero-lead,body.home .hero-btns,body.home .hero-metrics,body.home .hero-mosaic{animation:none!important} }

/* Keyfacts — "Das Wichtigste auf einen Blick" (AEO) */
body.home .keyfacts { padding:40px 0; background:var(--white); }
body.home .kf-box { background:var(--smoke); border:1px solid var(--dust); border-left:4px solid var(--mahogany2); border-radius:var(--r-xl); padding:28px 32px; }
body.home .kf-title { font-family:var(--font-h); font-size:22px; font-weight:800; margin-bottom:14px; }
body.home .kf-list { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px 30px; margin:0; padding:0; }
body.home .kf-list li { position:relative; padding-left:30px; font-size:16px; color:var(--text2); line-height:1.5; }
body.home .kf-list li::before { content:'\2713'; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:50%; background:var(--mahogany2); color:#fff; font-size:12px; display:flex; align-items:center; justify-content:center; }

/* Vertrauen in Zahlen */
body.home .infostats { padding:72px 0; background:var(--smoke); }
body.home .is-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; align-items:center; background:var(--white); border:1px solid var(--dust); border-radius:var(--r-2xl); padding:40px; box-shadow:var(--sh); }
body.home .counters { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
body.home .counter-v { font-family:var(--font-h); font-size:42px; font-weight:900; color:var(--mahogany2); line-height:1; font-variant-numeric:tabular-nums; }
body.home .counter-l { font-size:15px; color:var(--text3); margin-top:4px; }
body.home .is-chart h3 { font-family:var(--font-h); font-size:18px; font-weight:700; margin-bottom:4px; }
body.home .is-chart .cap { font-size:14px; color:var(--text3); margin-bottom:18px; }

/* Donut */
body.home .donutwrap { display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
body.home .donut { width:172px; height:172px; border-radius:50%; position:relative; flex:0 0 auto; background:var(--smoke); }
body.home .donut::after { content:''; position:absolute; inset:26px; border-radius:50%; background:var(--white); }
body.home .donut .mid { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:2; }
body.home .donut .mid b { font-family:var(--font-h); font-size:26px; font-weight:900; line-height:1; color:var(--onyx); }
body.home .donut .mid span { font-size:12px; color:var(--text3); text-transform:uppercase; letter-spacing:.06em; }
body.home .legend { display:flex; flex-direction:column; gap:10px; min-width:200px; }
body.home .legend .li { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; color:var(--text2); }
body.home .legend .sw { width:13px; height:13px; border-radius:3px; flex:0 0 auto; }
body.home .legend .li b { margin-left:auto; color:var(--mahogany2); font-variant-numeric:tabular-nums; }

/* Kriterien-Balken */
body.home .crit-bars { display:flex; flex-direction:column; gap:14px; margin-top:6px; }
body.home .crit-bar .h { display:flex; justify-content:space-between; font-size:15px; font-weight:600; margin-bottom:6px; color:var(--text2); }
body.home .crit-bar .h b { color:var(--mahogany2); font-variant-numeric:tabular-nums; }
body.home .crit-track { height:12px; border-radius:100px; background:var(--red-mid); overflow:hidden; }
body.home .crit-fill { display:block; height:100%; width:var(--w); border-radius:100px; background:linear-gradient(90deg,var(--strawberry),var(--mahogany2)); }

/* Vergleichstabelle (im Featured) */
body.home .ctab { width:100%; border-collapse:collapse; margin:4px 0 18px; font-size:16px; }
body.home .ctab th, body.home .ctab td { text-align:left; padding:9px 12px; border-bottom:1px solid var(--dust); }
body.home .ctab th { font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--text3); }
body.home .ctab td:last-child { text-align:right; font-weight:700; color:var(--mahogany2); }

/* Methodik-Infografik-Karten */
body.home .method-info { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px; }
body.home .mi-card { background:var(--smoke); border:1px solid var(--dust); border-radius:var(--r-xl); padding:28px; }
body.home .mi-card h3 { font-family:var(--font-h); font-size:18px; font-weight:700; margin-bottom:4px; }
body.home .mi-card .cap { font-size:14px; color:var(--text3); margin-bottom:18px; }

@media(max-width:768px){
  body.home .kf-list { grid-template-columns:1fr; }
  body.home .is-grid { grid-template-columns:1fr; gap:28px; padding:26px; }
  body.home .method-info { grid-template-columns:1fr; }
  body.home .donut { width:152px; height:152px; }
  body.home .donut::after { inset:23px; }
}
@media(max-width:480px){
  body.home .counters { grid-template-columns:1fr; }
}

/* === 20. Header komplett im WoodMart-Original lassen (Suche/Logo/Menue identisch zu allen Seiten). Keine Overrides. === */

/* === 21. Feinschliff: Buttons === */
body.home .btn-red, body.home .btn-red:hover, body.home .btn-strawberry, body.home .btn-strawberry:hover { color:#fff !important; }
body.home .btn-red .i, body.home .btn-strawberry .i { color:#fff !important; }

/* === 22. Horizontale Kategorien-Leiste (Startseite) === */
body.home .tv5-catnav { background:#fff; border-bottom:1px solid var(--dust); }
body.home .tv5-catnav .w { display:flex; }
body.home .tv5-catnav-list { display:flex; flex-wrap:wrap; gap:4px; list-style:none; margin:0; padding:0; width:100%; justify-content:center; }
body.home .tv5-catnav-list li { margin:0; }
body.home .tv5-catnav-list a { display:inline-flex; align-items:center; padding:14px 16px; font-family:var(--font-h); font-weight:600; font-size:15px; color:var(--text); letter-spacing:.2px; border-bottom:3px solid transparent; transition:.2s; white-space:nowrap; }
body.home .tv5-catnav-list a:hover, body.home .tv5-catnav-list .current-menu-item>a { color:var(--mahogany2); border-bottom-color:var(--mahogany2); }
@media(max-width:1024px){
  body.home .tv5-catnav .w { padding:0 12px; }
  body.home .tv5-catnav-list { flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; -webkit-overflow-scrolling:touch; }
  body.home .tv5-catnav-list a { padding:12px 12px; font-size:14px; }
}

/* (Eigener Header entfernt — WoodMart-Header inkl. originaler Ajax-Suche bleibt aktiv.) */