/* Kuppwest Variante 20 · Bento Grid — kuratierte Kachel-Komposition, Tannengrün-Akzent, Mono-Labels */
.kwbg{--base:#F2F1ED;--tile:#FFFFFF;--ink:#141715;--muted:#68706B;--line:#E2E1DA;--pine:#1B4D3B;--pine-deep:#123527;--pine-tint:#E3EFE7;--warn-bg:#F8ECD2;--warn-ink:#7A5410;--dark:#101412;
  box-sizing:border-box;margin:0;background:var(--base);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;overflow:hidden}
.kwbg *,.kwbg *::before,.kwbg *::after{box-sizing:border-box}
.kwbg img{display:block;max-width:100%;height:auto}
.kwbg h1,.kwbg h2,.kwbg p,.kwbg ul,.kwbg ol,.kwbg figure{margin:0}
.kwbg a{color:var(--pine)}
.kwbg a:focus-visible{outline:3px solid var(--pine);outline-offset:2px;border-radius:6px}

.kwbg-summary{max-width:1180px;margin:0 auto;padding:14px 20px 0;font-size:13px;color:var(--muted)}
.kwbg-head{max-width:1180px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.kwbg-mark{font-size:23px;font-weight:bold;letter-spacing:-.02em}
.kwbg-head-label,.kwbg-eyebrow{font:bold 11px/1.4 'Courier New',Courier,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.kwbg-grid{max-width:1180px;margin:0 auto;padding:0 20px 20px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.kwbg-tile{background:var(--tile);border:1px solid var(--line);border-radius:20px;padding:28px}
.kwbg-s4{grid-column:span 4}
.kwbg-s5{grid-column:span 5}
.kwbg-s6{grid-column:span 6}
.kwbg-s7{grid-column:span 7}
.kwbg-s12{grid-column:span 12}
.kwbg-eyebrow{display:block;margin-bottom:12px}
.kwbg-tile h2{font-size:20px;letter-spacing:-.01em;line-height:1.25;margin-bottom:8px}
.kwbg-tile-sub{color:var(--muted);margin-bottom:18px;font-size:14.5px}

.kwbg-cta{display:inline-block;background:var(--pine);color:#fff;text-decoration:none;font-weight:bold;font-size:15px;padding:12px 24px;border-radius:12px}
.kwbg-cta:hover{background:var(--pine-deep)}
.kwbg-cta-ghost{background:var(--pine-tint);color:var(--pine)}
.kwbg-cta-ghost:hover{background:#D2E5DA}
.kwbg-cta-light{background:#fff;color:var(--pine)}
.kwbg-cta-light:hover{background:var(--pine-tint)}

.kwbg-vehicle{background:var(--pine);border-color:var(--pine);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 28px}
.kwbg-vehicle-facts{display:flex;gap:8px 24px;flex-wrap:wrap;align-items:baseline;font-size:14px}
.kwbg-vehicle-facts strong{font-size:17px}
.kwbg-vehicle-facts span{color:#BCD4C8}

.kwbg-hero{display:flex;flex-direction:column;justify-content:center;padding:40px}
.kwbg-hero .kwbg-eyebrow{color:var(--pine)}
.kwbg-hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.03em;margin-bottom:14px}
.kwbg-lead{color:var(--muted);font-size:17px;margin-bottom:26px;max-width:52ch}
.kwbg-hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.kwbg-num{display:flex;flex-direction:column;justify-content:center;background:var(--dark);border-color:var(--dark);color:#fff}
.kwbg-num .kwbg-eyebrow{color:#8FA89B}
.kwbg-bignum{font:900 clamp(64px,7vw,104px)/0.95 'Arial Narrow',Arial,Helvetica,sans-serif;letter-spacing:-.04em}
.kwbg-bignum span{font-size:.35em;font-weight:bold;letter-spacing:0;color:#8FA89B}
.kwbg-num-sub{margin-top:14px;color:#C9D6CF;font-size:14px}

.kwbg-shot{padding:20px;display:flex;flex-direction:column;gap:14px}
.kwbg-shot img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--base);border-radius:12px;padding:12px}
.kwbg-shot figcaption{font:bold 11px/1.4 'Courier New',Courier,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.kwbg-feat p{color:var(--muted);font-size:14.5px}
.kwbg-feat-fill{background:var(--pine);border-color:var(--pine);color:#fff}
.kwbg-feat-fill .kwbg-eyebrow{color:#9FC3B1}
.kwbg-feat-fill p{color:#D6E6DD}

.kwbg-warn{background:var(--warn-bg);border-color:#EBD9AE;padding:22px 28px}
.kwbg-warn-title{font-weight:bold;color:var(--warn-ink);margin-bottom:4px}
.kwbg-warn p{color:#6B5A2E;font-size:14.5px}
.kwbg-warn a{color:var(--warn-ink);font-weight:bold}

.kwbg-inc-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:kwbginc;margin-top:18px}
.kwbg-inc-list li{counter-increment:kwbginc;background:var(--base);border-radius:14px;padding:18px 16px}
.kwbg-inc-list li::before{content:counter(kwbginc,decimal-leading-zero);display:block;font:bold 11px/1 'Courier New',Courier,monospace;letter-spacing:.12em;color:var(--pine);margin-bottom:10px}
.kwbg-inc-list b{display:block;font-size:15px;margin-bottom:3px}
.kwbg-inc-list p{color:var(--muted);font-size:13.5px}

.kwbg-offer{position:relative;padding:30px}
.kwbg-offer-this{border:2px solid var(--pine)}
.kwbg-badge{position:absolute;top:22px;right:22px;background:var(--pine);color:#fff;font:bold 11px/1 'Courier New',Courier,monospace;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:8px}
.kwbg-offer h2{font-size:23px}
.kwbg-offer-sub{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.kwbg-offer ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px}
.kwbg-offer li{position:relative;padding-left:26px;font-size:15px}
.kwbg-offer li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:5px;border-left:2.5px solid var(--pine);border-bottom:2.5px solid var(--pine);transform:rotate(-45deg)}

.kwbg-table{width:100%;border-collapse:collapse;font-size:13.5px}
.kwbg-table th,.kwbg-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.kwbg-table tbody tr:last-child td{border-bottom:0}
.kwbg-table thead th{font:bold 10px/1.4 'Courier New',Courier,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kwbg-table td:first-child{font-family:'Courier New',Courier,monospace;font-size:12.5px}

.kwbg-detail{padding:20px 28px 28px}
.kwbg-detail-media{background:var(--base);border-radius:14px;padding:22px;margin:0 -8px 20px}
.kwbg-detail-media img{width:100%;aspect-ratio:16/9;object-fit:contain}
.kwbg-detail p:last-child{color:var(--muted);font-size:14.5px}

.kwbg-spectable{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
.kwbg-spectable th,.kwbg-spectable td{padding:9px 4px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kwbg-spectable tr:last-child th,.kwbg-spectable tr:last-child td{border-bottom:0}
.kwbg-spectable th{font-weight:normal;color:var(--muted)}
.kwbg-spectable td{text-align:right;font-weight:bold}

.kwbg-note>p{color:var(--muted);font-size:14.5px}
.kwbg-manual-head{font:bold 11px/1.4 'Courier New',Courier,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:18px 0 10px}
.kwbg-manuals{display:flex;flex-wrap:wrap;gap:8px}
.kwbg-manuals a{display:inline-block;padding:9px 14px;background:var(--pine-tint);border-radius:10px;font-size:13.5px;font-weight:bold;text-decoration:none}
.kwbg-manuals a:hover{background:#D2E5DA}
.kwbg-manuals a::before{content:"PDF · ";font-family:'Courier New',Courier,monospace;font-size:11px}

.kwbg-more{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.kwbg-more-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:var(--base);border-radius:14px;padding:16px}
.kwbg-more-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#000;border-radius:10px}
.kwbg-more-card span{font-size:14px;font-weight:bold;color:var(--pine)}

.kwbg-brands{background:var(--dark);border-color:var(--dark);padding:30px 34px}
.kwbg-eyebrow-dark{color:#7E8B84}
.kwbg-brandrow{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;align-items:center;margin-top:8px}
.kwbg-brandrow img{width:100%;max-width:130px;margin:0 auto;opacity:.85}

.kwbg-faq h2{font-size:17px}
.kwbg-faq p:last-child{color:var(--muted);font-size:14.5px}

.kwbg-foot{max-width:1180px;margin:0 auto;padding:30px 20px 40px;display:flex;align-items:baseline;gap:10px 26px;flex-wrap:wrap}
.kwbg-foot p{margin:0;color:var(--muted);font-size:13.5px;flex:1;min-width:240px}
.kwbg-token{font:11px/1.4 'Courier New',Courier,monospace;color:var(--muted);overflow-wrap:anywhere}

@media(max-width:960px){
  .kwbg-s4,.kwbg-s5,.kwbg-s6,.kwbg-s7{grid-column:span 12}
  .kwbg-shot{grid-column:span 4}
  .kwbg-inc-list{grid-template-columns:repeat(3,1fr)}
  .kwbg-more{grid-template-columns:repeat(2,1fr)}
  .kwbg-hero{padding:30px}
}
@media(max-width:640px){
  .kwbg-summary,.kwbg-head{padding-left:14px;padding-right:14px}
  .kwbg-grid{padding:0 14px 14px;gap:12px}
  .kwbg-tile{padding:22px;border-radius:16px}
  .kwbg-shot{grid-column:span 12}
  .kwbg-inc-list{grid-template-columns:1fr 1fr}
  .kwbg-brandrow{grid-template-columns:repeat(3,1fr);gap:18px}
  .kwbg-badge{position:static;display:inline-block;margin-bottom:12px}
  /* Fahrzeugtabelle → Karten */
  .kwbg-table,.kwbg-table thead,.kwbg-table tbody,.kwbg-table tr,.kwbg-table th,.kwbg-table td{display:block}
  .kwbg-table thead{display:none}
  .kwbg-table tr{border-bottom:1px solid var(--line);padding:12px 0}
  .kwbg-table tr:last-child{border-bottom:0}
  .kwbg-table td{border:0;padding:4px 4px 4px 47%;position:relative;min-height:28px}
  .kwbg-table td::before{content:attr(data-label);position:absolute;left:4px;width:42%;font:bold 9.5px/1.4 'Courier New',Courier,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
}
@media(max-width:380px){
  .kwbg-inc-list,.kwbg-more{grid-template-columns:1fr}
  .kwbg-brandrow{grid-template-columns:1fr 1fr}
  .kwbg-table td{padding-left:44%}
  .kwbg-table td::before{width:40%}
  .kwbg-bignum{font-size:56px}
}
@media(prefers-reduced-motion:reduce){.kwbg *{transition:none !important}}

.kwbg a.kwbg-cta{color:#fff}.kwbg a.kwbg-cta-ghost{color:var(--pine)}.kwbg a.kwbg-cta-light{color:var(--pine)}