/* Kowalski Site-Chrome + Seiten (Startseite, Shop, Leistungen, Assistent)
   CI: Blau #1E90C6 · Hellblau #6FB8DA · Orange #E8742C · BG #0F1720 · Karten #141F2A · Barlow/Caveat */

@font-face { font-family: "Barlow"; font-weight: 400; src: url("fonts-ui/barlow-latin-400-normal.woff") format("woff"); font-display: swap; }
@font-face { font-family: "Barlow"; font-weight: 600; src: url("fonts-ui/barlow-latin-600-normal.woff") format("woff"); font-display: swap; }
@font-face { font-family: "Barlow"; font-weight: 700; src: url("fonts-ui/barlow-latin-700-normal.woff") format("woff"); font-display: swap; }
@font-face { font-family: "Barlow"; font-weight: 800; src: url("fonts-ui/barlow-latin-800-normal.woff") format("woff"); font-display: swap; }
@font-face { font-family: "Caveat"; font-weight: 700; src: url("fonts-ui/caveat-latin-700-normal.woff") format("woff"); font-display: swap; }

body:has(.lbk2-site) h1.wp-block-post-title, body:has(.lbk2-site) .entry-title { display: none; }
body:has(.lbk2-site) main.wp-block-group { padding-block-start: 0 !important; }
body:has(.lbk2-site) .entry-content { margin-block-start: 0 !important; }
/* Klassische Themes ohne alignfull-Layout: sanfter Breakout nur dort */
body:not(.wp-embed-responsive) div.lbk2-site.lbk2-site,
body.no-blocks div.lbk2-site.lbk2-site { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

div.lbk2-site.lbk2-site {
  /* Full-Bleed: im Block-Theme via alignfull (width:auto + Theme-Negativmargins). */
  width: auto;
  box-sizing: border-box;
  --kw-blue: #1E90C6; --kw-blue2: #6FB8DA; --kw-blue3: #CFE6F2;
  --kw-orange: #E8742C; --kw-bg: #0F1720; --kw-bg2: #0B1118; --kw-card: #141F2A;
  --kw-line: rgba(255,255,255,0.1); --kw-ink: #FFFFFF; --kw-mut: rgba(255,255,255,0.65);
  background: var(--kw-bg); color: var(--kw-ink);
  font-family: "Barlow", "Helvetica Neue", Arial, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.lbk2-site *, .lbk2-site *::before, .lbk2-site *::after { box-sizing: border-box; }
.lbk2-site a { color: var(--kw-blue2); text-decoration: none; }
.lbk2-site a:hover { color: var(--kw-blue3); }
.lbk2-site h1, .lbk2-site h2, .lbk2-site h3 { color: var(--kw-ink); margin: 0; font-weight: 800; letter-spacing: -0.02em; }
.lbk2-site p { margin: 0; }
.lbk2k-max { max-width: 1280px; margin: 0 auto; padding: 0 clamp(18px, 4vw, 64px); }

@keyframes kwPulse {
  0%, 100% { text-shadow: 0 0 22px rgba(30,144,198,0.85), 0 0 64px rgba(30,144,198,0.45); }
  50% { text-shadow: 0 0 34px rgba(30,144,198,1), 0 0 96px rgba(30,144,198,0.7); }
}
.lbk2k-pulse { font-style: normal; color: var(--kw-blue2); animation: kwPulse 3.6s ease-in-out infinite; }

/* ---------- Utility-Bar + Nav ---------- */
.lbk2k-utility { background: var(--kw-bg2); border-bottom: 1px solid rgba(255,255,255,0.08); font-size: 13px; color: rgba(255,255,255,0.6); }
.lbk2k-utility .lbk2k-max { height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.lbk2k-utility a { color: rgba(255,255,255,0.6); }
.lbk2k-utility-right { display: flex; gap: 22px; align-items: center; white-space: nowrap; }
@media (max-width: 860px) { .lbk2k-claim { display: none; } .lbk2k-utility .lbk2k-max { justify-content: center; } }

.lbk2k-nav { background: rgba(15,23,32,0.88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--kw-line); position: sticky; top: 0; z-index: 40; }
.lbk2k-nav .lbk2k-max { min-height: 84px; display: flex; align-items: center; gap: clamp(16px, 3vw, 48px); flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
.lbk2k-logo { display: flex; flex-direction: column; line-height: 0.85; flex: 0 0 auto; }
.lbk2k-logo-script { font-family: "Caveat", cursive; color: var(--kw-blue); font-size: 42px; font-weight: 700; text-shadow: 0 0 18px rgba(30,144,198,0.55); }
.lbk2k-logo-sub { font-weight: 800; font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--kw-ink); margin-top: 4px; }
.lbk2k-nav-links { display: flex; gap: clamp(14px, 2.2vw, 28px); align-items: center; flex: 1; flex-wrap: wrap; }
.lbk2k-nav-links a { color: var(--kw-ink); font-size: 14px; font-weight: 600; }
.lbk2k-nav-links a:hover { color: var(--kw-blue2); }
.lbk2k-nav-links a.is-active { color: var(--kw-blue2); text-shadow: 0 0 14px rgba(111,184,218,0.6); }
.lbk2k-cart { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.18); font-size: 18px; }
.lbk2k-cart:hover { border-color: var(--kw-blue); }
.lbk2k-cartbadge { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; border-radius: 999px; background: var(--kw-orange); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; box-shadow: 0 0 14px rgba(232,116,44,0.8); }
@media (max-width: 700px) { .lbk2k-nav-cta { display: none; } }

/* ---------- Buttons ---------- */
.lbk2k-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; font-size: 14px; padding: 13px 22px; border-radius: 6px; cursor: pointer; border: 0; white-space: nowrap; transition: background 160ms ease-out, color 160ms, box-shadow 160ms, transform 80ms; }
.lbk2k-btn:hover { transform: translateY(-1px); }
.lbk2k-btn-blue { background: var(--kw-blue); color: #fff; box-shadow: 0 0 20px rgba(30,144,198,0.35); }
.lbk2k-btn-blue:hover { background: #166FA0; color: #fff; }
.lbk2k-btn-orange { background: var(--kw-orange); color: #fff; box-shadow: 0 0 20px rgba(232,116,44,0.4); }
.lbk2k-btn-orange:hover { background: #C85F20; color: #fff; }
.lbk2k-btn-outline { background: transparent; color: var(--kw-blue2); box-shadow: inset 0 0 0 1.5px rgba(111,184,218,0.7); }
.lbk2k-btn-outline:hover { background: rgba(30,144,198,0.15); color: var(--kw-blue2); }
.lbk2k-btn-xl { padding: 16px 28px; font-size: 15px; }

/* ---------- Hero (Startseite) ---------- */
.lbk2k-hero { position: relative; overflow: hidden; padding: clamp(48px, 7vw, 96px) 0 clamp(40px, 6vw, 88px); }
.lbk2k-hero-glow { position: absolute; top: -220px; right: -220px; width: 720px; height: 720px; border-radius: 50%; background: radial-gradient(circle, rgba(30,144,198,0.38) 0%, rgba(30,144,198,0) 70%); pointer-events: none; }
.lbk2k-hero-grid { display: grid; grid-template-columns: minmax(320px, 1.15fr) minmax(300px, 0.85fr); gap: clamp(24px, 4vw, 64px); align-items: center; position: relative; }
.lbk2k-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; color: var(--kw-blue2); background: rgba(30,144,198,0.12); border: 1px solid rgba(30,144,198,0.4); padding: 8px 14px; border-radius: 999px; margin-bottom: 22px; }
.lbk2k-hero h1 { font-size: clamp(44px, 6vw, 76px); line-height: 1.02; }
.lbk2k-lead { font-size: clamp(16px, 1.6vw, 20px); line-height: 1.55; color: rgba(255,255,255,0.86); margin: 22px 0 30px; max-width: 640px; }
.lbk2k-cta-row { display: flex; gap: 12px; flex-wrap: wrap; }
.lbk2k-usps { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
.lbk2k-usps li { position: relative; padding-left: 26px; color: var(--kw-mut); font-size: 14.5px; line-height: 1.45; }
.lbk2k-usps li::before { content: "✓"; position: absolute; left: 0; top: -1px; color: var(--kw-blue); font-weight: 800; }
.lbk2k-hero-media { position: relative; }
.lbk2k-hero-media img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 12px; border: 1px solid var(--kw-line); box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 60px rgba(30,144,198,0.15); display: block; }
.lbk2k-hero-badge { position: absolute; left: 14px; bottom: 14px; font-size: 12px; color: rgba(255,255,255,0.85); border: 1px solid var(--kw-line); background: rgba(11,17,24,0.75); border-radius: 999px; padding: 6px 12px; backdrop-filter: blur(6px); }
@media (max-width: 900px) { .lbk2k-hero-grid { grid-template-columns: 1fr; } .lbk2k-usps { grid-template-columns: 1fr; } }

/* ---------- Seitenkopf (Shop/Assistent/Leistungen) ---------- */
.lbk2k-pagehead { position: relative; overflow: hidden; padding: clamp(56px, 7vw, 88px) 0 clamp(40px, 5vw, 72px); }
.lbk2k-pagehead-glow { position: absolute; top: -200px; right: -200px; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(30,144,198,0.38) 0%, rgba(30,144,198,0) 70%); pointer-events: none; }
.lbk2k-pagehead-word { position: absolute; right: -20px; top: -40px; font-size: clamp(160px, 22vw, 280px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: transparent; -webkit-text-stroke: 2px rgba(30,144,198,0.14); pointer-events: none; user-select: none; }
.lbk2k-crumbs { font-size: 13px; color: rgba(255,255,255,0.6); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; position: relative; }
.lbk2k-crumbs a { color: rgba(255,255,255,0.8); }
.lbk2k-pagehead h1 { font-size: clamp(44px, 6vw, 72px); line-height: 1.02; margin: 20px 0 24px; position: relative; }
.lbk2k-pills { display: flex; gap: 12px; flex-wrap: wrap; position: relative; }
.lbk2k-pills span { font-size: 13px; font-weight: 600; color: var(--kw-blue2); background: rgba(30,144,198,0.12); border: 1px solid rgba(30,144,198,0.4); padding: 8px 14px; border-radius: 999px; }

/* ---------- Sektionen ---------- */
.lbk2k-section { padding: clamp(40px, 6vw, 88px) 0; }
.lbk2k-dark { background: var(--kw-bg2); border-block: 1px solid rgba(255,255,255,0.06); }
.lbk2k-section-head { max-width: 760px; margin-bottom: clamp(26px, 4vw, 44px); }
.lbk2k-kicker { display: inline-block; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: var(--kw-blue2); margin-bottom: 12px; }
.lbk2k-section-head h2, .lbk2k-split h2 { font-size: clamp(28px, 3.6vw, 44px); line-height: 1.05; }
.lbk2k-section-head p { color: var(--kw-mut); font-size: 16px; line-height: 1.6; margin-top: 14px; }
.lbk2k-center { text-align: center; margin-top: 36px; }
.lbk2k-center-row { justify-content: center; }

/* ---------- Modellkarten ---------- */
.lbk2k-chips { display: flex; gap: 10px; margin-bottom: 36px; flex-wrap: wrap; }
.lbk2k-chip { font-size: 13px; font-weight: 600; padding: 9px 16px; border-radius: 999px; cursor: pointer; background: transparent; color: var(--kw-mut); border: 1px solid var(--kw-line); }
.lbk2k-chip:hover { color: var(--kw-ink); border-color: rgba(30,144,198,0.5); }
.lbk2k-chip.is-active { background: rgba(30,144,198,0.15); color: var(--kw-blue2); border-color: rgba(30,144,198,0.55); }
.lbk2k-mgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.lbk2k-mcard { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; transition: all 240ms cubic-bezier(0.22,1,0.36,1); }
.lbk2k-mcard:hover { transform: translateY(-4px); border-color: rgba(30,144,198,0.6); box-shadow: 0 12px 40px rgba(30,144,198,0.25); }
.lbk2k-mcard-media { display: block; position: relative; aspect-ratio: 4/3; background: #0d141c; }
.lbk2k-mcard-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lbk2k-card-ph { display: grid; place-items: center; height: 100%; font-size: 64px; font-weight: 800; color: #f0f4f8; text-shadow: 0 0 26px rgba(30,144,198,0.9); }
.lbk2k-mcard-body { padding: 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.lbk2k-mcard-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.lbk2k-mcard-head h3 { font-size: 19px; font-weight: 700; }
.lbk2k-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--kw-blue2); border: 1px solid rgba(111,184,218,0.5); padding: 4px 9px; border-radius: 999px; white-space: nowrap; }
.lbk2k-tag-hot { color: var(--kw-orange); border-color: rgba(232,116,44,0.6); }
.lbk2k-mcard-body > p { font-size: 14px; line-height: 1.55; color: var(--kw-mut); }
.lbk2k-mcard-foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 12px; gap: 10px; }
.lbk2k-ab { display: flex; flex-direction: column; }
.lbk2k-ab strong { font-size: 16px; }
.lbk2k-ab small { font-size: 12px; color: rgba(255,255,255,0.5); }

/* ---------- Infoband ---------- */
.lbk2k-infoband { margin-top: 56px; background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; padding: 28px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px; }
.lbk2k-infoband b { font-size: 15px; display: block; margin-bottom: 4px; }
.lbk2k-infoband p { font-size: 14px; color: var(--kw-mut); line-height: 1.5; }

/* ---------- Split + 3D-Panel + Checks ---------- */
.lbk2k-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 60px); align-items: center; }
@media (max-width: 900px) { .lbk2k-split { grid-template-columns: 1fr; } }
.lbk2k-checks { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.lbk2k-checks li { padding-left: 34px; position: relative; color: var(--kw-mut); line-height: 1.55; font-size: 15px; }
.lbk2k-checks li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 6px; background: rgba(30,144,198,0.16); color: var(--kw-blue2); display: grid; place-items: center; font-weight: 800; }
.lbk2k-checks strong { color: var(--kw-ink); }
.lbk2k-panel3d { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; overflow: hidden; }
.lbk2k-panel3d-head { padding: 16px 20px; border-bottom: 1px solid var(--kw-line); display: flex; flex-direction: column; gap: 2px; }
.lbk2k-panel3d-head span { font-size: 13px; color: var(--kw-mut); }
.lbk2k-panel3d-stage { display: grid; place-items: center; gap: 14px; min-height: 280px; background: radial-gradient(420px 200px at 50% 70%, rgba(30,144,198,0.22), transparent 70%), #0b1017; padding: 30px; }
.lbk2k-glowtext { font-size: clamp(34px, 4.6vw, 56px); font-weight: 800; letter-spacing: 0.08em; color: #fff7ea; text-shadow: 0 0 18px rgba(255,214,150,0.95), 0 0 52px rgba(30,144,198,0.7), 0 0 110px rgba(30,144,198,0.45); }
.lbk2k-panel3d-cta { font-size: 14px; font-weight: 700; color: var(--kw-blue2); border: 1.5px solid rgba(111,184,218,0.7); padding: 11px 18px; border-radius: 6px; }
.lbk2k-panel3d-stage:hover .lbk2k-panel3d-cta { background: rgba(30,144,198,0.15); }

/* ---------- Ablauf ---------- */
.lbk2k-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.lbk2k-step { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; padding: 20px; color: var(--kw-mut); font-size: 14px; line-height: 1.55; }
.lbk2k-step span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; margin-bottom: 12px; background: var(--kw-blue); color: #fff; font-weight: 800; box-shadow: 0 0 18px rgba(30,144,198,0.5); }
.lbk2k-step strong { display: block; color: var(--kw-ink); margin-bottom: 4px; font-size: 16px; }

/* ---------- Referenzen ---------- */
.lbk2k-refs { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.lbk2k-refs figure { margin: 0; }
.lbk2k-refs img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 12px; border: 1px solid var(--kw-line); display: block; }
.lbk2k-refs figcaption { font-size: 14px; color: var(--kw-mut); margin-top: 10px; }

/* ---------- FAQ ---------- */
.lbk2k-faq { display: flex; flex-direction: column; gap: 10px; max-width: 860px; }
.lbk2k-faq details { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 10px; padding: 0 18px; }
.lbk2k-faq summary { cursor: pointer; padding: 16px 24px 16px 0; font-weight: 700; list-style: none; position: relative; font-size: 15px; }
.lbk2k-faq summary::after { content: "+"; position: absolute; right: 0; top: 14px; color: var(--kw-blue); font-size: 20px; }
.lbk2k-faq details[open] summary::after { content: "–"; }
.lbk2k-faq p { color: var(--kw-mut); line-height: 1.6; padding-bottom: 16px; font-size: 14.5px; }

/* ---------- CTA-Band ---------- */
.lbk2k-ctaband { text-align: center; padding: clamp(56px, 8vw, 104px) 0; background: radial-gradient(700px 320px at 50% 0%, rgba(30,144,198,0.18), transparent 65%), var(--kw-bg2); border-top: 1px solid rgba(255,255,255,0.06); }
.lbk2k-ctaband h2 { font-size: clamp(30px, 4.4vw, 52px); }
.lbk2k-ctaband p { color: var(--kw-mut); margin: 14px 0 28px; font-size: 17px; }

/* ---------- Leistungen ---------- */
.lbk2k-svcgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.lbk2k-svc { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.lbk2k-svc-media { aspect-ratio: 1/1; border-radius: 10px; overflow: hidden; background: #0d141c; }
.lbk2k-svc-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lbk2k-svc-glow { display: grid; place-items: center; }
.lbk2k-svc-glow span { font-size: 92px; font-weight: 800; color: #fff7ea; text-shadow: 0 0 22px rgba(255,214,150,0.95), 0 0 64px rgba(30,144,198,0.7); }
.lbk2k-svc h3 { font-size: 18px; }
.lbk2k-svc p { font-size: 14px; color: var(--kw-mut); line-height: 1.55; flex: 1; }
.lbk2k-svc a { font-weight: 700; font-size: 14px; }
.lbk2k-worlds { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.lbk2k-worlds a { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 10px; padding: 16px 18px; display: flex; flex-direction: column; gap: 3px; transition: border-color 160ms, transform 120ms; }
.lbk2k-worlds a:hover { border-color: rgba(30,144,198,0.6); transform: translateY(-2px); }
.lbk2k-worlds strong { color: var(--kw-ink); font-size: 15px; }
.lbk2k-worlds span { color: var(--kw-mut); font-size: 13px; }

/* ---------- Onlineassistent ---------- */
.lbk2k-assist-grid { display: grid; grid-template-columns: minmax(320px, 1.5fr) minmax(260px, 1fr); gap: 24px; align-items: start; }
@media (max-width: 900px) { .lbk2k-assist-grid { grid-template-columns: 1fr; } }
.lbk2k-assist-card { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; padding: clamp(18px, 3vw, 32px); }
.lbk2k-assist-steps { display: flex; gap: 8px; margin-bottom: 26px; flex-wrap: wrap; }
.lbk2k-assist-steps span { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--kw-mut); border: 1px solid var(--kw-line); padding: 7px 13px; border-radius: 999px; }
.lbk2k-assist-steps span.is-active { color: var(--kw-blue2); border-color: rgba(30,144,198,0.55); background: rgba(30,144,198,0.12); }
.lbk2k-assist-card h3 { font-size: 24px; margin-bottom: 18px; }
.lbk2k-assist-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 640px) { .lbk2k-assist-options { grid-template-columns: 1fr; } }
.lbk2k-assist-options button { text-align: left; background: var(--kw-bg); border: 1px solid var(--kw-line); border-radius: 10px; padding: 14px 16px; color: var(--kw-ink); cursor: pointer; display: flex; flex-direction: column; gap: 3px; font-family: inherit; }
.lbk2k-assist-options button span { color: var(--kw-mut); font-size: 13px; }
.lbk2k-assist-options button.is-active { border-color: var(--kw-blue); box-shadow: 0 0 0 2px rgba(30,144,198,0.3); }
.lbk2k-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; flex: 1; }
.lbk2k-field span { font-size: 13px; font-weight: 600; color: var(--kw-mut); }
.lbk2k-field input, .lbk2k-field textarea { background: var(--kw-bg); border: 1px solid var(--kw-line); border-radius: 8px; padding: 12px 14px; color: var(--kw-ink); font-family: inherit; font-size: 15px; }
.lbk2k-field input:focus, .lbk2k-field textarea:focus { outline: 2px solid var(--kw-blue); outline-offset: 2px; }
.lbk2k-field-row { display: flex; gap: 12px; flex-wrap: wrap; }
.lbk2k-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.lbk2k-assist-weg { display: flex; gap: 10px; margin: 6px 0 8px; flex-wrap: wrap; }
.lbk2k-assist-weg button { background: var(--kw-bg); border: 1px solid var(--kw-line); border-radius: 999px; color: var(--kw-mut); padding: 10px 18px; font-weight: 600; cursor: pointer; font-family: inherit; }
.lbk2k-assist-weg button.is-active { color: var(--kw-blue2); border-color: rgba(30,144,198,0.55); background: rgba(30,144,198,0.12); }
.lbk2k-assist-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; gap: 12px; }
.lbk2k-assist-note { font-size: 13px; color: var(--kw-mut); margin-top: 14px; }
.lbk2k-assist-error { color: #ff8f8a; font-size: 14px; margin-top: 12px; }
.lbk2k-assist-done { text-align: center; padding: 26px 10px; }
.lbk2k-assist-check { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: rgba(47,174,98,0.15); color: #4cd07e; font-size: 30px; font-weight: 800; border: 1px solid rgba(47,174,98,0.45); }
.lbk2k-assist-done p { color: var(--kw-mut); line-height: 1.6; margin: 10px 0 22px; }
.lbk2k-assist-done .lbk2k-cta-row { justify-content: center; }
.lbk2k-sidebox { background: var(--kw-card); border: 1px solid var(--kw-line); border-radius: 12px; padding: 20px; margin-bottom: 16px; display: flex; flex-direction: column; gap: 8px; }
.lbk2k-sidebox strong { font-size: 15px; }
.lbk2k-sidebox p, .lbk2k-sidebox span, .lbk2k-sidebox li { color: var(--kw-mut); font-size: 14px; line-height: 1.55; }
.lbk2k-sidebox-phone { font-size: 22px; font-weight: 800; color: var(--kw-blue2) !important; }
.lbk2k-sidebox ol { margin: 4px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }

/* ---------- Footer ---------- */
.lbk2k-footer { background: var(--kw-bg2); border-top: 1px solid rgba(255,255,255,0.08); padding: clamp(36px, 5vw, 60px) 0; }
.lbk2k-footer-grid { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; align-items: flex-start; }
.lbk2k-footer-claim { color: var(--kw-mut); margin-top: 14px; line-height: 1.5; }
.lbk2k-footer-meta { display: flex; flex-direction: column; gap: 8px; color: rgba(255,255,255,0.55); font-size: 13.5px; text-align: right; }
.lbk2k-footer-links { display: flex; gap: 18px; justify-content: flex-end; margin-top: 6px; }
@media (max-width: 760px) { .lbk2k-footer-meta { text-align: left; } .lbk2k-footer-links { justify-content: flex-start; } }

/* ---------- v2.3: sauberes Mobile-Chrome ---------- */
@media (max-width: 760px) {
  .lbk2k-utility .lbk2k-max { height: auto; padding-top: 6px; padding-bottom: 6px; flex-wrap: wrap; justify-content: center; }
  .lbk2k-utility-right { white-space: normal; flex-wrap: wrap; justify-content: center; gap: 4px 16px; }
  .lbk2k-nav .lbk2k-max { flex-wrap: wrap; gap: 8px 12px; justify-content: space-between; }
  .lbk2k-logo { order: 0; }
  .lbk2k-logo-script { font-size: 34px; }
  .lbk2k-cart { order: 1; margin-left: auto; }
  .lbk2k-nav-cta { order: 1; }
  /* Nav als horizontale Wisch-Leiste unter dem Logo (kein Overflow auf html/body!) */
  .lbk2k-nav-links {
    order: 2; flex: 1 1 100%; flex-wrap: nowrap; overflow-x: auto;
    gap: 4px 16px; padding: 2px 2px 8px; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .lbk2k-nav-links::-webkit-scrollbar { display: none; }
  .lbk2k-nav-links a { white-space: nowrap; font-size: 13.5px; }
}