@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=DM+Serif+Display&display=swap');

/* ══════════════════════════════════════════════════════════
   FULL ISOLATION – reset all inherited theme styles
   ══════════════════════════════════════════════════════════ */
.akoba-produkte,
.akoba-produkte * {
    box-sizing: border-box;
    font-family: 'DM Sans', sans-serif;
}
.akoba-produkte a,
.akoba-produkte a:visited,
.akoba-produkte a:hover,
.akoba-produkte a:focus {
    color: inherit;
    text-decoration: none;
}
.akoba-produkte p,
.akoba-produkte h1,
.akoba-produkte h2,
.akoba-produkte h3,
.akoba-produkte h4,
.akoba-produkte h5,
.akoba-produkte ul,
.akoba-produkte li {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    background: none;
}
.akoba-produkte button {
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
}
.akoba-produkte img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ── Root Variables ── */
.akoba-produkte {
    --acc: var(--akoba-accent, #1a5fa8);
    --acc-l: #e8f0fb;
    --acc-d: #0c447c;
    --tp:  #0f1923;
    --ts:  #4b5563;
    --tm:  #9ca3af;
    --bd:  #e5e7eb;
    --sf:  #f8fafc;
    --bg:  #ffffff;
    --r:   12px;
    --rs:  8px;
    max-width: 860px;
    margin: 0 auto;
    color: var(--tp);
    font-size: 16px;
    line-height: 1.5;
}

/* ── Tabs ── */
.akoba-produkte .akoba-tabs { display:flex; gap:6px; flex-wrap:wrap; padding:6px; border-radius:16px; border:1px solid var(--bd); background:var(--sf); margin-bottom:1.5rem; }
.akoba-produkte .akoba-tab { display:flex; align-items:center; gap:8px; padding:9px 18px; border-radius:10px; border:none; background:transparent; font-size:14px; font-weight:500; color:var(--ts); transition:all .2s; }
.akoba-produkte .akoba-tab:hover { background:var(--bg); color:var(--tp); }
.akoba-produkte .akoba-tab.is-active { background:var(--bg); color:var(--acc); box-shadow:0 1px 6px rgba(0,0,0,.07); }
.akoba-produkte .akoba-tab-logo { height:22px; width:auto; object-fit:contain; }
.akoba-produkte .akoba-tab-logoph { font-size:11px; font-weight:500; padding:2px 7px; background:#f3f4f6; border-radius:4px; letter-spacing:.04em; }
.akoba-produkte .akoba-tab.is-active .akoba-tab-logoph { background:var(--acc-l); color:var(--acc); }
.akoba-produkte .akoba-tab-badge { font-size:11px; padding:2px 8px; border-radius:20px; background:var(--acc-l); color:var(--acc); }

/* ── Panel ── */
.akoba-produkte .akoba-panel { display:none; animation:akobaFadeIn .22s ease; }
.akoba-produkte .akoba-panel.is-active { display:block; }
@keyframes akobaFadeIn { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} }

/* ── Hero ── */
.akoba-produkte .akoba-hero { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--bd); border-radius:var(--r); overflow:hidden; margin-bottom:14px; background:var(--bg); }
.akoba-produkte .akoba-hero-img { background:var(--sf); min-height:220px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.akoba-produkte .akoba-hero-img img { width:100%; height:100%; object-fit:cover; }
.akoba-produkte .akoba-hero-ph { display:flex; flex-direction:column; align-items:center; gap:8px; }
.akoba-produkte .akoba-hero-ph svg { opacity:.2; color:var(--tm); }
.akoba-produkte .akoba-hero-ph span { font-size:12px; color:var(--tm); }
.akoba-produkte .akoba-hero-logo-badge { position:absolute; bottom:10px; right:10px; background:var(--bg); border:1px solid var(--bd); border-radius:var(--rs); padding:6px 10px; }
.akoba-produkte .akoba-hero-logo-badge img { height:28px; width:auto; object-fit:contain; }
.akoba-produkte .akoba-hero-content { padding:26px 28px; border-left:1px solid var(--bd); display:flex; flex-direction:column; }
.akoba-produkte .akoba-hero-badge { display:inline-block; font-size:11px !important; font-weight:500 !important; letter-spacing:.06em; text-transform:uppercase; color:var(--acc) !important; background:var(--acc-l); padding:3px 10px; border-radius:20px; margin-bottom:11px; align-self:flex-start; line-height:1.4 !important; }
.akoba-produkte .akoba-hero-title { font-family:'DM Sans',serif !important; font-size:22px !important; font-weight:400 !important; color:var(--tp) !important; margin:0 0 6px !important; line-height:1.25 !important; }
.akoba-produkte .akoba-hero-sub { font-size:14px !important; color:var(--ts) !important; margin:0 0 14px !important; line-height:1.6 !important; }
.akoba-produkte .akoba-hero-desc { font-size:14px !important; color:var(--ts) !important; line-height:1.7 !important; margin-bottom:14px !important; }
.akoba-produkte .akoba-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.akoba-produkte .akoba-chip { font-size:12px !important; padding:4px 11px; border-radius:20px; background:var(--sf); border:1px solid var(--bd); color:var(--ts) !important; display:flex; align-items:center; gap:5px; }
.akoba-produkte .akoba-chip::before { content:'✓'; color:var(--acc); font-weight:700; font-size:10px; }

/* ── Info-Box ── */
.akoba-produkte .akoba-infobox { margin-bottom:14px; }
.akoba-produkte .akoba-infobox-inner { background:var(--bg); border:1px solid var(--bd); border-left:4px solid var(--acc); border-radius:0 var(--r) var(--r) 0; padding:22px 26px; }
.akoba-produkte .akoba-infobox-title { font-family:'DM Sans',serif !important; font-size:19px !important; font-weight:400 !important; color:var(--tp) !important; margin:0 0 10px !important; line-height:1.3 !important; }
.akoba-produkte .akoba-infobox-text { font-size:14px !important; color:var(--ts) !important; line-height:1.65 !important; margin:0 0 14px !important; }
.akoba-produkte .akoba-infobox-list { list-style:none !important; padding:0 !important; margin:0 0 14px !important; display:flex; flex-direction:column; gap:7px; }
.akoba-produkte .akoba-infobox-list li { font-size:14px !important; color:var(--tp) !important; display:flex; align-items:flex-start; gap:9px; line-height:1.5 !important; }
.akoba-produkte .akoba-infobox-list li::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--acc); flex-shrink:0; margin-top:5px; }
.akoba-produkte .akoba-infobox-geeignet { font-size:13px !important; color:var(--ts) !important; margin:0 0 14px !important; padding:9px 13px; background:var(--sf); border-radius:var(--rs); border:1px solid var(--bd); line-height:1.5 !important; }
.akoba-produkte .akoba-infobox-geeignet strong { color:var(--tp) !important; font-weight:500 !important; }
.akoba-produkte .akoba-infobox-warum { border-top:1px solid var(--bd); padding-top:14px; margin-top:6px; }
.akoba-produkte .akoba-infobox-warum-title { font-size:14px !important; font-weight:500 !important; color:var(--tp) !important; margin:0 0 6px !important; }
.akoba-produkte .akoba-infobox-warum-text { font-size:13px !important; color:var(--ts) !important; line-height:1.65 !important; margin:0 !important; }

/* ── Section ── */
.akoba-produkte .akoba-section { background:var(--bg); border:1px solid var(--bd); border-radius:var(--r); padding:22px 24px; margin-bottom:14px; }
.akoba-produkte .akoba-section-title { font-size:11px !important; font-weight:500 !important; color:var(--tm) !important; text-transform:uppercase; letter-spacing:.08em; margin:0 0 16px !important; display:block; }

/* ── Auswahlgruppen ── */
.akoba-produkte .akoba-auswahl { margin-bottom:20px; }
.akoba-produkte .akoba-auswahl + .akoba-auswahl { border-top:1px solid var(--bd); padding-top:20px; }
.akoba-produkte .akoba-auswahl-title { font-size:14px !important; font-weight:500 !important; color:var(--tp) !important; margin:0 0 12px !important; }
.akoba-produkte .akoba-option-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:12px; }
.akoba-produkte .akoba-option-card { border:1px solid var(--bd); border-radius:var(--rs); overflow:hidden; cursor:pointer; background:var(--bg); transition:border-color .18s,transform .15s; }
.akoba-produkte .akoba-option-card:hover { border-color:var(--acc); transform:translateY(-2px); }
.akoba-produkte .akoba-option-card.is-active { border:2px solid var(--acc); }
.akoba-produkte .akoba-option-img { height:160px; background:var(--sf); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.akoba-produkte .akoba-option-img img { width:100%; height:100%; object-fit:cover; }
.akoba-produkte .akoba-option-img-ph { display:flex; flex-direction:column; align-items:center; gap:5px; padding:10px; }
.akoba-produkte .akoba-option-img-ph svg { opacity:.2; }
.akoba-produkte .akoba-option-img-ph span { font-size:10px !important; color:var(--tm) !important; text-align:center; }
.akoba-produkte .akoba-option-tag { position:absolute; top:7px; right:7px; font-size:10px !important; padding:2px 7px; border-radius:20px; background:var(--acc-l); color:var(--acc) !important; font-weight:500 !important; }
.akoba-produkte .akoba-option-name { padding:8px 10px; font-size:13px !important; font-weight:500 !important; color:var(--tp) !important; }
.akoba-produkte .akoba-option-detail { display:none; border:1px solid var(--acc); border-radius:var(--rs); background:var(--acc-l); padding:16px 18px; animation:akobaFadeIn .2s ease; }
.akoba-produkte .akoba-option-detail.is-active { display:block; }
.akoba-produkte .akoba-option-detail-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:8px; flex-wrap:wrap; }
.akoba-produkte .akoba-option-detail-name { font-size:15px !important; font-weight:500 !important; color:var(--tp) !important; }
.akoba-produkte .akoba-option-detail-badge { font-size:11px !important; padding:3px 9px; border-radius:20px; background:var(--acc); color:#fff !important; white-space:nowrap; }
.akoba-produkte .akoba-option-detail-desc { font-size:13px !important; color:var(--ts) !important; line-height:1.65 !important; margin:0 0 10px !important; }
.akoba-produkte .akoba-option-detail-props { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.akoba-produkte .akoba-option-detail-prop { font-size:12px !important; padding:3px 10px; border-radius:20px; background:var(--bg); border:1px solid var(--bd); color:var(--ts) !important; }
.akoba-produkte .akoba-option-detail-link { display:inline-flex; align-items:center; gap:5px; font-size:13px !important; color:var(--acc) !important; font-weight:500 !important; }
.akoba-produkte .akoba-option-detail-link:hover { text-decoration:underline !important; }

/* ── Farb-Akkordeon ── */
.akoba-produkte .akoba-farb-group { border:1px solid var(--bd); border-radius:var(--rs); overflow:hidden; margin-bottom:8px; }
.akoba-produkte .akoba-farb-header { display:flex; align-items:center; justify-content:space-between; padding:11px 14px; cursor:pointer; background:var(--bg); transition:background .15s; user-select:none; }
.akoba-produkte .akoba-farb-header:hover,
.akoba-produkte .akoba-farb-header.is-open { background:var(--sf); }
.akoba-produkte .akoba-farb-header-left { display:flex; align-items:center; gap:10px; }
.akoba-produkte .akoba-farb-header-title { font-size:14px !important; font-weight:500 !important; color:var(--tp) !important; }
.akoba-produkte .akoba-farb-header-count { font-size:12px !important; color:var(--tm) !important; }
.akoba-produkte .akoba-farb-preview-strip { display:flex; gap:3px; }
.akoba-produkte .akoba-farb-preview-dot { width:14px; height:14px; border-radius:50%; border:0.5px solid rgba(0,0,0,.1); flex-shrink:0; }
.akoba-produkte .akoba-farb-arrow { font-size:11px; color:var(--tm); transition:transform .2s; }
.akoba-produkte .akoba-farb-header.is-open .akoba-farb-arrow { transform:rotate(180deg); }
.akoba-produkte .akoba-farb-body { display:none; padding:14px; border-top:1px solid var(--bd); background:var(--sf); }
.akoba-produkte .akoba-farb-body.is-open { display:block; }
.akoba-produkte .akoba-farb-swatches { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:10px; }
.akoba-produkte .akoba-farb-swatch { display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; }
.akoba-produkte .akoba-farb-dot { width:34px; height:34px; border-radius:50%; border:2px solid var(--bd); background-size:cover; background-position:center; transition:transform .15s,border-color .15s; flex-shrink:0; }
.akoba-produkte .akoba-farb-swatch:hover .akoba-farb-dot { transform:scale(1.18); border-color:var(--acc); }
.akoba-produkte .akoba-farb-swatch.is-selected .akoba-farb-dot { border-color:var(--acc); border-width:2.5px; transform:scale(1.08); }
.akoba-produkte .akoba-farb-name { font-size:11px !important; color:var(--tm) !important; text-align:center; max-width:50px; line-height:1.2 !important; }
.akoba-produkte .akoba-farb-info { display:none; padding:9px 13px; background:var(--bg); border-radius:var(--rs); border:1px solid var(--bd); font-size:13px !important; color:var(--ts) !important; align-items:center; gap:10px; }
.akoba-produkte .akoba-farb-info.is-visible { display:flex; }
.akoba-produkte .akoba-farb-info-dot { width:24px; height:24px; border-radius:50%; border:2px solid var(--bd); flex-shrink:0; background-size:cover; }
.akoba-produkte .akoba-farb-info-text { font-size:13px !important; color:var(--ts) !important; }

/* ── Schritte ── */
.akoba-produkte .akoba-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.akoba-produkte .akoba-step { padding:14px; background:var(--sf); border-radius:var(--rs); border:1px solid var(--bd); transition:border-color .2s,transform .2s; }
.akoba-produkte .akoba-step:hover { border-color:var(--acc); transform:translateY(-2px); }
.akoba-produkte .akoba-step-num { font-family:'DM Serif Display',serif; font-size:26px !important; color:var(--acc) !important; line-height:1 !important; margin-bottom:6px !important; opacity:.6; }
.akoba-produkte .akoba-step-title { font-size:13px !important; font-weight:500 !important; color:var(--tp) !important; margin:0 0 4px !important; }
.akoba-produkte .akoba-step-text { font-size:12px !important; color:var(--ts) !important; line-height:1.5 !important; margin:0 !important; }

/* ── VN Galerie ── */
.akoba-produkte .akoba-vn-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.akoba-produkte .akoba-vn-label { font-size:13px !important; color:var(--tm) !important; margin:0 0 8px !important; font-weight:500 !important; }
/* New gallery layout */
.akoba-produkte .akoba-vn-pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.akoba-produkte .akoba-vn-thumb { position:relative; border-radius:var(--rs); overflow:hidden; aspect-ratio:4/3; cursor:pointer; border:1px solid var(--bd); background:var(--sf); }
.akoba-produkte .akoba-vn-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.akoba-produkte .akoba-vn-thumb:hover img { transform:scale(1.04); }
.akoba-produkte .akoba-vn-badge { position:absolute; bottom:7px; left:7px; font-size:11px !important; font-weight:500 !important; padding:3px 8px; border-radius:4px; color:#fff !important; text-transform:uppercase; letter-spacing:.04em; pointer-events:none; }
.akoba-produkte .akoba-vn-badge--vor  { background:rgba(0,0,0,.5); }
.akoba-produkte .akoba-vn-badge--nach { background:var(--acc); }
.akoba-produkte .akoba-vn-zoom { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; background:white; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .2s; }
.akoba-produkte .akoba-vn-zoom svg { color:var(--acc); }
.akoba-produkte .akoba-vn-thumb:hover .akoba-vn-zoom { opacity:1; }
/* Old vn-wrap layout (kept for compatibility) */
.akoba-produkte .akoba-vn-wrap { position:relative; border-radius:var(--rs); overflow:hidden; aspect-ratio:4/3; border:1px solid var(--bd); background:var(--sf); --vn-split:50%; user-select:none; }
.akoba-produkte .akoba-vn-before { position:absolute; top:0; left:0; bottom:0; width:var(--vn-split); background-size:cover; background-position:center left; background-color:#d1d5db; overflow:hidden; }
.akoba-produkte .akoba-vn-after  { position:absolute; top:0; right:0; bottom:0; width:calc(100% - var(--vn-split)); background-size:cover; background-position:center right; background-color:#e5e7eb; overflow:hidden; }
.akoba-produkte .akoba-vn-tag { position:absolute; bottom:8px; font-size:11px !important; font-weight:500 !important; padding:3px 8px; border-radius:4px; color:#fff !important; text-transform:uppercase; letter-spacing:.04em; pointer-events:none; }
.akoba-produkte .akoba-vn-tag--before { left:8px; background:rgba(0,0,0,.45); }
.akoba-produkte .akoba-vn-tag--after  { right:8px; background:var(--acc); }
.akoba-produkte .akoba-vn-divider { position:absolute; top:0; bottom:0; left:var(--vn-split); transform:translateX(-50%); width:3px; background:white; z-index:2; cursor:col-resize; display:flex; align-items:center; justify-content:center; }
.akoba-produkte .akoba-vn-handle { width:32px; height:32px; background:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; box-shadow:0 2px 8px rgba(0,0,0,.18); border:1px solid var(--bd); flex-shrink:0; pointer-events:none; color:var(--tp); }
/* VN Lightbox overlay */
.akoba-vn-overlay { display:none; position:fixed; inset:0; background:rgba(10,16,24,.88); z-index:99999; align-items:center; justify-content:center; padding:20px; }
.akoba-vn-overlay.is-open { display:flex; }
.akoba-vn-overlay * { box-sizing:border-box; font-family:'DM Sans',sans-serif; }
.akoba-vn-overlay-box { background:#fff; border-radius:12px; overflow:hidden; max-width:720px; width:100%; position:relative; animation:akobaLbIn .22s ease; }
.akoba-vn-overlay-close-x { position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:50%; background:rgba(10,16,24,.5); border:none; color:white; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:14px; z-index:10; }
.akoba-vn-overlay-close-x:hover { background:rgba(10,16,24,.8); }
.akoba-vn-overlay-img-wrap { width:100%; aspect-ratio:16/9; background:#f8fafc; overflow:hidden; }
.akoba-vn-overlay-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
.akoba-vn-overlay-footer { padding:13px 18px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e5e7eb; }
.akoba-vn-ol-nav { width:32px; height:32px; border-radius:50%; border:1px solid #e5e7eb; background:white; cursor:pointer; font-size:13px; color:#6b7280; display:flex; align-items:center; justify-content:center; transition:all .15s; }
.akoba-vn-ol-nav:hover { border-color:#1a5fa8; color:#1a5fa8; }
.akoba-vn-ol-nav:disabled { opacity:.3; cursor:default; }
.akoba-vn-overlay-close { padding:8px 18px; border-radius:8px; border:1px solid #e5e7eb; background:white; cursor:pointer; font-size:14px; color:#374151; }
.akoba-vn-overlay-close:hover { background:#f3f4f6; }

/* ── Projektbilder ── */
.akoba-produkte .akoba-proj-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.akoba-produkte .akoba-proj-card { border:1px solid var(--bd); border-radius:var(--rs); overflow:hidden; cursor:pointer; background:var(--bg); transition:border-color .18s,transform .18s; }
.akoba-produkte .akoba-proj-card:hover { border-color:var(--acc); transform:translateY(-2px); }
.akoba-produkte .akoba-proj-img { height:160px; background:var(--sf); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.akoba-produkte .akoba-proj-img img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.akoba-produkte .akoba-proj-card:hover .akoba-proj-img img { transform:scale(1.04); }
.akoba-produkte .akoba-proj-ph { display:flex; flex-direction:column; align-items:center; gap:6px; padding:16px 10px; }
.akoba-produkte .akoba-proj-ph svg { opacity:.2; }
.akoba-produkte .akoba-proj-ph span { font-size:11px !important; color:var(--tm) !important; text-align:center; line-height:1.4 !important; }
.akoba-produkte .akoba-proj-count { position:absolute; top:7px; right:7px; font-size:11px !important; font-weight:500 !important; padding:2px 7px; border-radius:20px; background:rgba(10,16,24,.55); color:#fff !important; }
.akoba-produkte .akoba-proj-overlay { position:absolute; inset:0; background:rgba(15,25,35,0); display:flex; align-items:center; justify-content:center; opacity:0; transition:all .2s; }
.akoba-produkte .akoba-proj-card:hover .akoba-proj-overlay { background:rgba(15,25,35,.32); opacity:1; }
.akoba-produkte .akoba-proj-zoom { width:34px; height:34px; border-radius:50%; background:white; display:flex; align-items:center; justify-content:center; }
.akoba-produkte .akoba-proj-zoom svg { color:var(--acc); }
.akoba-produkte .akoba-proj-meta { padding:9px 11px; }
.akoba-produkte .akoba-proj-label { font-size:13px !important; font-weight:500 !important; color:var(--tp) !important; }
.akoba-produkte .akoba-proj-sub { font-size:11px !important; color:var(--tm) !important; margin-top:2px !important; }

/* ── Lightbox ── */
.akoba-lb { display:none; position:fixed; inset:0; background:rgba(10,16,24,.88); z-index:99999; align-items:center; justify-content:center; padding:20px; }
.akoba-lb.is-open { display:flex; }
.akoba-lb * { font-family:'DM Sans',sans-serif; box-sizing:border-box; }
.akoba-lb-box { background:#fff; border-radius:var(--r,12px); overflow:hidden; max-width:760px; width:100%; position:relative; animation:akobaLbIn .22s ease; }
@keyframes akobaLbIn { from{opacity:0;transform:scale(.96)} to{opacity:1;transform:scale(1)} }
.akoba-lb-img-wrap { width:100%; aspect-ratio:16/9; background:#f8fafc; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.akoba-lb-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
.akoba-lb-ph { display:flex; flex-direction:column; align-items:center; gap:10px; }
.akoba-lb-ph svg { opacity:.15; }
.akoba-lb-ph span { font-size:13px; color:#9ca3af; }
.akoba-lb-close { position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:50%; background:rgba(10,16,24,.5); border:none; color:white; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:14px; z-index:10; }
.akoba-lb-close:hover { background:rgba(10,16,24,.8); }
.akoba-lb-footer { padding:14px 18px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e5e7eb; gap:12px; }
.akoba-lb-info { flex:1; min-width:0; }
.akoba-lb-title { font-size:15px; font-weight:500; color:#0f1923; }
.akoba-lb-sub { font-size:12px; color:#9ca3af; margin-top:2px; }
.akoba-lb-cap { font-size:12px; color:#6b7280; margin-top:2px; font-style:italic; }
.akoba-lb-nav { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.akoba-lb-counter { font-size:12px; color:#9ca3af; min-width:36px; text-align:center; }
.akoba-lb-btn { width:32px; height:32px; border-radius:50%; border:1px solid #e5e7eb; background:white; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:13px; color:#6b7280; transition:all .15s; }
.akoba-lb-btn:hover { border-color:#1a5fa8; color:#1a5fa8; }
.akoba-lb-btn:disabled { opacity:.3; cursor:default; }
.akoba-lb-dots { display:flex; gap:5px; align-items:center; }
.akoba-lb-dot { width:6px; height:6px; border-radius:50%; background:#e5e7eb; cursor:pointer; transition:all .15s; }
.akoba-lb-dot.is-active { background:#1a5fa8; transform:scale(1.3); }

/* ── FAQ ── */
.akoba-produkte .akoba-faq { display:flex; flex-direction:column; }
.akoba-produkte .akoba-faq-item { border-top:1px solid var(--bd); }
.akoba-produkte .akoba-faq-item:last-child { border-bottom:1px solid var(--bd); }
.akoba-produkte .akoba-faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 0; background:none; border:none; font-size:14px !important; font-weight:500 !important; color:var(--tp) !important; cursor:pointer; text-align:left; }
.akoba-produkte .akoba-faq-q:hover,
.akoba-produkte .akoba-faq-q[aria-expanded="true"] { color:var(--acc) !important; }
.akoba-produkte .akoba-faq-q[aria-expanded="true"] .akoba-faq-icon { transform:rotate(180deg); color:var(--acc); }
.akoba-produkte .akoba-faq-icon { flex-shrink:0; transition:transform .25s; color:var(--tm); }
.akoba-produkte .akoba-faq-a { font-size:14px !important; color:var(--ts) !important; line-height:1.7 !important; padding-bottom:13px; }

/* ── CTA ── */
.akoba-produkte .akoba-cta { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.akoba-produkte .akoba-btn { display:inline-flex; align-items:center; gap:7px; padding:11px 22px; border-radius:var(--rs); font-size:14px !important; font-weight:500 !important; text-decoration:none !important; cursor:pointer; border:none; transition:all .2s; }
.akoba-produkte .akoba-btn--primary { background:var(--acc); color:#fff !important; }
.akoba-produkte .akoba-btn--primary:hover { background:var(--acc-d); transform:translateY(-1px); color:#fff !important; }
.akoba-produkte .akoba-btn--wa { background:transparent; border:1.5px solid #25d366; color:#16a34a !important; }
.akoba-produkte .akoba-btn--wa:hover { background:#f0fdf4; color:#16a34a !important; }

/* ── Responsive ── */
@media(max-width:640px){
    .akoba-produkte .akoba-hero { grid-template-columns:1fr; }
    .akoba-produkte .akoba-hero-content { border-left:none; border-top:1px solid var(--bd); padding:18px; }
    .akoba-produkte .akoba-proj-grid { grid-template-columns:1fr 1fr; }
    .akoba-produkte .akoba-steps { grid-template-columns:1fr; }
    .akoba-produkte .akoba-option-cards { grid-template-columns:1fr 1fr; }
}