/* ===== Startseite modern (V389) — gilt nur mit <body class="kb-home"> =====
   Knöpfe, Kopfbereich, Zahlenleiste, Überschriften, Diagnose, FAQ, Kontakt.
   Die Kacheln selbst kommen aus kacheln.css. Farben nutzen die Seiten-Variablen,
   damit Hell- und Dunkelmodus weiter funktionieren. */

/* ---------- Grundton ---------- */
.kb-home{--kx-kupfer-hell:linear-gradient(135deg,#e2ad70 0%,#cb8b49 52%,#b57332 100%);}

/* ---------- Knöpfe ---------- */
.kb-home .kb-btn{border-radius:12px;position:relative;isolation:isolate;overflow:hidden;
  transition:transform .22s cubic-bezier(.3,1.5,.5,1),box-shadow .25s ease,filter .2s ease,border-color .2s ease,background .2s ease,color .2s ease;}
.kb-home .kb-btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%);transform:translateX(-120%);transition:opacity .2s;}
.kb-home .kb-btn:hover::after{opacity:1;transform:translateX(120%);transition:transform .7s ease,opacity .2s;}
.kb-home .kb-btn.primary{background:var(--kx-kupfer-hell);color:#1a1208;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(90,50,10,.18),0 12px 22px -12px rgba(143,92,39,.85);}
.kb-home .kb-btn.primary:hover,.kb-home .kb-btn.primary:active{background:var(--kx-kupfer-hell);filter:brightness(1.07);transform:translateY(-3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(90,50,10,.18),0 18px 28px -12px rgba(143,92,39,.95);}
.kb-home .kb-btn:active{transform:scale(.96);}
.kb-home .kb-btn.secondary{background:color-mix(in srgb,var(--card) 78%,transparent);border:1px solid var(--rule);
  backdrop-filter:blur(6px);box-shadow:0 8px 18px -14px rgba(0,0,0,.45);}
.kb-home .kb-btn.secondary:hover,.kb-home .kb-btn.secondary:active{border-color:var(--yellow);color:var(--ink);transform:translateY(-3px);box-shadow:0 16px 26px -16px rgba(143,92,39,.7);}
.kb-home .kb-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;}

/* ---------- Kopfbereich ---------- */
.kb-home .kb-tag{border-radius:999px;padding:8px 16px;letter-spacing:.14em;background:var(--kx-kupfer-hell);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 26px -12px rgba(181,115,50,.95);}
.kb-home .kb-hero h1{text-shadow:0 2px 24px rgba(0,0,0,.45);}
.kb-home .kb-hero h1 em{background:linear-gradient(90deg,#46e08e 0%,#b4f0cf 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;}
.kb-home .kb-hero .kb-btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.kb-home .kb-hero .kb-btn.secondary:hover,.kb-home .kb-hero .kb-btn.secondary:active{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.6);}
.kb-home .kb-quickcontact{background:linear-gradient(160deg,rgba(24,25,18,.62),rgba(14,15,10,.5)) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border:1px solid rgba(226,173,112,.55) !important;border-radius:24px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -28px rgba(0,0,0,.9) !important;}
.kb-home .kb-hero-facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;border-top:0;padding-top:28px;max-width:none;}
.kb-home .kb-hero-facts>div{grid-column:span 2;}
.kb-home .kb-hero-facts>div:nth-child(n+4){grid-column:span 3;}
@media (max-width:520px){
  .kb-home .kb-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kb-home .kb-hero-facts>div,.kb-home .kb-hero-facts>div:nth-child(n+4){grid-column:span 1;}
  .kb-home .kb-hero-facts>div:last-child{grid-column:span 2;}
}
.kb-home .kb-hero-facts>div{padding:13px 12px;min-width:0;border:1px solid rgba(255,255,255,.16) !important;border-radius:18px;
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 30px -22px rgba(0,0,0,.9);
  transition:transform .3s cubic-bezier(.3,1.5,.5,1),border-color .25s;}
.kb-home .kb-hero-facts>div:hover{transform:translateY(-4px);border-color:rgba(226,173,112,.7) !important;}
.kb-home .kb-hero-facts .num{font-size:clamp(24px,2.6vw,32px);white-space:nowrap;background:linear-gradient(135deg,#f7dcb2 0%,#dc9a52 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}

/* ---------- Navigation ---------- */
.kb-home .kb-nav{-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:0 14px 30px -26px rgba(0,0,0,.6);}

/* ---------- Abschnitte und Überschriften ---------- */
.kb-home .kb-section-eyebrow{display:flex;align-items:center;gap:12px;font-size:12.6px;letter-spacing:.18em;}
.kb-home .kb-section-eyebrow::before{content:"";flex:none;width:32px;height:3px;border-radius:3px;background:linear-gradient(90deg,#b57332,#ecc895);}
.kb-home .kb-section-title{font-size:clamp(26px,3.3vw,38px);letter-spacing:-.018em;line-height:1.15;}
.kb-home section.kb-trust{background-image:radial-gradient(820px 340px at 100% 0%,rgba(184,121,58,.075),transparent 66%),radial-gradient(720px 320px at 0% 100%,rgba(35,128,138,.06),transparent 66%);}

/* ---------- Marken-Karussell ---------- */
.kb-home .kb-slider{gap:16px;padding:16px 8px 30px;}
.kb-home .kb-slide{width:246px;min-height:330px;padding:20px 20px 18px;}
.kb-home .kb-slide::before{display:none !important;}
.kb-home .kb-slide .badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:11.5px;letter-spacing:.06em;margin-bottom:10px;}
.kb-home .kb-slide-logo{box-shadow:0 8px 16px -8px rgba(0,0,0,.6);}
.kb-home .kb-slide .models{opacity:.95;}
.kb-home .kb-slider-controls{margin-top:6px;}
.kb-home .kb-slider-arrow{width:44px;height:44px;border-radius:14px;border:1px solid var(--rule);cursor:pointer;font-size:19px;
  background:linear-gradient(160deg,var(--card),var(--card-hover));color:var(--ink);box-shadow:0 10px 18px -12px rgba(0,0,0,.5);
  transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,border-color .2s;}
.kb-home .kb-slider-arrow:hover{transform:translateY(-3px);border-color:var(--yellow);box-shadow:0 16px 24px -12px rgba(143,92,39,.7);}
.kb-home .kb-slider-arrow:active{transform:scale(.92);}

/* ---------- Hinweis- und Schritte-Kacheln ---------- */
.kb-home .kb-note-box{margin-top:24px;padding:24px 26px;}
.kb-home .kb-note-box p{color:#fff !important;font-size:17px;}
.kb-home .kb-protocol-strip{background:transparent !important;border:0 !important;border-radius:0 !important;overflow:visible !important;gap:16px;}
.kb-home .kb-protocol-strip .step{padding:24px 22px;border-right:0 !important;}
.kb-home .kb-protocol-strip .step .code{display:inline-block;font-size:12px;letter-spacing:.14em;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);margin-bottom:10px;}
.kb-home .kb-protocol-strip .step h3{font-size:19px;}
.kb-home .kb-protocol-strip .step:hover{background-color:transparent;}
.kb-home .kb-protocol-strip .step::after{display:none !important;}
.kb-home .kb-hilfe-banner svg{stroke:#fff;}
.kb-home .kb-hilfe-banner{margin-bottom:26px !important;}
.kb-home .kb-rate-box{margin-top:6px;}
.kb-home .kb-rate-box h2{font-size:clamp(20px,2.4vw,26px);}
.kb-home .kb-rate-box p{font-size:16.5px;}
@media (max-width:900px){.kb-home .kb-protocol-strip{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.kb-home .kb-protocol-strip{grid-template-columns:1fr;}}

/* ---------- Diagnose-Check ---------- */
.kb-home .kb-diag-card{border-radius:24px;padding:30px;box-shadow:0 30px 56px -36px rgba(0,0,0,.5);
  background:linear-gradient(165deg,var(--card),color-mix(in srgb,var(--card) 93%,var(--yellow)));}
.kb-home .kb-chip{border-radius:14px;padding:13px 16px;background:linear-gradient(160deg,var(--card),var(--bg-alt));
  box-shadow:0 8px 16px -12px rgba(0,0,0,.5);
  transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,border-color .2s,background .25s,color .2s;}
.kb-home .kb-chip:hover{transform:translateY(-3px);border-color:var(--yellow);box-shadow:0 16px 24px -14px rgba(143,92,39,.7);}
.kb-home .kb-chip:active{transform:scale(.97);}
.kb-home .kb-chip .box{width:24px;height:24px;border-radius:8px;border-width:2px;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.3,1.7,.5,1);}
.kb-home .kb-chip.checked{background:linear-gradient(135deg,#e2ad70 0%,#cb8b49 55%,#b57332 100%);border-color:#8f5c27;color:#1a1208;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 26px -14px rgba(143,92,39,.9);}
.kb-home .kb-chip.checked .box{background:#1a1208;border-color:#1a1208;color:#fff;animation:kbPop .35s cubic-bezier(.3,1.7,.5,1);}
@keyframes kbPop{0%{transform:scale(.4);}100%{transform:scale(1);}}

/* ---------- Häufige Fragen ---------- */
.kb-home .kb-faq-item{border-radius:16px;padding:2px 24px 2px 26px;position:relative;overflow:hidden;
  background:linear-gradient(165deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--yellow)));
  box-shadow:0 10px 20px -16px rgba(0,0,0,.45);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.kb-home .kb-faq-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ecc895,#b57332);transform:scaleY(0);transform-origin:top;transition:transform .35s ease;}
.kb-home .kb-faq-item[open]::before{transform:scaleY(1);}
.kb-home .kb-faq-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yellow) 55%,var(--rule));box-shadow:0 18px 28px -18px rgba(143,92,39,.6);}
.kb-home .kb-faq-item summary{padding:16px 40px 16px 0;}
.kb-home .kb-faq-item summary::after{width:30px;height:30px;right:0;top:50%;margin-top:-15px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--yellow-soft);color:var(--yellow);font-weight:600;transition:transform .35s cubic-bezier(.3,1.5,.5,1),background .2s,color .2s;}
.kb-home .kb-faq-item[open] summary::after{transform:rotate(135deg);background:#b57332;color:#fff;}
.kb-home .kb-faq-item[open] p{animation:kbOpen .35s ease;}
@keyframes kbOpen{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* ---------- Kontakt ---------- */
.kb-home .kb-cta-bar{gap:16px;}
.kb-home a.kb-cta-big{border-radius:22px;padding:30px 20px;}
.kb-home a.kb-cta-big .lbl{font-size:19px;}
.kb-home .kb-contact-form{border-radius:24px;padding:30px;box-shadow:0 30px 56px -38px rgba(0,0,0,.55);
  background:linear-gradient(165deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--yellow)));}
.kb-home .kb-contact-form input,.kb-home .kb-contact-form textarea{border-radius:12px;padding:12px 14px;}
.kb-home .kb-contact-form input:focus,.kb-home .kb-contact-form textarea:focus{border-color:#b57332;box-shadow:0 0 0 4px rgba(181,115,50,.22);}
.kb-home .kb-contact-form a[href*="wa.me"],.kb-home .kb-contact-form .kb-btn{border-radius:12px !important;}
.kb-home .kb-contact-mini{border-radius:20px;padding:18px 20px;
  background:linear-gradient(165deg,var(--card),color-mix(in srgb,var(--card) 93%,var(--yellow)));box-shadow:0 12px 24px -18px rgba(0,0,0,.5);
  transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .25s,border-color .25s;}
.kb-home .kb-contact-mini:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--yellow) 60%,var(--rule));box-shadow:0 22px 32px -18px rgba(143,92,39,.65);}
.kb-home .kb-contact-mini .ico{border:0;color:#fff;background:var(--kx-kupfer-hell);box-shadow:0 8px 16px -8px rgba(181,115,50,.95);}

/* ---------- Bewertungs-Hinweis ---------- */
.kb-home .kb-toast{border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -24px rgba(0,0,0,.6);}
.kb-home .kb-toast .avatar{background:var(--kx-kupfer-hell);border:0;box-shadow:0 8px 16px -8px rgba(181,115,50,.95);}

/* ---------- Rücksicht ---------- */
@media (prefers-reduced-motion:reduce){
  .kb-home .kb-btn,.kb-home .kb-chip,.kb-home .kb-faq-item,.kb-home .kb-contact-mini,.kb-home .kb-hero-facts>div,.kb-home .kb-slider-arrow{transition:none !important;}
  .kb-home .kb-btn::after{display:none;}
  .kb-home .kb-chip.checked .box,.kb-home .kb-faq-item[open] p{animation:none !important;}
}
html.kb-a11y-mode .kb-home .kb-btn::after{display:none;}
@media print{.kb-home .kb-hero-facts>div{background:none;border:1px solid #999 !important;}}

/* SCHWERPUNKT-LESBAR: weiße Schrift auf dunklerem Grund statt auf hellem Kupfer (V413) */
.kb-home .kb-slide.kb-slide .badge.badge{background:rgba(10,11,9,.38) !important;color:#fff !important;border-color:rgba(255,255,255,.45) !important;}