/** Shopify CDN: Minification failed

Line 167:59 Expected identifier but found "1.2fr"
Line 167:65 Expected identifier but found "%"
Line 167:85 Unexpected "repeat("
Line 167:112 Expected identifier but found "%"
Line 167:123 Expected identifier but found ".9fr"
Line 170:46 Expected identifier but found "{"
Line 170:47 Unexpected "{"
Line 170:57 Expected ":"
Line 170:75 Expected ":"

**/
/* ============================================================================
   BT-SERIE — Styles der fuenf Baureihen-Sections
   ============================================================================
   Herausgeloest am 19.08.2026 aus den style-Bloecken von bt-serie-hero,
   -groessen, -modelle, -ausstattung und -details (P8). Vorher stand das CSS
   inline in jeder Section: nicht cachebar, und bei zwei Sections auf einer
   Seite doppelt im Quelltext.

   Zusammenlegen war gefahrlos: die fuenf Bloecke teilen sich keinen einzigen
   der 189 Selektoren, geprueft vor dem Verschieben. Wer hier ergaenzt, sollte
   das im Blick behalten — die Abschnitte sind nach Herkunft getrennt.
   ============================================================================ */
/* ---- bt-serie-hero ---- */
.bt-shx__chips{ display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 20px; }
  .bt-shx__chip{ display:inline-flex; align-items:center; gap:6px; background:#fff;
    border:1px solid var(--bt-border); border-radius:999px; padding:6px 13px;
    font-size:12.5px; font-weight:600; color:var(--bt-text); }
  .bt-shx__chip b{ color:var(--bt-navy); font-weight:800; }
  .bt-shx__eyebrow{ display:inline-block; border:1px solid var(--bt-border); background:#fff;
    color:var(--bt-navy); font-size:11px; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; padding:5px 14px; border-radius:999px; margin-bottom:14px; }
  .bt-root .bt-shx__ghost{ display:inline-block; border:1px solid #B9C2CE; background:#fff;
    color:var(--bt-navy); border-radius:8px; padding:12px 22px; font-size:14px;
    font-weight:700; text-decoration:none; }
  .bt-shx__sub{ font-size:16px; line-height:1.6; color:var(--bt-text-light);
    margin:0 0 16px; max-width:52ch; }
  /* 50/50-Teilung: die Textspalte beginnt exakt ab Seitenmitte (Chris, 18.08.).
     Gilt fuer Hoch- und Querformat, das Bild bleibt in der linken Haelfte. */
  .bt-root .bt-hero--image{ grid-template-columns:1fr 1fr; }
  /* Voll-Breite wie die anderen Header (bt-hero-Technik), damit das
     Rasta-Muster von links nach rechts durchlaeuft (Chris 18.08.).
     Der Inhalt bleibt auf 1200px zentriert. */
  .bt-root .bt-hero--image{ width:100vw; margin-left:calc(50% - 50vw); border-radius:0;
    padding-left:max(28px, calc((100vw - 1200px) / 2 + 28px));
    padding-right:max(28px, calc((100vw - 1200px) / 2 + 28px)); }
  .bt-hero__image-slot img{ max-height:440px; }
  .bt-root .bt-hero__ctas a.bt-btn{ border-radius:10px; padding:14px 28px; font-weight:800;
    font-size:15px; box-shadow:0 6px 18px rgba(255,196,31,.38); transition:transform .12s, filter .12s; }
  .bt-root .bt-hero__ctas a.bt-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
  .bt-root .bt-shx__ghost{ padding:13px 24px; border-radius:10px; }

  /* Beide Buttons im Serien-Hero zentrieren ihren Text.
     Befund vom 31.08.2026: Die Zeile .bt-hero__ctas ist display:flex mit
     align-items normal, also stretch. Beide Buttons werden damit auf die
     Hoehe des hoeheren gedehnt, aktuell 54 Pixel. Der gelbe Button war aber
     ein display:block mit line-height 1.25 und 14 Pixel Innenabstand, sein
     Text blieb deshalb am oberen Innenabstand kleben und stand rund drei
     Pixel zu hoch. Der weisse Button zentrierte nur zufaellig, naemlich
     ueber seine vom Fliesstext geerbte Zeilenhoehe von 26 Pixeln.
     Beide bekommen jetzt Flex-Zentrierung, damit die Beschriftungen
     unabhaengig von Schriftgroesse und Zeilenhoehe auf einer Linie stehen.
     Die Hoehe der Buttons bleibt unveraendert. */
  .bt-root .bt-hero__ctas a.bt-btn,
  .bt-root .bt-hero__ctas a.bt-shx__ghost{
    display:inline-flex; align-items:center; justify-content:center;
  }
  .bt-root .bt-shx--quer{ grid-template-columns:1fr 1fr; }
  /* B-Logo hinter dem Produktbild generell aus: bei Aton war es angeschnitten,
     bei der Collage stoert es (Chris, 18.08.). */
  .bt-root .bt-hero__image-slot::before, .bt-root .bt-hero__image-slot::after{ display:none; }
  .bt-shx--quer .bt-hero__image-slot{ align-items:flex-end; justify-content:flex-start; }
  .bt-shx--quer .bt-hero__image-slot img{ max-height:410px; width:100%; object-fit:contain; object-position:left bottom; }
  @media(max-width:820px){
    .bt-root .bt-hero--image{ grid-template-columns:1fr; }
    .bt-hero__image-slot{ min-height:220px; }
  }

/* ---- bt-serie-groessen ---- */
#bt-sg .bt-sg__band{ max-width:1200px; margin:0 auto; padding:52px 24px; }
  #bt-sg .bt-sg__eyebrow{ font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--bt-eyebrow-color); margin-bottom:8px; }
  #bt-sg h2{ color:var(--bt-navy); font-size:clamp(23px,3vw,32px); letter-spacing:-.01em; line-height:1.15; margin:0 0 6px; }
  #bt-sg .bt-sg__sub{ font-size:14.5px; color:var(--bt-text-light); max-width:64ch; margin:0; }

  #bt-sg .bt-sg__usps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:24px; }
  #bt-sg .bt-sg__usp{ border:1px solid var(--bt-border); border-radius:12px; padding:20px; background:#fff; }
  #bt-sg .bt-sg__usp b{ display:block; color:var(--bt-navy); font-size:14.5px; margin-bottom:4px; }
  #bt-sg .bt-sg__usp span{ font-size:13px; color:var(--bt-text-light); line-height:1.5; display:block; }
  #bt-sg .bt-sg__usp .ic{ width:40px; height:40px; border-radius:10px; background:var(--bt-surface); display:flex; align-items:center; justify-content:center; margin-bottom:12px; color:var(--bt-navy); }
  #bt-sg .bt-sg__usp .ic svg{ width:22px; height:22px; }
  #bt-sg .bt-sg__usp .ic img{ width:26px; height:26px; display:block; }

  #bt-sg .bt-sg__waehler{ background:var(--bt-surface); border-top:1px solid var(--bt-border); border-bottom:1px solid var(--bt-border); }
  #bt-sg .bt-sg__silh{ display:flex; align-items:flex-start; gap:14px; margin:14px 0 26px; padding:0 4px; overflow-x:auto; position:relative; }
  #bt-sg .bt-sg__gline{ position:absolute; left:4px; height:1px; background:rgba(11,29,94,.12); pointer-events:none; z-index:0; }
  #bt-sg .bt-sg__si{ display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer; border:0; background:none; font:inherit; min-width:64px; padding:0; position:relative; z-index:1; }
  #bt-sg .bt-sg__sboxw{ display:flex; align-items:flex-end; justify-content:center; width:100%; border-bottom:2px solid #E1E7F0; }
  #bt-sg .bt-sg__sbox{ background:linear-gradient(180deg,#33406F,var(--bt-navy)); border-radius:5px; position:relative; box-shadow:inset -10px 0 14px rgba(0,0,0,.18); transform:scaleY(0); transform-origin:bottom; transition:transform .65s cubic-bezier(.22,.9,.35,1), box-shadow .15s; }
  #bt-sg .bt-sg__silh.in .bt-sg__sbox{ transform:scaleY(1); }
  #bt-sg .bt-sg__figimg{ display:block; width:auto; opacity:0; transition:opacity .6s ease .5s; }
  #bt-sg .bt-sg__silh.in .bt-sg__figimg{ opacity:1; }
  @media (prefers-reduced-motion: reduce){
    #bt-sg .bt-sg__sbox{ transform:none; transition:none; }
    #bt-sg .bt-sg__figimg{ opacity:1; transition:none; }
  }
  #bt-sg .bt-sg__sbox::after{ content:""; position:absolute; right:9px; top:38%; width:5px; height:5px; border-radius:50%; background:var(--bt-gold); }
  #bt-sg .bt-sg__tsplit{ position:absolute; left:50%; top:5%; bottom:5%; width:1px; background:rgba(255,255,255,.30); }
  /* Doppeltuer: beide Griffpunkte mittig, je einer links und rechts der Linie */
  #bt-sg .bt-sg__sbox--zwei::after{ right:auto; left:calc(50% - 10px); }
  #bt-sg .bt-sg__tdot2{ position:absolute; left:calc(50% + 6px); top:38%; width:5px; height:5px; border-radius:50%; background:var(--bt-gold); }
  #bt-sg .bt-sg__si:hover .bt-sg__sbox, #bt-sg .bt-sg__si.is-active .bt-sg__sbox{ box-shadow:0 10px 18px rgba(11,29,94,.25); }
  #bt-sg .bt-sg__si.is-active .bt-sg__sbox{ outline:3px solid var(--bt-gold); }
  #bt-sg .bt-sg__si.is-dim{ opacity:.25; }
  #bt-sg .bt-sg__sname{ font-size:12px; font-weight:800; color:var(--bt-navy); white-space:nowrap; height:18px; }
  #bt-sg .bt-sg__sh{ display:block; font-size:11px; color:var(--bt-text-light); line-height:1.45; height:16px; white-space:nowrap; }
  #bt-sg .bt-sg__srow--star{ display:block; height:24px; margin-top:2px; }
  #bt-sg .bt-sg__silabels{ align-items:flex-end; min-width:52px; cursor:default; }
  #bt-sg .bt-sg__silabels .bt-sg__sh{ font-weight:700; color:var(--bt-navy); }
  #bt-sg .bt-sg__sifig{ cursor:default; }
  #bt-sg .bt-sg__star{ font-size:10px; font-weight:800; color:var(--bt-navy); background:var(--bt-gold); border-radius:999px; padding:2px 8px; white-space:nowrap; }
  #bt-sg .bt-sg__scale{ font-size:11.5px; font-weight:700; color:var(--bt-text-light); margin-top:26px; text-transform:uppercase; letter-spacing:.06em; }

  #bt-sg .bt-sg__fit{ background:#fff; border:1px solid var(--bt-border); border-radius:12px; padding:18px 20px; margin:8px 0 26px; display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap; }
  #bt-sg .bt-sg__fl{ font-size:12px; font-weight:700; color:var(--bt-navy); display:block; margin-bottom:5px; }
  #bt-sg .bt-sg__fit input{ width:110px; padding:9px 11px; border:1px solid var(--bt-border); border-radius:8px; font:inherit; font-size:14px; }
  #bt-sg .bt-sg__fh{ font-size:12.5px; color:var(--bt-text-light); flex:1; min-width:200px; }
  #bt-sg .bt-sg__fh b{ color:#1E7A46; }

  #bt-sg .bt-sg__cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
  #bt-sg .bt-sg__card{ background:#fff; border:1px solid var(--bt-border); border-radius:12px; padding:18px; position:relative; display:flex; flex-direction:column; gap:9px; transition:border-color .15s, box-shadow .15s; }
  #bt-sg .bt-sg__card:hover{ border-color:var(--bt-navy); box-shadow:0 8px 22px rgba(11,29,94,.09); }
  #bt-sg .bt-sg__card.is-best{ border:2px solid var(--bt-gold); }
  #bt-sg .bt-sg__card.is-dim{ opacity:.35; }
  #bt-sg .bt-sg__card.is-dim .bt-sg__nofit{ display:block; }
  #bt-sg .bt-sg__nofit{ display:none; font-size:11.5px; color:#A33; font-weight:700; }
  #bt-sg .bt-sg__badge{ position:absolute; top:-11px; left:14px; background:var(--bt-gold); color:var(--bt-navy); font-size:10.5px; font-weight:800; border-radius:999px; padding:3px 11px; }
  #bt-sg .bt-sg__cname{ font-size:17px; font-weight:800; color:var(--bt-navy); }
  #bt-sg .bt-sg__cap{ display:flex; align-items:center; gap:7px; font-size:13px; color:var(--bt-text); flex-wrap:wrap; }
  #bt-sg .bt-sg__cap .bars{ display:flex; gap:1.5px; }
  #bt-sg .bt-sg__cap .bars i{ width:4px; height:14px; background:#22316C; border-radius:1px; display:inline-block; opacity:.85; }
  #bt-sg .bt-sg__cspecs{ font-size:12.5px; color:var(--bt-text-light); line-height:1.7; }
  #bt-sg .bt-sg__cprice{ font-size:16px; font-weight:800; color:var(--bt-navy); margin-top:auto; }
  #bt-sg .bt-sg__cprice small{ font-weight:600; color:var(--bt-text-light); font-size:12px; }
  #bt-sg a.bt-sg__ccta{ font-size:13.5px; font-weight:700; color:var(--bt-navy); text-decoration:none; }
  #bt-sg a.bt-sg__ccta::after{ content:" \2192"; }

  #bt-sg details.bt-sg__tbl{ margin-top:26px; background:#fff; border:1px solid var(--bt-border); border-radius:12px; }
  #bt-sg details.bt-sg__tbl summary{ cursor:pointer; padding:14px 20px; font-weight:700; color:var(--bt-navy); font-size:14px; list-style:none; display:flex; justify-content:space-between; }
  #bt-sg details.bt-sg__tbl summary::-webkit-details-marker{ display:none; }
  #bt-sg details.bt-sg__tbl summary::after{ content:"\25BE"; color:var(--bt-text-light); }
  #bt-sg .bt-sg__tblscroll{ overflow-x:auto; }
  #bt-sg .bt-sg__tbl table{ width:100%; border-collapse:collapse; font-size:13px; min-width:560px; }
  #bt-sg .bt-sg__tbl th{ text-align:left; padding:9px 20px; background:var(--bt-surface); color:var(--bt-navy); font-size:12px; }
  #bt-sg .bt-sg__tbl td{ padding:9px 20px; border-top:1px solid var(--bt-border); color:var(--bt-text); }
  #bt-sg .bt-sg__tbl td:first-child{ font-weight:700; }
  #bt-sg .bt-sg__tbl td:first-child a{ color:var(--bt-navy); text-decoration:none; }

  #bt-sg .bt-sg__sticky{ position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid var(--bt-border); box-shadow:0 -6px 20px rgba(0,0,0,.06); padding:10px 0; display:none; z-index:50; }
  #bt-sg .bt-sg__sticky.show{ display:block; }
  #bt-sg .bt-sg__sticky .bt-sg__band{ padding-top:0; padding-bottom:0; display:flex; align-items:center; gap:16px; justify-content:space-between; }
  #bt-sg .bt-sg__stxt{ font-size:13.5px; color:var(--bt-text); }
  #bt-sg .bt-sg__stxt b{ color:var(--bt-navy); }

/* ---- bt-serie-modelle ---- */
#bt-serie-modelle .serie-table .row{ grid-template-columns:1.2fr{% if midcols > 0 %} repeat({{ midcols }}, 1fr){% endif %} .9fr; }
  #bt-serie-modelle .bt-st-scroll{ overflow-x:auto; }
  @media (max-width:900px){
    #bt-serie-modelle .serie-table{ min-width:{{ colcount | times: 130 }}px; }
  }

/* ---- bt-serie-ausstattung ---- */
#bt-serie-ausstattung details.btax{ background:#fff; border:1px solid #E5E7EB; border-radius:12px; margin-bottom:12px; }
    #bt-serie-ausstattung details.btax summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 20px; }
    #bt-serie-ausstattung details.btax summary::-webkit-details-marker{ display:none; }
    #bt-serie-ausstattung .btax__t{ font-weight:800; font-size:15px; color:#0B1D5E; }
    #bt-serie-ausstattung .btax__sub{ display:block; font-size:12.5px; color:#7A8087; font-weight:400; margin-top:2px; }
    #bt-serie-ausstattung .btax__chev{ flex:none; width:28px; height:28px; border-radius:50%; border:1px solid #E5E7EB; display:flex; align-items:center; justify-content:center; color:#0B1D5E; transition:transform .25s ease; font-size:13px; }
    #bt-serie-ausstattung details.btax[open] .btax__chev{ transform:rotate(180deg); }
    #bt-serie-ausstattung .btax__body{ padding:4px 20px 20px; }
    #bt-serie-ausstattung .btax__intro{ font-size:13.5px; color:#7A8087; max-width:70ch; margin:0 0 14px; }
    #bt-serie-ausstattung .btax__scroll{ overflow-x:auto; }

    #bt-serie-ausstattung .btso-kath{ display:flex; align-items:center; gap:14px; margin:20px 0 12px; }
    #bt-serie-ausstattung .btso-kath:first-of-type{ margin-top:6px; }
    #bt-serie-ausstattung .btso-katlbl{ flex:none; font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:#0B1D5E; border-radius:999px; padding:5px 14px; }
    #bt-serie-ausstattung .btso-katline{ flex:1; height:1px; background:#E5E7EB; }
    #bt-serie-ausstattung .btso-cols{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; align-items:start; }
    #bt-serie-ausstattung .btso-card{ border:1px solid #E5E7EB; border-radius:12px; padding:16px 18px; background:#fff; display:flex; flex-direction:column; gap:11px; }
    #bt-serie-ausstattung .btso-ptiles{ display:grid; grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); gap:8px; }
    #bt-serie-ausstattung a.btso-pt{ border:1px solid #E5E7EB; border-radius:10px; padding:8px; text-decoration:none; display:flex; flex-direction:column; gap:5px; align-items:center; text-align:center; background:#F8F9FB; transition:border-color .15s; }
    #bt-serie-ausstattung a.btso-pt:hover{ border-color:#0B1D5E; }
    #bt-serie-ausstattung .btso-ptimg{ width:100%; height:72px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:8px; overflow:hidden; }
    #bt-serie-ausstattung .btso-ptimg img{ max-width:100%; max-height:100%; object-fit:contain; display:block; }
    #bt-serie-ausstattung .btso-ptn{ font-size:11.5px; font-weight:700; color:#0B1D5E; line-height:1.3; }
    #bt-serie-ausstattung .btso-ptp{ font-size:11.5px; font-weight:800; color:#111827; }
    #bt-serie-ausstattung .btso-head{ display:flex; gap:12px; align-items:flex-start; }
    #bt-serie-ausstattung .btso-prods{ display:flex; flex-wrap:wrap; gap:8px; }
    #bt-serie-ausstattung a.btso-p{ display:flex; align-items:center; gap:8px; border:1px solid #E5E7EB; border-radius:999px; padding:5px 12px 5px 5px; text-decoration:none; background:#F8F9FB; transition:border-color .15s; }
    #bt-serie-ausstattung a.btso-p:hover{ border-color:#0B1D5E; }
    #bt-serie-ausstattung .btso-pimg{ flex:none; width:30px; height:30px; border-radius:50%; overflow:hidden; background:#fff; display:flex; align-items:center; justify-content:center; }
    #bt-serie-ausstattung .btso-pimg img{ width:100%; height:100%; object-fit:cover; display:block; }
    #bt-serie-ausstattung .btso-pn{ font-size:12px; font-weight:700; color:#0B1D5E; }
    #bt-serie-ausstattung .btso-pp{ font-size:12px; font-weight:800; color:#111827; }
    #bt-serie-ausstattung .btso-img{ flex:none; width:64px; height:64px; border-radius:8px; background:#F4F6F9; overflow:hidden; display:flex; align-items:center; justify-content:center; }
    #bt-serie-ausstattung .btso-img img{ width:100%; height:100%; object-fit:cover; display:block; }
    #bt-serie-ausstattung .btso-name{ font-weight:800; font-size:15.5px; color:#0B1D5E; margin-bottom:4px; letter-spacing:-.01em; }
    #bt-serie-ausstattung .btso-desc{ font-size:13px; line-height:1.5; color:#4B5563; margin:0 0 5px; }
    #bt-serie-ausstattung .btso-hint{ font-size:12px; color:#7A8087; }

    #bt-serie-ausstattung .btax__zwrap{ position:relative; }
    #bt-serie-ausstattung .btax__zrow{ display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x proximity; padding-bottom:6px; }
    #bt-serie-ausstattung a.btax__tile{ flex:0 0 190px; scroll-snap-align:start; border:1px solid #E5E7EB; border-radius:10px; background:#fff; text-decoration:none; padding:12px; display:flex; flex-direction:column; gap:8px; transition:border-color .15s, box-shadow .15s; }
    #bt-serie-ausstattung a.btax__tile:hover{ border-color:#0B1D5E; box-shadow:0 6px 16px rgba(11,29,94,.10); }
    #bt-serie-ausstattung .btax__timg{ height:120px; background:#fff; display:flex; align-items:center; justify-content:center; }
    #bt-serie-ausstattung .btax__timg img{ max-width:100%; max-height:100%; object-fit:contain; }
    #bt-serie-ausstattung .btax__tname{ font-size:13px; font-weight:700; color:#0B1D5E; line-height:1.35; }
    #bt-serie-ausstattung .btax__tprice{ font-size:13.5px; font-weight:800; color:#111827; margin-top:auto; }
    #bt-serie-ausstattung .btax__tgo{ font-size:12px; font-weight:700; color:#0B1D5E; }
    #bt-serie-ausstattung .btax__tgo::after{ content:" \2192"; }
    #bt-serie-ausstattung .btax__arr{ position:absolute; top:74px; width:36px; height:36px; border-radius:50%; border:1px solid #E5E7EB; background:#fff; color:#0B1D5E; font-size:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,.10); z-index:2; }
    #bt-serie-ausstattung .btax__arr--l{ left:-8px; }
    #bt-serie-ausstattung .btax__arr--r{ right:-8px; }
    #bt-serie-ausstattung .btax__arr[disabled]{ opacity:.3; cursor:default; }

/* ---- bt-serie-details ---- */
.bt-sd .bt-rv{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
  .bt-sd .bt-rv.in{ opacity:1; transform:none; }
  @media (prefers-reduced-motion: reduce){ .bt-sd .bt-rv{ opacity:1; transform:none; transition:none; } }
  .bt-sd section{ scroll-margin-top:64px; }
  .bt-sd__band{ max-width:1200px; margin:0 auto; padding:60px 24px; }
  .bt-sd__band h2{ color:var(--bt-navy); font-size:clamp(24px,3.2vw,36px); letter-spacing:-.01em;
    line-height:1.12; margin:0 0 10px; }
  .bt-sd__eyebrow{ font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
    color:var(--bt-eyebrow-color); margin-bottom:8px; }

  .bt-sd__spot{ display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:start; margin-top:26px; }
  .bt-sd__spotmedia{ border-radius:12px; overflow:hidden; background:#EEF1F5; min-height:300px;
    display:flex; align-items:center; justify-content:center; }
  .bt-sd__spotmedia img{ max-width:100%; max-height:420px; object-fit:contain; }
  .bt-sd__desc{ font-size:14.5px; line-height:1.65; color:var(--bt-text); max-width:66ch; }
  .bt-sd__desc p{ margin:0 0 12px; }
  .bt-sd__desc h3{ color:var(--bt-navy); font-size:17px; margin:0 0 10px; }

  .bt-sd__specs{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 60px; margin-top:26px; max-width:900px; }
  .bt-sd__row{ display:flex; justify-content:space-between; gap:18px; padding:12px 2px;
    border-bottom:1px solid var(--bt-border); font-size:14px; }
  .bt-sd__row dt{ color:var(--bt-text-light); margin:0; }
  .bt-sd__row dd{ font-weight:700; color:var(--bt-navy); text-align:right; margin:0; font-variant-numeric:tabular-nums; }
  .bt-sd__dl{ display:inline-block; margin-top:16px; font-size:13px; font-weight:700; color:var(--bt-navy);
    border:1px solid #B9C2CE; border-radius:8px; padding:9px 16px; text-decoration:none; background:#fff; }

  .bt-sd__mediarow{ display:grid; grid-template-columns:1.25fr .75fr; gap:18px; margin-top:26px; }
  .bt-sd__vid{ border-radius:14px; background:var(--bt-navy); min-height:280px; overflow:hidden;
    display:flex; align-items:center; justify-content:center; }
  .bt-sd__vid video{ width:100%; height:100%; object-fit:cover; display:block; }
  .bt-sd__hlcol{ display:grid; gap:18px; align-content:start; }
  .bt-sd__hl{ border-radius:14px; border:1px solid var(--bt-border); overflow:hidden; margin:0;
    background:#EEF1F5; }
  .bt-sd__hl img{ width:100%; height:160px; object-fit:cover; display:block; }

  /* FAQ im BT-W5-Design: Fragen links, Kontaktbox mit CTA rechts (Chris 18.08.) */
  .bt-sd__faqgrid{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:32px; align-items:start; margin-top:22px; }
  @media(max-width:1020px){ .bt-sd__faqgrid{ grid-template-columns:1fr; } }
  .bt-sd .bt-faq__item summary{ padding:14px 16px; margin:0 -16px; border-radius:8px; min-height:52px; box-sizing:border-box; }
  .bt-sd .bt-faq__item summary:hover{ background:var(--bt-surface); }
  .bt-sd .bt-faq__question span{ flex:1; }
  .bt-sd .bt-faq__chevron{ color:var(--bt-text-light); }
  .bt-sd .bt-faq__item[open] .bt-faq__chevron{ color:var(--bt-navy); }
  .bt-sd .bt-faq__answer{ padding:0 0 14px; }
  .bt-sd__faqcta{ border:1px solid var(--bt-border); border-radius:14px; padding:22px; background:#fff; position:sticky; top:20px; }
  .bt-sd__faqcta h3{ margin:0 0 6px; font-size:16px; color:var(--bt-navy); }
  .bt-sd__faqcta p{ margin:0 0 14px; font-size:14px; line-height:1.6; color:var(--bt-text); }
  .bt-sd__faqacts{ display:flex; flex-direction:column; gap:10px; }
  .bt-sd__faqacts .bt-btn{ width:100%; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; text-align:center; }
  .bt-sd__faqhours{ margin-top:12px; font-size:12px; color:var(--bt-text-light); }

  .bt-sd__upgrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:26px; }
  .bt-root.bt-sd a.bt-sd__upcard{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16);
    border-radius:14px; padding:22px; text-decoration:none; display:flex; flex-direction:column; gap:8px;
    transition:transform .2s ease, background .2s ease; }
  .bt-root.bt-sd a.bt-sd__upcard:hover{ transform:translateY(-3px); background:rgba(255,255,255,.10); }
  .bt-sd__uptag{ align-self:flex-start; background:var(--bt-gold); color:var(--bt-navy); font-size:10.5px;
    font-weight:800; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; padding:3px 11px; }
  .bt-sd__upname{ color:#fff; font-size:20px; font-weight:800; }
  .bt-sd__upinfo{ color:var(--bt-gold); font-size:13px; font-weight:700; }
  .bt-sd__uphl{ color:#C3CBE0; font-size:12.5px; }
  .bt-sd__upgo{ color:#fff; font-size:12.5px; font-weight:700; margin-top:6px; }
  .bt-sd__upgo::after{ content:" \2192"; }
  @media(max-width:820px){
    .bt-sd__spot, .bt-sd__mediarow{ grid-template-columns:1fr; }
    .bt-sd__specs{ grid-template-columns:1fr; }
    .bt-sd__upgrid{ grid-template-columns:1fr; }
  }

/* ==========================================================================
   C28, kein Inline-CSS: die style-Attribute der drei Serien-Sections
   Task 58 Teil 1, Gruppe 2, 03.09.2026
   Regel fuer Regel aus den Sections hierher gezogen, Werte unveraendert.
   Jede Regel ist enger gefasst als die Regel, die sie ersetzt, damit sie
   den Vorrang des entfernten style-Attributs uebernimmt. bt-serie.css laedt
   auf der Serienseite als letzte bt-Datei, nach cdx-product-sections.css.
   ========================================================================== */

/* ---- bt-serie-ausstattung ---- */
/* Intro-Absatz unter der H2. Vorher style-Attribut am p-Tag. */
#bt-serie-ausstattung .bt-sa__intro{ font-size:14px; color:#7A8087; max-width:66ch; margin:0 0 18px; }

/* Spaltenbreiten der Schloss-Tabelle. Vorher width am th.
   cdx-product-sections.css setzt fuer .cdx-pdp-sec .sl-table th keine Breite,
   die Werte waren also allein durch das Attribut da. */
#bt-serie-ausstattung .sl-table thead th:nth-child(1){ width:20%; }
#bt-serie-ausstattung .sl-table thead th:nth-child(2){ width:35%; }
#bt-serie-ausstattung .sl-table thead th:nth-child(4){ width:15%; }

/* ---- bt-serie-groessen ---- */
/* Nur das USP-Band unten enger. Modifier statt style-Attribut, damit die
   Regel #bt-sg .bt-sg__band mit padding:52px 24px erhalten bleibt. */
#bt-sg .bt-sg__band--usps{ padding-bottom:40px; }

/* ---- bt-serie-details ---- */
#bt-serie-merkmale{ background:var(--bt-surface); border-top:1px solid var(--bt-border); }
#bt-serie-upgrade{ background:var(--bt-navy); }
  /* schlaegt .bt-sd__eyebrow{color:var(--bt-eyebrow-color)} */
  #bt-serie-upgrade .bt-sd__eyebrow{ color:#8FA0D8; }
  /* schlaegt .bt-sd__band h2{color:var(--bt-navy)} */
  #bt-serie-upgrade .bt-sd__band h2{ color:#fff; }
#bt-serie-faq{ border-top:1px solid var(--bt-border); }