/* Preisliste im Design der modernen Unterseiten (V398). Ersetzt das alte preisliste.css. */
:root{--blueprint:#1C1E1B;--brass:#B8793A;--paper:#F6F4EF;--ok:#2F6B4F;--kb-nav-h:66px;}
html{scroll-behavior:smooth;}
.kb-wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
.mono{font-family:"IBM Plex Mono",monospace;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* Kopfbereich: hell, wie die Renault-/Mercedes-Seite */
.kb-hero{position:relative;background:transparent;color:var(--ink);padding:34px 0 8px;overflow:visible;}
.kb-hero::after,.kb-cylinder{display:none !important;}
.kb-hero-inner{display:block;max-width:900px;margin:0 auto 0 0;padding-left:22px;padding-right:22px;}
.kb-hero .kb-tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:12.6px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#d19a5c,#9a622a);border:none;padding:6px 14px;border-radius:999px;margin:0 0 16px;}
.kb-hero h1{font-size:clamp(28px,4.2vw,42px);line-height:1.12;font-weight:700;margin:0 0 14px;color:var(--ink);}
.kb-hero h1 em{font-style:normal;color:var(--yellow);}
.kb-hero p.lede{color:var(--ink-soft);font-size:18px;line-height:1.6;max-width:720px;margin:0 0 6px;}
.kb-hero .kb-quickcontact{background:#fff;}
.kb-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:none;padding:0;max-width:640px;margin:6px 0 0;}
.kb-hero-facts>div{padding:16px 18px;border-radius:16px;color:#fff;}
.kb-hero-facts .num{display:block;font-family:"IBM Plex Mono",monospace;font-size:28px;font-weight:700;color:#fff;line-height:1.1;}
.kb-hero-facts .lbl{display:block;font-size:12.4px;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}

/* Marken-Leiste unter dem Menü */
.kb-stickynav{position:sticky;top:var(--kb-nav-h,66px);z-index:40;background:rgba(246,244,239,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);margin-top:18px;}
.kb-stickynav-inner{display:flex;align-items:center;gap:8px;padding:10px 22px;max-width:1180px;margin:0 auto;overflow-x:auto;scrollbar-width:none;}
.kb-stickynav-inner::-webkit-scrollbar{display:none;}
.kb-stickynav a{font-family:"IBM Plex Mono",monospace;font-size:13.4px;color:var(--ink-soft);text-decoration:none;white-space:nowrap;padding:7px 13px;border-radius:999px;border:1px solid var(--rule);background:#fff;}
.kb-stickynav a:hover{color:var(--yellow);border-color:var(--yellow);}
.kb-stickynav a.active{color:#fff;background:var(--ink);border-color:var(--ink);font-weight:600;}

/* Abschnitte */
.kb-protocol{padding:44px 0 6px;} .kb-brands{padding:48px 0 16px;} .kb-extras{padding:14px 0 44px;} .kb-faq{padding:44px 0 8px;} .kb-contact{padding:40px 0 56px;}
.kb-section-title{font-size:clamp(24px,3.2vw,32px);font-weight:700;margin:0 0 22px;color:var(--ink);}
.kb-protocol-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:transparent;border:none;}
.kb-protocol-strip .step{padding:22px 20px;border:none;border-radius:16px;}
.kb-protocol-strip .code{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;display:block;margin-bottom:10px;opacity:.9;}
.kb-protocol-strip h3{margin:0 0 6px;font-size:19px;} .kb-protocol-strip p{margin:0;font-size:15px;line-height:1.5;}

/* Preis-anfragen-Karte */
.kb-ask-card{border-radius:20px;border:none;box-shadow:0 30px 60px -36px rgba(28,30,27,.55);}
.kb-ask-text{background:linear-gradient(150deg,#b97c3a 0%,#7e4f23 52%,#3b2711 100%);}
.kb-ask-text::before{background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px);background-size:auto;}
.kb-ask-text::after{background:radial-gradient(ellipse at 85% 8%,rgba(255,236,200,.32),transparent 60%);}
.kb-ask-points li::before{background-color:#fff3e0;}
.kb-ask-secondary{color:var(--ink);border-color:var(--ink);} .kb-ask-secondary:hover{background:var(--ink);}
.kb-ask-form input:focus,.kb-ask-form select:focus{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(184,121,58,.22);}

/* Marken-Datenblätter */
.kb-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px;}
.kb-search{flex:1;min-width:220px;position:relative;}
.kb-search input{width:100%;box-sizing:border-box;padding:13px 16px 13px 40px;border:1.5px solid var(--rule);border-radius:12px;font:500 16px "IBM Plex Sans",sans-serif;background:#fff;color:var(--ink);}
.kb-search input:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 4px rgba(184,121,58,.2);}
.kb-search::before{content:"\2315";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-soft);font-size:18px;}
.kb-count{font-family:"IBM Plex Mono",monospace;font-size:13.4px;color:var(--ink-soft);white-space:nowrap;}
.kb-no-results{display:none;text-align:center;padding:30px;color:var(--ink-soft);font-size:16px;}
.kb-sheet{background:#fff;border:1px solid var(--rule);border-radius:16px;margin-bottom:12px;scroll-margin-top:calc(var(--kb-nav-h,66px) + 60px);overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.kb-sheet:hover{border-color:#c7b99c;box-shadow:0 18px 30px -24px rgba(28,30,27,.45);}
.kb-sheet.open{border-color:var(--yellow);}
.kb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;user-select:none;background:none;border:none;width:100%;text-align:left;font:inherit;color:inherit;}
.kb-sheet-head-left{display:flex;align-items:center;gap:14px;min-width:0;}
.kb-sheet-head img.logo{height:30px;width:auto;max-width:104px;object-fit:contain;}
.kb-sheet-head h3{margin:0;font-size:20px;color:var(--ink);font-weight:700;}
.kb-sheet-head-right{display:flex;align-items:center;gap:12px;}
.kb-sheet-head .ref{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#8d8f86;letter-spacing:.05em;}
.kb-chevron{width:26px;height:26px;flex:none;border:1px solid var(--rule);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .2s;color:var(--yellow);font-size:13px;background:#fff;}
.kb-sheet.open .kb-chevron{transform:rotate(180deg);background:var(--yellow);color:#fff;border-color:var(--yellow);}
.kb-sheet-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;}
.kb-sheet.open .kb-sheet-body-wrap{grid-template-rows:1fr;}
.kb-sheet-body-inner{overflow:hidden;}
.kb-sheet-body{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:20px 20px 22px;border-top:1px solid var(--rule);}
.kb-sheet-body img.photo{width:100%;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--rule);}
.kb-price-list{list-style:none;margin:0;padding:0;}
.kb-price-list li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px dotted #cfc7b3;flex-wrap:wrap;}
.kb-price-list li:last-child{border-bottom:none;}
.kb-price-list .model{font-size:16.5px;color:var(--ink);flex:1 1 160px;}
.kb-price-list .price{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:16px;color:var(--ink);white-space:nowrap;text-align:right;}
.price .vat,td.price .vat{font-family:"IBM Plex Sans",sans-serif;font-weight:400;font-size:12px;color:var(--ink-soft);white-space:nowrap;display:block;text-align:right;margin-top:1px;}
.kb-note{margin-top:12px;font-size:14.4px;color:var(--ink-soft);border-left:3px solid var(--yellow);padding:6px 12px;}
.kb-oem-block{margin-top:16px;background:var(--yellow-soft);border:1px solid #e6cfa8;border-radius:12px;padding:16px 18px;}
.kb-oem-block h4{margin:0 0 8px;font-size:16px;color:var(--ink);font-family:"IBM Plex Sans",sans-serif;font-weight:700;}
.kb-oem-block ul{margin:0 0 10px;padding-left:18px;font-size:14.8px;color:var(--ink-soft);}
.kb-more{text-align:center;font-size:15.5px;color:var(--ink-soft);margin-top:6px;}

/* Zusatzleistungen */
table.kb-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--rule);border-radius:14px;overflow:hidden;}
table.kb-table th,table.kb-table td{padding:14px 18px;text-align:left;font-size:16px;border-bottom:1px solid var(--rule);}
table.kb-table th{background:var(--ink);color:#fff;font-family:"IBM Plex Mono",monospace;font-size:12.6px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}
table.kb-table tr:last-child td{border-bottom:none;}
table.kb-table td.price{font-family:"IBM Plex Mono",monospace;font-weight:600;color:var(--ink);}

/* Abschluss-Kasten */
.kb-cta{background:linear-gradient(135deg,#1d6a73 0%,#134852 55%,#0c2a31 100%);color:#fff;padding:46px 0;margin-top:20px;}
.kb-cta-inner{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;}
.kb-seal{width:116px;height:116px;border:2px solid #f0cf9c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:none;position:relative;}
.kb-seal::before{content:"";position:absolute;inset:6px;border:1px solid rgba(240,207,156,.5);border-radius:50%;}
.kb-seal .l1{font-family:"IBM Plex Mono",monospace;font-size:10.6px;letter-spacing:.1em;color:#f0cf9c;}
.kb-seal .l2{font-family:"Space Grotesk",sans-serif;font-size:17px;font-weight:700;color:#fff;margin:3px 0;}
.kb-seal .l3{font-family:"IBM Plex Mono",monospace;font-size:10.6px;color:#c9dde0;}
.kb-cta h2{margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:700;color:#fff !important;}
.kb-cta p{color:#d3e6e9 !important;margin:0 0 20px;font-size:17px;}
.kb-cta-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.kb-cta .kb-btn.secondary{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);}
.kb-copied{position:absolute;top:-32px;left:50%;transform:translateX(-50%);background:var(--ok);color:#fff;font-size:13px;padding:4px 9px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;}
.kb-copied.show{opacity:1;}

/* Kontakt */
.kb-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.kb-contact-card{padding:20px;background:#fff;border:1px solid var(--rule);border-radius:14px;}
.kb-contact-card .code{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--yellow);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:8px;}
.kb-contact-card p{margin:0;font-size:15.5px;color:var(--ink);}
.kb-contact-card a{color:var(--ink);text-decoration:none;font-weight:600;}
.kb-footer-note{text-align:center;font-size:13.8px;color:var(--ink-soft);margin-top:22px;}

/* Nach oben */
.kb-top{position:fixed;right:20px;bottom:20px;z-index:50;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s;}
.kb-top.show{opacity:1;pointer-events:auto;transform:translateY(0);}

@media (max-width:900px){
  .kb-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));}
  .kb-protocol-strip{grid-template-columns:1fr 1fr;}
  .kb-sheet-body{grid-template-columns:1fr;} .kb-sheet-body img.photo{height:150px;}
  .kb-cta-inner{grid-template-columns:1fr;text-align:center;} .kb-cta-inner .kb-seal{margin:0 auto;} .kb-cta-buttons{justify-content:center;}
  .kb-contact-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:520px){
  .kb-hero-facts>div{padding:12px 12px;} .kb-hero-facts .num{font-size:22px;} .kb-hero-facts .lbl{font-size:10.6px;}
  .kb-protocol-strip{grid-template-columns:1fr;}
  .kb-contact-grid{grid-template-columns:1fr;}
  .kb-sheet-head{padding:14px 14px;} .kb-sheet-head .ref{display:none;}
}

/* Sprunglink nur bei Tastatur sichtbar */
.kb-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:var(--ink);padding:10px 14px;border-radius:0 0 10px 0;font-weight:600;}
.kb-skip:focus{left:0;}

/* Zwei-Spalten-Kästen mit festem Raster stapeln sich auf kleinen Handys */
@media (max-width:640px){
  .kb-protocol [style*="grid-template-columns:1fr 1fr"],
  .kb-protocol .kb-trust-grid[style*="repeat(2"]{grid-template-columns:1fr !important;}
}

/* ===== V399: Feinschliff ===== */
/* Kopfbereich: Text links, Foto rechts */
.kb-hero{padding:30px 0 6px;}
.kb-hero-inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:38px;max-width:1180px;align-items:start;}
.kb-hero-inner>div:first-child{min-width:0;}
.kb-hero-visual{position:sticky;top:calc(var(--kb-nav-h,66px) + 18px);margin:6px 0 0;border-radius:24px;overflow:hidden;background:#0d0e0c;box-shadow:0 40px 70px -40px rgba(28,30,27,.8),0 0 0 1px rgba(28,30,27,.08);}
.kb-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.kb-hero-visual figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:56px 16px 16px;background:linear-gradient(180deg,transparent,rgba(8,9,7,.88));}
.kb-hero-visual figcaption span{font-size:12.8px;font-weight:600;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(6px);padding:6px 12px;border-radius:999px;}
.kb-hero-facts{max-width:none;}

/* Abschnittstitel mit Akzentlinie */
.kb-section-eyebrow::before{content:"";display:inline-block;width:28px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:10px;border-radius:2px;}
.kb-narrow{max-width:1000px !important;}
.kb-band{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:34px;padding-bottom:44px !important;}
.kb-band .kb-faq-item{background:var(--bg);}
.kb-band .kb-ways .kb-way-b{background:var(--bg);}

/* Zwei Wege */
.kb-ways{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px;}
.kb-way{position:relative;border-radius:20px;padding:26px 26px 24px;border:1px solid var(--rule);background:#fff;overflow:hidden;}
.kb-way::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#d9a96a,#b8793a);}
.kb-way-b::before{background:linear-gradient(90deg,#8d9a99,#4c5654);}
.kb-way-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--yellow-soft);color:var(--brass-deep);margin-bottom:12px;}
.kb-way-b .kb-way-ic{background:#e9ecea;color:#394240;}
.kb-way-k{font-family:"IBM Plex Mono",monospace;font-size:11.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin:0 0 6px !important;}
.kb-way-b .kb-way-k{color:#586360;}
.kb-way h3{margin:0 0 8px !important;font-size:20px !important;color:var(--ink) !important;}
.kb-way p:last-child{color:var(--ink-soft);font-size:15.2px;line-height:1.65;margin:0;}

/* Marken-Raster */
.kb-brandpick{margin:0 0 20px;}
.kb-brandpick-t{margin:0 0 12px;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.06em;color:var(--ink-soft);}
.kb-brandpick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.kb-brandpick-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;padding:12px 8px;background:#fff;border:1px solid var(--rule);border-radius:16px;text-decoration:none;color:var(--ink);text-align:center;transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s,border-color .2s;}
.kb-brandpick-grid a:hover{transform:translateY(-3px);border-color:var(--yellow);box-shadow:0 16px 26px -18px rgba(120,76,28,.8);}
.kb-brandpick-grid a:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;}
.kb-brandpick-grid img{height:30px;width:auto;max-width:92px;object-fit:contain;}
.kb-brandpick-grid span{font-size:13.2px;font-weight:600;line-height:1.2;}
.kb-brandpick-grid a:has(img) span{font-size:12px;font-weight:500;color:var(--ink-soft);}

/* Kontaktkarten */
.kb-contact-card{position:relative;transition:transform .2s,box-shadow .2s;}
.kb-contact-card:hover{transform:translateY(-3px);box-shadow:0 18px 28px -22px rgba(28,30,27,.6);}
.kb-ci{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--yellow-soft);color:var(--brass-deep);margin-bottom:12px;}

/* Handy: feste Anruf-Leiste */
.kb-mobilebar{display:none;}
@media (max-width:820px){
  .kb-hero-inner{grid-template-columns:1fr;gap:0;}
  .kb-hero-visual{display:none;}
  .kb-ways{grid-template-columns:1fr;}
  .kb-brandpick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .kb-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(246,244,239,.96);backdrop-filter:blur(10px);border-top:1px solid var(--rule);box-shadow:0 -14px 30px -22px rgba(28,30,27,.55);}
  .kb-mobilebar a{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;font:700 16.5px "IBM Plex Sans",sans-serif;text-decoration:none;}
  .kb-mb-call{background:linear-gradient(135deg,#d9a96a,#b8793a);color:#1b1206;}
  .kb-mb-wa{background:#fff;color:var(--ink);border:1.5px solid var(--ink);}
  body.kb-preisseite{padding-bottom:78px;}
  .kb-top{bottom:92px;}
}
@media (max-width:520px){
  .kb-brandpick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kb-way{padding:22px 20px;}
}

/* V400: echte Werkstatt-Fotos unter den vier Schritten */
.kb-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;}
.kb-fotos figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--rule);box-shadow:0 26px 44px -34px rgba(28,30,27,.6);}
.kb-fotos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.kb-fotos figcaption{padding:12px 16px 14px;font-size:14.4px;line-height:1.45;color:var(--ink-soft);}
.kb-fotos figcaption strong{color:var(--ink);}
@media (max-width:640px){.kb-fotos{grid-template-columns:1fr;}}

/* V401: Menschen und Werkstatt */
.kb-people{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:14px;margin:0 0 22px;align-items:start;}
.kb-people figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--rule);box-shadow:0 26px 44px -34px rgba(28,30,27,.6);display:flex;flex-direction:column;}
.kb-people img{display:block;width:100%;height:auto;}
.kb-people figcaption{padding:12px 16px 14px;font-size:14.4px;line-height:1.45;color:var(--ink-soft);}
.kb-people figcaption strong{color:var(--ink);}
@media (max-width:760px){.kb-people{grid-template-columns:1fr;}}

/* V405: Überschrift der Anfrage-Karte in Weiß (Grund-Stylesheet färbt Überschriften zwingend dunkel) */
.kb-ask-text :is(h2,h3){color:#fff !important;}
.kb-ask-text p,.kb-ask-points li{color:rgba(255,255,255,.94) !important;}