:root{
    --bg:#0a0b09;
    --bg-alt:#131510;
    --card:#191b16;
    --card-hover:#20231c;
    --rule:#2c2f26;
    --yellow:#f5d90a;
    --yellow-soft:#3a3610;
    --green:#3ddc84;
    --green-soft:#0f2a1c;
    --ink:#f3f4ef;
    --ink-soft:#a8ae9f;
    --warn:#ff6b5b;
    --warn-soft:#3a1712;
    --info:#4fa8ff;
    --info-soft:#0f2338;
  }
  html.kb-light-mode{
    --bg:#f7f6f0;
    --bg-alt:#ffffff;
    --card:#ffffff;
    --card-hover:#f0efe6;
    --rule:#ddd8c8;
    --yellow:#b8860b;
    --yellow-soft:#fdf3d6;
    --green:#1f8f4e;
    --green-soft:#e3f5ea;
    --ink:#1c2321;
    --ink-soft:#5a6158;
    --warn:#c0392b;
    --warn-soft:#fbe4e0;
    --info:#1f6fb2;
    --info-soft:#e3eefc;
  }
  html.kb-light-mode body{background:var(--bg);}
  html.kb-light-mode img{filter:brightness(0.97);}
  /* Barrierefreiheit: sichtbarer Fokus bei Tastatur-Navigation */
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible{
    outline:3px solid var(--yellow);
    outline-offset:2px;
    border-radius:3px;
  }
  /* Barrierefreiheits-Modus: größere Schrift & höherer Kontrast — nur aktiv, wenn per Button eingeschaltet */
  html.kb-a11y-mode{zoom:1.16;--ink-soft:#e2e4de;--rule:#5c614f;}
  html.kb-a11y-mode .kb-card, html.kb-a11y-mode .kb-trust-card, html.kb-a11y-mode .kb-slide, html.kb-a11y-mode .kb-faq-item{border-width:2px;}
  html.kb-a11y-mode #kbA11yToggle{zoom:1;background:var(--yellow);color:#0a0b09;border-color:var(--yellow);}
  /* Skip-Link */
  .kb-skip{position:absolute;left:-9999px;top:0;z-index:100001;background:var(--yellow);color:#0a0b09;padding:12px 20px;font-weight:600;text-decoration:none;border-radius:0 0 8px 0;}
  .kb-skip:focus{left:0;}
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  html,body{max-width:100%;overflow-x:hidden;}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans",Arial,sans-serif;line-height:1.55;}
  h1,h2,h3,h4{font-family:"Space Grotesk",Arial,sans-serif;}
  .kb-wrap{max-width:1040px;margin:0 auto;padding:0 22px;}
  .mono{font-family:"IBM Plex Mono",monospace;}
  a{color:inherit;}
  img{max-width:100%;}

  .kb-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease, transform .55s ease;}
  .kb-reveal.in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}.kb-reveal{opacity:1;transform:none;transition:none;}}

  /* ===== Social-Proof Toast ===== */
  .kb-toast{
    position:fixed;left:16px;right:16px;bottom:16px;max-width:440px;margin:0 auto;
    background:var(--card);border:1px solid var(--rule);border-radius:12px;
    padding:16px 44px 16px 16px;display:flex;gap:14px;align-items:flex-start;
    box-shadow:0 12px 32px rgba(0,0,0,0.5);
    z-index:75;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.8,.2,1);
  }
  .kb-toast.show{transform:translateY(0);}
  .kb-toast .avatar{
    width:46px;height:46px;border-radius:50%;flex:none;
    background:var(--yellow-soft);border:1px solid var(--yellow);
    display:flex;align-items:center;justify-content:center;font-size:21.8px;color:var(--yellow);
  }
  .kb-toast .body p{margin:0 0 4px;font-size:15.5px;color:var(--ink);line-height:1.45;}
  .kb-toast .body p strong{color:#fff;}
  .kb-toast .body .stars{color:var(--yellow);font-size:13.8px;letter-spacing:1px;margin-bottom:4px;}
  .kb-toast .body .cta{
    display:inline-block;margin-top:8px;background:var(--yellow);color:#0a0b09;
    font-size:14.4px;font-weight:700;padding:8px 14px;border-radius:5px;text-decoration:none;
  }
  .kb-toast .body .cta:hover{background:#fff;}
  .kb-toast .close{
    position:absolute;top:10px;right:10px;background:none;border:none;
    color:var(--ink-soft);font-size:20.7px;cursor:pointer;line-height:1;padding:4px;
  }
  .kb-toast .close:hover{color:#fff;}
  @media (max-width:480px){.kb-toast{left:10px;right:10px;padding:14px 40px 14px 14px;}}

  .kb-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--yellow),var(--green));width:0%;z-index:80;}

  /* NAV */
  .kb-nav{position:sticky;top:0;z-index:60;background:rgba(10,11,9,0.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);}
  .kb-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;max-width:1040px;margin:0 auto;}
  .kb-logo{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:26px;color:var(--ink);text-decoration:none;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;line-height:1.1;}
  .kb-logo-img{grid-row:1 / 3;width:38px;height:38px;border-radius:50%;object-fit:cover;}
  .kb-logo span{grid-column:2;}
  .kb-logo span{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);font-weight:600;}
  .kb-nav-links{display:flex;gap:22px;align-items:center;}
  .kb-nav-links a{font-size:15.5px;color:var(--ink-soft);text-decoration:none;font-weight:500;}
  .kb-nav-links a:hover{color:var(--yellow);}
  .kb-nav-cta{background:var(--yellow);color:#0a0b09 !important;padding:9px 18px;border-radius:3px;font-weight:700;font-size:14.9px;}
  .kb-nav-cta:hover{background:#fff !important;}
  .kb-nav-toggle{display:none;background:none;border:none;font-size:25.3px;color:var(--ink);cursor:pointer;}

  .kb-lang-dropdown{position:relative;}
  .kb-lang-dropdown #kbLangBtn{background:none;border:none;font-size:15.5px;color:var(--ink-soft);font-weight:500;font-family:inherit;cursor:pointer;padding:0;display:flex;align-items:center;}
  .kb-lang-dropdown #kbLangBtn:hover{color:var(--yellow);}
  .kb-lang-menu{position:absolute;top:calc(100% + 14px);left:0;background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:6px;min-width:160px;box-shadow:0 12px 30px rgba(0,0,0,.4);display:none;flex-direction:column;z-index:80;}
  .kb-lang-menu.open{display:flex;}
  .kb-lang-menu a{padding:9px 12px;border-radius:5px;font-size:14.5px;color:var(--ink);text-decoration:none;white-space:nowrap;}
  .kb-lang-menu a:hover{background:rgba(245,217,10,.1);color:var(--yellow);}
  @media (max-width:760px){
    .kb-lang-menu{position:static;box-shadow:none;border:none;background:none;padding:4px 0 0 12px;}
    .kb-lang-menu a{color:var(--ink-soft);padding:8px 0;}
  }
  @media (max-width:760px){
    .kb-nav-links{position:fixed;top:64px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:18px 22px;border-bottom:1px solid var(--rule);display:none;gap:16px;}
    .kb-nav-links.open{display:flex;}
    .kb-nav-toggle{display:block;}
    .kb-logo{font-size:21px;}
    .kb-logo-img{width:32px;height:32px;}
    .kb-logo span{font-size:10.5px;}
  }

  /* HERO */
  .kb-hero{position:relative;overflow:hidden;padding:64px 0 50px;
    background:radial-gradient(ellipse 700px 400px at 80% 0%, rgba(245,217,10,0.10), transparent 60%),
               radial-gradient(ellipse 600px 400px at 10% 90%, rgba(61,220,132,0.08), transparent 60%),
               var(--bg);}
  .kb-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);background-size:38px 38px;pointer-events:none;}
  .kb-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  .kb-hero-inner{position:relative;}
  .kb-hero-flex{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;}
  .kb-hero-img{width:100%;border-radius:10px;border:1px solid rgba(245,217,10,.25);box-shadow:0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(245,217,10,.1);transition:box-shadow .3s ease;}
  .kb-hero-img:hover,.kb-hero-img:active{box-shadow:0 24px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(245,217,10,.25);}
  @media (max-width:900px){.kb-hero-flex{grid-template-columns:1fr;}.kb-hero-img{order:-1;max-height:280px;object-fit:cover;}}
  .kb-tag{font-family:"IBM Plex Mono",monospace;font-size:13.2px;letter-spacing:.16em;text-transform:uppercase;color:var(--bg);background:var(--yellow);display:inline-block;padding:6px 12px;border-radius:3px;margin-bottom:20px;font-weight:700;}
  .kb-hero h1{font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.14;margin:0 0 18px;color:#fff;max-width:780px;}
  .kb-hero h1 em{font-style:normal;color:var(--green);}
  .kb-hero p.lede{color:var(--ink-soft);font-size:18.4px;max-width:620px;margin:0 0 28px;}
  .kb-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
  .kb-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:3px;font-weight:700;text-decoration:none;font-size:16.7px;cursor:pointer;border:none;font-family:"IBM Plex Sans",sans-serif;}
  .kb-btn.primary{background:var(--yellow);color:#0a0b09;box-shadow:0 4px 14px rgba(245,217,10,.18);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}
  .kb-btn.primary:hover,.kb-btn.primary:active{background:#fff;transform:translateY(-2px);box-shadow:0 8px 22px rgba(245,217,10,.28);}
  .kb-btn.secondary{background:transparent;color:#fff;border:1px solid var(--rule);transition:border-color .2s ease,color .2s ease,transform .2s ease;}
  .kb-btn.secondary:hover,.kb-btn.secondary:active{border-color:var(--green);color:var(--green);transform:translateY(-2px);}
  .kb-hero-facts{display:grid;grid-template-columns:repeat(4,auto);gap:0 4px;border-top:1px solid var(--rule);padding-top:20px;max-width:660px;}
  @media (max-width:720px){.kb-hero-facts{grid-template-columns:repeat(2,1fr);row-gap:18px;max-width:100%;}.kb-hero-facts div:nth-child(2n){border-right:none;}}
  .kb-hero-facts div{padding-right:20px;border-right:1px solid var(--rule);}
  .kb-hero-facts div:last-child{border-right:none;}
  .kb-hero-facts .num{font-family:"IBM Plex Mono",monospace;font-size:27.6px;font-weight:700;color:var(--green);display:block;}
  .kb-hero-facts .lbl{font-size:12.6px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;}

  .kb-section-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:13.2px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin:0 0 10px;display:block;font-weight:700;}
  .kb-section-title{font-size:31px;font-weight:700;margin:0 0 12px;color:#fff;}
  .kb-section-sub{font-size:16.7px;color:var(--ink-soft);max-width:620px;margin:0 0 28px;}

  /* DIAGNOSE */
  .kb-diag{padding:56px 0 10px;}
  .kb-diag-card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:26px;}
  .kb-diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
  .kb-chip{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--rule);border-radius:5px;cursor:pointer;font-size:15.5px;color:var(--ink);background:var(--bg-alt);transition:all .15s ease;user-select:none;}
  .kb-chip:hover{border-color:var(--yellow);}
  .kb-chip .box{width:16px;height:16px;flex:none;border:1.5px solid var(--ink-soft);border-radius:3px;display:flex;align-items:center;justify-content:center;background:transparent;font-size:12.6px;color:transparent;}
  .kb-chip.checked{background:var(--yellow-soft);border-color:var(--yellow);}
  .kb-chip.checked .box{background:var(--yellow);border-color:var(--yellow);color:#0a0b09;}
  .kb-chip.warn-item.checked{background:var(--warn-soft);border-color:var(--warn);}
  .kb-chip.warn-item.checked .box{background:var(--warn);border-color:var(--warn);color:#0a0b09;}
  .kb-diag-result{border-top:1px solid var(--rule);padding-top:18px;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .kb-diag-result .msg{font-size:16.7px;color:var(--ink-soft);max-width:520px;}
  .kb-diag-result .msg strong{color:#fff;}
  .kb-diag-badge{font-family:"IBM Plex Mono",monospace;font-size:13.8px;font-weight:700;padding:6px 12px;border-radius:999px;white-space:nowrap;}
  .kb-diag-badge.low{background:var(--rule);color:var(--ink-soft);}
  .kb-diag-badge.mid{background:var(--yellow-soft);color:var(--yellow);}
  .kb-diag-badge.high{background:var(--warn-soft);color:var(--warn);}

  /* ABLAUF */
  .kb-protocol{padding:56px 0 10px;}
  .kb-protocol-strip{background:var(--card);border:1px solid var(--rule);border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;}
  .kb-protocol-strip .step{padding:24px 20px;border-right:1px solid var(--rule);transition:background .2s ease;position:relative;}
  .kb-protocol-strip .step:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--yellow);font-size:20px;z-index:2;background:var(--card);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule);}
  .kb-protocol-strip .step:hover{background:var(--card-hover);}
  .kb-protocol-strip .step:last-child{border-right:none;}
  .kb-protocol-strip .code{font-family:"IBM Plex Mono",monospace;font-size:12.6px;color:var(--green);letter-spacing:.08em;display:block;margin-bottom:10px;}
  .kb-ship-box{background:var(--card);border:1px solid var(--rule);border-radius:10px;overflow:hidden;max-width:560px;margin-top:8px;}
  .kb-express{margin-top:34px;background:linear-gradient(135deg,#1a1c17 0%,#0a0b09 100%);border:1px solid var(--yellow);border-radius:12px;padding:28px 30px;position:relative;overflow:hidden;}
  .kb-express::before{content:'⚡';position:absolute;right:-10px;top:-20px;font-size:120px;opacity:0.06;}
  .kb-express-tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--yellow);color:#0a0b09;padding:5px 12px;border-radius:4px;font-weight:700;margin-bottom:14px;}
  .kb-express h3{margin:0 0 8px;font-size:22px;color:#fff;font-family:"Space Grotesk",sans-serif;}
  .kb-express p{margin:0 0 18px;font-size:15px;color:var(--ink-soft);max-width:620px;line-height:1.6;}
  .kb-express-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}
  .kb-express-item{display:flex;align-items:flex-start;gap:12px;background:rgba(245,217,10,0.06);border:1px solid rgba(245,217,10,0.2);border-radius:8px;padding:14px 16px;}
  .kb-express-item .ic{font-size:22px;flex:none;}
  .kb-express-item h4{margin:0 0 3px;font-size:15px;color:var(--yellow);}
  .kb-express-item p{margin:0;font-size:13px;color:var(--ink-soft);}
  @media (max-width:720px){.kb-express-grid{grid-template-columns:1fr;}}
  .kb-ship-head{background:var(--yellow);padding:16px 22px;position:relative;}
  .kb-ship-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:#D40511;}
  .kb-ship-head .row{display:flex;align-items:center;gap:10px;}
  .kb-ship-head .logo{background:#1a1a1a;color:var(--yellow);font-weight:800;font-size:13px;letter-spacing:1px;padding:5px 10px;border-radius:4px;}
  .kb-ship-head h3{margin:0;font-size:16px;color:#1a1a1a;font-weight:700;}
  .kb-ship-body{padding:20px 22px;}
  .kb-ship-body p{margin:0 0 14px;font-size:14px;color:var(--ink-soft);line-height:1.6;}
  .kb-ship-steps{list-style:none;margin:0 0 16px;padding:0;}
  .kb-ship-steps li{position:relative;padding:0 0 14px 24px;border-left:2px solid var(--rule);font-size:13.5px;color:var(--ink);}
  .kb-ship-steps li:last-child{border-left:2px solid transparent;padding-bottom:0;}
  .kb-ship-steps li::before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--card);}
  .kb-ship-steps li span{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px;}
  .kb-ship-btn{display:inline-flex;align-items:center;gap:8px;background:#D40511;color:#fff;padding:11px 20px;border-radius:7px;font-weight:700;font-size:14px;text-decoration:none;}
  .kb-ship-btn:hover{background:#b40410;}
  .kb-protocol-strip h3{margin:0 0 6px;font-size:17.8px;color:#fff;font-weight:600;}
  .kb-protocol-strip p{margin:0;font-size:14.9px;color:var(--ink-soft);}

  /* HERSTELLER SLIDER */
  .kb-brands{padding:56px 0 10px;}
  .kb-slider-wrap{position:relative;}
  .kb-slider{
    display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .kb-slider::-webkit-scrollbar{display:none;}
  .kb-slide-logo{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:7px;margin-bottom:10px;transition:transform .25s cubic-bezier(.2,.8,.2,1);}
  .kb-slide-logo img{max-width:100%;max-height:100%;object-fit:contain;}
  .kb-slide{
    flex:0 0 auto;width:230px;scroll-snap-align:start;background:var(--card);border:1px solid var(--rule);
    border-radius:8px;padding:20px;transition:border-color .2s ease, transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease;
    position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.2);
  }
  .kb-slide::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--yellow),var(--green));}
  .kb-slide:hover,.kb-slide:active{border-color:var(--yellow);transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 0 1px rgba(245,217,10,.15);}
  .kb-slide:hover .kb-slide-logo,.kb-slide:active .kb-slide-logo{transform:scale(1.12);}
  .kb-slide .badge{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11.5px;background:var(--yellow);color:#0a0b09;padding:3px 9px;border-radius:999px;margin-bottom:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;}
  .kb-slide h3{margin:0 0 8px;font-size:18.4px;color:#fff;font-weight:600;}
  .kb-slide p{margin:0 0 12px;font-size:14.4px;color:var(--ink-soft);}
  .kb-slide .models{font-family:"IBM Plex Mono",monospace;font-size:12.1px;color:var(--green);line-height:1.8;}
  .kb-slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;}
  .kb-slider-arrows{display:flex;gap:8px;}
  .kb-slider-arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--rule);background:var(--card);color:var(--ink);font-size:18.4px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
  .kb-slider-arrow:hover{border-color:var(--yellow);color:var(--yellow);}
  .kb-slider-count{font-family:"IBM Plex Mono",monospace;font-size:13.8px;color:var(--ink-soft);}
  .kb-note-box{margin-top:22px;background:var(--card);border:1px dashed var(--green);border-radius:8px;padding:20px 22px;text-align:center;}
  .kb-note-box p{margin:0 0 12px;font-size:16.1px;color:var(--ink-soft);}

  /* RECHNER */
  .kb-calc{padding:56px 0 10px;}
  .kb-calc-card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:28px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:30px;}
  .kb-calc-controls label{display:block;font-size:13.8px;color:var(--ink-soft);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-family:"IBM Plex Mono",monospace;}
  .kb-calc-row{margin-bottom:22px;}
  .kb-calc-select{width:100%;padding:13px 16px;background:#0a0b09;color:#fff;border:1px solid var(--rule);border-radius:8px;font-family:"IBM Plex Sans",sans-serif;font-size:15px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f5d90a' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;}
  .kb-calc-select:focus{outline:none;border-color:var(--yellow);}
  .kb-calc-row input[type=range]{width:100%;accent-color:var(--yellow);height:4px;}
  .kb-calc-value{font-family:"IBM Plex Mono",monospace;font-weight:700;color:var(--yellow);font-size:17.2px;}
  .kb-toggle{display:flex;gap:8px;}
  .kb-toggle button{flex:1;padding:11px 12px;border-radius:5px;border:1px solid var(--rule);background:var(--bg-alt);font-family:"IBM Plex Sans",sans-serif;font-size:15.5px;cursor:pointer;color:var(--ink);transition:all .2s ease;}
  .kb-toggle button.active{background:var(--yellow);color:#0a0b09;border-color:var(--yellow);font-weight:700;}
  .kb-calc-result{background:var(--green-soft);border-radius:8px;padding:22px;display:flex;flex-direction:column;justify-content:center;border:1px dashed var(--green);}
  .kb-calc-result .lbl{font-size:13.8px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-family:"IBM Plex Mono",monospace;}
  .kb-calc-result .big{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:48.3px;color:var(--green);margin:6px 0 4px;line-height:1;display:inline-block;transition:transform .18s ease;}
  .kb-calc-result .big.pop{transform:scale(1.12);}
  .kb-calc-result .sub{font-size:14.9px;color:var(--ink-soft);}
  .kb-bar{height:8px;background:var(--rule);border-radius:99px;overflow:hidden;margin-top:16px;}
  .kb-bar-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--green));width:0%;transition:width .5s ease;}

  /* TRUST */
  .kb-trust{padding:56px 0 10px;}
  .kb-trust-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(150px,auto);gap:16px;}
  .kb-trust-grid .kb-trust-card:nth-child(1){grid-column:span 4;}
  .kb-trust-grid .kb-trust-card:nth-child(2){grid-column:span 2;grid-row:span 2;}
  .kb-trust-grid .kb-trust-card:nth-child(3){grid-column:span 2;}
  .kb-trust-grid .kb-trust-card:nth-child(4){grid-column:span 2;}
  .kb-trust-grid .kb-trust-card:nth-child(5){grid-column:span 3;}
  .kb-trust-grid .kb-trust-card:nth-child(6){grid-column:span 3;}
  .kb-trust-grid .kb-trust-card:nth-child(n+7){grid-column:span 2;}
  .kb-sv-hint{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:20px 24px;}
  .kb-sv-ico{font-size:28px;flex:none;opacity:.85;}
  .kb-sv-text{flex:1;min-width:220px;}
  .kb-sv-text h3{margin:0 0 4px;color:#fff;font-size:16.5px;font-family:"Space Grotesk",sans-serif;}
  .kb-sv-text p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55;}
  @media (max-width:640px){.kb-sv-hint{flex-direction:column;align-items:flex-start;}.kb-sv-hint .kb-btn{width:100%;text-align:center;}}
  .kb-partner-box{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(61,220,132,0.08),rgba(10,11,9,0.4));border:1px solid var(--green);border-radius:12px;padding:24px 28px;margin-top:20px;}
  .kb-partner-ico{font-size:38px;flex:none;}
  .kb-partner-text{flex:1;min-width:220px;}
  .kb-partner-text h3{margin:0 0 6px;color:#fff;font-size:19px;font-family:"Space Grotesk",sans-serif;}
  .kb-partner-text p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.6;}
  @media (max-width:640px){.kb-partner-box{flex-direction:column;align-items:flex-start;text-align:left;}.kb-partner-box .kb-btn{width:100%;text-align:center;}}
  .kb-trust-card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:24px;transition:transform .1s ease-out, border-color .18s ease, box-shadow .18s ease;transform-style:preserve-3d;will-change:transform;}
  .kb-trust-card.kb-tilting{border-color:var(--yellow);box-shadow:0 16px 34px rgba(0,0,0,.4);}
  .kb-trust-card:hover{transform:translateY(-3px);border-color:var(--green);}
  .kb-trust-card .ico{width:38px;height:38px;border-radius:50%;background:var(--yellow-soft);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--yellow);font-size:19.5px;}
  .kb-heart-pulse{animation:kbHeartPulse 1.8s ease-in-out infinite;}
  @keyframes kbHeartPulse{0%,100%{color:var(--yellow);}50%{color:#ff3b3b;}}
  .kb-trust-card h3{margin:0 0 8px;font-size:17.8px;color:#fff;font-weight:600;}
  .kb-trust-card p{margin:0;font-size:15.5px;color:var(--ink-soft);}

  /* QUALITÄT */
  .kb-quality{padding:56px 0 10px;}
  .kb-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .kb-quality-card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:18px;text-align:center;transition:transform .18s ease;}
  .kb-quality-card:hover{transform:translateY(-3px);}
  .kb-quality-card .num{font-family:"IBM Plex Mono",monospace;font-size:24.1px;font-weight:700;color:var(--green);display:block;margin-bottom:8px;}
  .kb-quality-card h4{margin:0 0 6px;font-size:15.5px;color:#fff;font-weight:600;}
  .kb-quality-card p{margin:0;font-size:13.8px;color:var(--ink-soft);}
  .kb-guarantee-strip{margin-top:20px;background:linear-gradient(90deg, var(--yellow-soft), var(--green-soft));border:1px solid var(--rule);border-radius:8px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .kb-guarantee-strip .txt strong{color:var(--yellow);font-family:"Space Grotesk",sans-serif;font-size:21.8px;font-weight:700;}
  .kb-guarantee-strip .txt p{margin:4px 0 0;color:var(--ink-soft);font-size:15.5px;}
  .kb-guarantee-strip a{color:var(--green);text-decoration:underline;font-size:14.9px;white-space:nowrap;font-weight:600;}

  /* ERSATZTEILE */
  .kb-parts{padding:56px 0 10px;}
  .kb-parts-card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  .kb-parts-col h3{margin:0 0 10px;font-size:17.8px;color:#fff;}
  .kb-parts-col p{margin:0;font-size:15.5px;color:var(--ink-soft);}
  .kb-parts-col.warn{border-left:2px solid var(--warn);padding-left:20px;}
  .kb-parts-col.ok{border-left:2px solid var(--green);padding-left:20px;}

  /* GALERIE */
  .kb-gallery{padding:56px 0 10px;}
  .kb-gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}
  .kb-logo-pulse{animation:kbLogoPulse 2.6s ease-in-out infinite;}
  @keyframes kbLogoPulse{0%,100%{opacity:.5;}50%{opacity:1;}}
  .kb-logo-pulse:nth-child(2){animation-delay:.3s;}
  .kb-logo-pulse:nth-child(3){animation-delay:.6s;}
  .kb-logo-pulse:nth-child(4){animation-delay:.9s;}
  .kb-logo-pulse:nth-child(5){animation-delay:1.2s;}
  .kb-logo-pulse:nth-child(6){animation-delay:1.5s;}
  .kb-logo-pulse:nth-child(7){animation-delay:1.8s;}
  .kb-logo-pulse:nth-child(8){animation-delay:2.1s;}
  .kb-logo-fade{opacity:0;transition:opacity 1.1s ease-in-out;}
  .kb-logo-fade-in{opacity:1;}
  .kb-logo-fade-out{opacity:0 !important;transition:opacity 1.1s ease-in-out !important;animation:none !important;}
  .kb-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
  .kb-video-facade{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--card);border:1px solid var(--rule);}
  .kb-video-facade img{width:100%;height:100%;object-fit:cover;display:block;}
  .kb-video-facade iframe{width:100%;height:100%;border:0;display:block;}
  .kb-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(10,11,9,0.75);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .2s ease,background .2s ease;}
  .kb-video-facade:hover .kb-video-play{transform:translate(-50%,-50%) scale(1.08);background:var(--yellow);color:#0a0b09;}
  .kb-gallery-grid button{padding:0;border:1px solid var(--rule);border-radius:6px;overflow:hidden;cursor:pointer;background:none;aspect-ratio:1/1;}
  .kb-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(20%) brightness(0.92);transition:transform .3s ease, filter .3s ease;}
  .kb-gallery-grid button:hover img{transform:scale(1.06);filter:grayscale(0%) brightness(1);}
  .kb-lightbox{position:fixed;inset:0;background:rgba(10,11,9,0.94);z-index:100;display:none;align-items:center;justify-content:center;padding:30px;}
  .kb-lightbox.open{display:flex;}
  .kb-lightbox img{max-width:min(90vw,700px);max-height:80vh;border-radius:8px;border:2px solid var(--yellow);}
  .kb-lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:32.2px;cursor:pointer;line-height:1;}
  .kb-lightbox-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:var(--ink-soft);font-size:14.9px;font-family:"IBM Plex Mono",monospace;}

  /* BEWERTUNGEN */
  .kb-reviews{padding:56px 0 10px;}
  .kb-google-badge{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:16.1px;color:var(--ink-soft);}
  .kb-google-badge .g-logo{font-weight:700;font-size:17.2px;}
  .kb-google-badge .g-logo b:nth-child(1){color:#4285F4;}
  .kb-google-badge .g-logo b:nth-child(2){color:#EA4335;}
  .kb-google-badge .g-logo b:nth-child(3){color:#FBBC05;}
  .kb-google-badge .g-logo b:nth-child(4){color:#4285F4;}
  .kb-google-badge .g-logo b:nth-child(5){color:#34A853;}
  .kb-google-badge .g-logo b:nth-child(6){color:#EA4335;}
  .kb-google-badge .stars{color:var(--yellow);letter-spacing:1px;}
  .kb-google-live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;}
  .kb-google-review-card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:18px 20px;}
  .kb-google-review-card .stars{color:var(--yellow);font-size:14.9px;letter-spacing:1px;margin-bottom:8px;}
  .kb-google-review-card p{margin:0 0 10px;font-size:15.5px;color:var(--ink);line-height:1.5;}
  .kb-google-review-card a{font-size:13.8px;color:var(--ink-soft);text-decoration:none;font-family:"IBM Plex Mono",monospace;}
  .kb-google-review-card a:hover{color:var(--yellow);}
  .kb-google-fallback-note{font-size:13.2px;color:var(--ink-soft);margin-top:6px;}
  @media (max-width:700px){.kb-google-live-grid{grid-template-columns:1fr;}}
  .kb-review-card{background:linear-gradient(145deg,var(--card),#171812);border:1px solid var(--rule);border-radius:14px;padding:32px 34px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.25);}
  .kb-review-card::before{content:"\201C";position:absolute;top:-6px;right:22px;font-family:"Space Grotesk",serif;font-size:110px;line-height:1;color:var(--yellow);opacity:.09;pointer-events:none;}
  .kb-review-card .stars{color:var(--yellow);font-size:17px;letter-spacing:3px;margin-bottom:14px;text-shadow:0 0 12px rgba(245,217,10,.35);}
  .kb-review-card p{margin:0;font-size:17px;color:var(--ink);font-style:italic;line-height:1.55;position:relative;}
  .kb-review-card .who{margin-top:18px;font-size:13.5px;color:var(--ink-soft);font-family:"IBM Plex Mono",monospace;display:flex;align-items:center;gap:10px;}
  .kb-review-card .who::before{content:"";width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--green));flex-shrink:0;}
  .kb-verified-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;}
  .kb-verified-card{background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--yellow);border-radius:10px;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease;}
  .kb-verified-card::before{content:"\201C";position:absolute;top:-10px;right:16px;font-family:"Space Grotesk",serif;font-size:70px;line-height:1;color:var(--yellow);opacity:.1;pointer-events:none;}
  .kb-verified-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.35);border-color:var(--yellow);}
  .kb-verified-card .stars{color:var(--yellow);font-size:14.5px;letter-spacing:2px;margin-bottom:10px;}
  .kb-verified-card p{margin:0;font-size:14.5px;color:var(--ink);font-style:italic;line-height:1.6;position:relative;}
  .kb-verified-card .who{margin-top:16px;font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:9px;}
  .kb-verified-card .who::before{content:attr(data-initial);width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--green));color:#0a0b09;font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .kb-verified-card .who a{color:var(--green);text-decoration:none;}
  .kb-verified-card .who a:hover{text-decoration:underline;}
  @media (max-width:820px){.kb-verified-grid{grid-template-columns:1fr;}}
  .kb-review-nav{display:flex;justify-content:center;gap:9px;margin-top:20px;}
  .kb-review-dot{width:9px;height:9px;border-radius:50%;background:var(--rule);border:none;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease;}
  .kb-review-dot.active{background:var(--yellow);transform:scale(1.3);}
  .kb-review-timer{height:3px;background:var(--rule);border-radius:99px;overflow:hidden;margin-top:16px;max-width:200px;margin-left:auto;margin-right:auto;}
  .kb-review-timer-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));width:0%;}
  .kb-review-timer-fill.running{transition:width 6s linear;width:100%;}

  /* FAQ */
  .kb-faq{padding:56px 0 10px;}
  .kb-faq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--rule);padding-bottom:0;}
  .kb-faq-tab{font-family:"IBM Plex Mono",monospace;font-size:12.5px;letter-spacing:.03em;color:var(--ink-soft);background:transparent;border:none;border-bottom:2px solid transparent;padding:12px 16px;cursor:pointer;transition:all .2s ease;position:relative;text-transform:uppercase;}
  .kb-faq-tab:hover{color:#fff;}
  .kb-faq-tab.active{color:var(--yellow);border-bottom-color:var(--yellow);}
  .kb-faq-tab .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rule);margin-right:7px;vertical-align:middle;transition:background .2s ease;}
  .kb-faq-tab.active .dot{background:var(--green);box-shadow:0 0 8px var(--green);}
  .kb-faq-panel{display:none;animation:kbFaqFade .3s ease;}
  .kb-faq-panel.active{display:flex;flex-direction:column;gap:10px;}
  @keyframes kbFaqFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
  .kb-faq-list{display:flex;flex-direction:column;gap:10px;}
  .kb-faq-item{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:4px 20px;}
  .kb-faq-item summary{padding:14px 0;cursor:pointer;font-weight:600;color:#fff;font-size:17.2px;list-style:none;position:relative;}
  .kb-faq-item summary::-webkit-details-marker{display:none;}
  .kb-faq-item summary::after{content:"+";position:absolute;right:2px;top:12px;color:var(--yellow);font-size:20.7px;font-weight:400;}
  .kb-faq-item[open] summary::after{content:"–";}
  .kb-faq-item p{margin:0 0 16px;font-size:16.1px;color:var(--ink-soft);}

  /* KONTAKT */
  .kb-contact-section{padding:56px 0 10px;}
  .kb-cta-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 30px;}
  .kb-cta-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px 18px;border-radius:12px;text-decoration:none;text-align:center;transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;}
  .kb-cta-big:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.4);}
  .kb-cta-big .ic{font-size:34px;line-height:1;}
  .kb-cta-big .lbl{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:17px;}
  .kb-cta-big .sub{font-size:12.5px;opacity:.85;font-family:"IBM Plex Mono",monospace;}
  .kb-cta-phone{background:var(--yellow);color:#0a0b09;}
  .kb-cta-wa{background:#25D366;color:#fff;}
  .kb-cta-mail{background:var(--green);color:#0a0b09;}
  @media (max-width:640px){.kb-cta-bar{grid-template-columns:1fr;}}
  .kb-contact-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .kb-contact-form{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:26px;}
  .kb-contact-form label{display:block;font-size:13.8px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-family:"IBM Plex Mono",monospace;margin:14px 0 6px;transition:color .2s ease;}
  .kb-contact-form label:first-child{margin-top:0;}
  .kb-contact-form input, .kb-contact-form textarea{width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:5px;font-family:"IBM Plex Sans",sans-serif;font-size:16.1px;background:var(--bg-alt);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;}
  .kb-contact-form input:focus, .kb-contact-form textarea:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,217,10,.18);transform:translateY(-1px);}
  .kb-contact-form input:focus + label, .kb-contact-form label:has(+ input:focus){color:var(--yellow);}
  .kb-contact-form textarea{min-height:100px;resize:vertical;}
  .kb-contact-form button{margin-top:18px;width:100%;justify-content:center;}
  .kb-contact-note{font-size:13.8px;color:var(--ink-soft);margin-top:10px;}
  .kb-contact-cards{display:flex;flex-direction:column;gap:12px;}
  .kb-contact-mini{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;}
  .kb-contact-mini .ico{width:32px;height:32px;flex:none;border-radius:50%;background:var(--green-soft);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:17.2px;}
  .kb-contact-mini h4{margin:0 0 4px;font-size:16.1px;color:#fff;}
  .kb-contact-mini p{margin:0;font-size:15.5px;color:var(--ink-soft);}
  .kb-contact-mini a{color:var(--yellow);font-weight:600;text-decoration:none;}

  /* FOOTER */
  .kb-footer{background:var(--bg-alt);color:var(--ink-soft);padding:44px 0 26px;margin-top:56px;border-top:1px solid var(--rule);}
  .kb-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;margin-bottom:30px;}
  .kb-footer h5{font-family:"IBM Plex Mono",monospace;font-size:12.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin:0 0 14px;}
  .kb-footer p{margin:0 0 6px;font-size:15.5px;}
  .kb-footer ul{list-style:none;margin:0;padding:0;}
  .kb-footer li{margin-bottom:8px;}
  .kb-footer a{color:var(--ink-soft);text-decoration:none;font-size:15.5px;}
  .kb-footer a:hover{color:var(--green);}
  .kb-footer-bottom{border-top:1px solid var(--rule);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13.8px;color:#6b7066;}
  .kb-social{display:flex;gap:10px;margin-top:10px;}
  .kb-social a{width:32px;height:32px;border:1px solid var(--rule);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16.1px;}
  .kb-social a:hover{border-color:var(--yellow);color:var(--yellow);}

  .kb-float{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
  .kb-float-callback{color:#0a0b09!important;width:auto!important;height:auto!important;border-radius:26px!important;padding:8px 18px!important;gap:7px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px!important;white-space:nowrap;animation:kbPulse 3s ease-in-out infinite;}
  .kb-cb-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;}
  .kb-cb-text small{font-size:9.5px;font-weight:500;opacity:.72;letter-spacing:.02em;}
  @keyframes kbPulse{
    0%,100%{background:var(--yellow);box-shadow:0 4px 14px rgba(0,0,0,0.4),0 0 0 0 rgba(245,217,10,0.5);}
    50%{background:var(--green);box-shadow:0 4px 18px rgba(61,220,132,0.5),0 0 0 12px rgba(61,220,132,0);}
  }
  .kb-callback-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px);}
  .kb-callback-modal.show{display:flex;animation:kbCbFade .25s ease;}
  @keyframes kbCbFade{from{opacity:0;}to{opacity:1;}}
  .kb-callback-box{background:var(--card);border:1px solid var(--rule);border-radius:14px;max-width:480px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.6);}
  .kb-callback-head{background:linear-gradient(135deg,#1a1c17,#0a0b09);padding:22px 26px;border-bottom:1px solid var(--rule);border-radius:14px 14px 0 0;}
  .kb-callback-head h3{margin:0;color:#fff;font-size:20px;font-family:"Space Grotesk",sans-serif;}
  .kb-callback-head p{margin:6px 0 0;color:var(--ink-soft);font-size:13.5px;}
  .kb-callback-close{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.1);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;line-height:1;z-index:2;}
  .kb-callback-close:hover{background:rgba(255,255,255,.2);}
  .kb-callback-body{padding:8px 14px 16px;}
  .kb-callback-blocked{padding:30px 26px;text-align:center;color:var(--ink-soft);font-size:14px;}
  .kb-callback-blocked a{color:var(--yellow);cursor:pointer;text-decoration:underline;}
  .kb-float-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:23px;box-shadow:0 4px 14px rgba(0,0,0,0.4);border:none;cursor:pointer;}
  .kb-float-wa{background:#25D366;color:#fff;}
  .kb-float-phone{background:var(--yellow);color:#0a0b09;}
  .kb-float-mail{background:var(--green);color:#0a0b09;}
  .kb-top{background:var(--card);color:var(--yellow);border:1px solid var(--rule);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease, transform .25s ease;}
  .kb-top.show{opacity:1;pointer-events:auto;transform:translateY(0);}

  @media (max-width:820px){
    .kb-diag-grid{grid-template-columns:1fr;gap:7px;}
    .kb-chip{padding:8px 12px;font-size:13px;gap:8px;line-height:1.3;border:1.5px solid var(--yellow);border-radius:12px;background:var(--bg-alt);}
    .kb-chip .box{width:13px;height:13px;font-size:9px;flex:none;}
    .kb-protocol-strip{grid-template-columns:1fr 1fr;}
    .kb-protocol-strip .step::after{display:none;}
    .kb-protocol-strip .step{border-bottom:1px solid var(--rule);}
    .kb-calc-card{grid-template-columns:1fr;}
    .kb-trust-grid{grid-template-columns:1fr;}
    .kb-trust-grid .kb-trust-card{grid-column:span 1 !important;grid-row:span 1 !important;}
    .kb-quality-grid{grid-template-columns:1fr 1fr;}
    .kb-parts-card{grid-template-columns:1fr;}
    .kb-gallery-grid{grid-template-columns:repeat(3,1fr);}
    .kb-video-grid{grid-template-columns:1fr;}
    .kb-contact-grid2{grid-template-columns:1fr;}
    .kb-footer-grid{grid-template-columns:1fr;}
    .kb-slide{width:210px;}
  }

/* View Transitions: sanftes Überblenden zwischen Seiten (Chrome/Edge; andere Browser laden normal) */
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation: kb-vt-out 0.25s ease-out forwards;
  }
  ::view-transition-new(root) {
    animation: kb-vt-in 0.3s ease-in forwards;
  }
  @keyframes kb-vt-out {
    to { opacity: 0; transform: translateY(-8px); }
  }
  @keyframes kb-vt-in {
    from { opacity: 0; transform: translateY(8px); }
  }
}

/* Hell-Modus-Fix: hartcodiertes Weiß (für Überschriften/Text im Dunkel-Design gedacht)
   wird im Hell-Modus automatisch auf lesbare dunkle Farbe umgestellt */
html.kb-light-mode h1, html.kb-light-mode h2, html.kb-light-mode h3, html.kb-light-mode h4, html.kb-light-mode h5 {
  color: var(--ink) !important;
}
html.kb-light-mode [style*="color:#fff"],
html.kb-light-mode [style*="color: #fff"],
html.kb-light-mode [style*="color:white"],
html.kb-light-mode [style*="color: white"] {
  color: var(--ink) !important;
}