/* ==========================================================================
   bima · Kategorie-Sektionen · v1.4 · 15.10.2026
   Einbinden: einmal pro Kategorieseite, NACH dem Shop-Theme-CSS.
   Präfix .bc- (bima category) – kollidiert nicht mit Theme-Klassen.
   Kein JavaScript erforderlich (Akkordeons = native <details>).
   ========================================================================== */

/* == 00 basis == */
.bc-section{
  --bc-blue:#10559e; --bc-orange:#f18a00; --bc-link:#ee7d00; --bc-link-hover:#c96900;
  --bc-text:#333333; --bc-muted:#4a5055; --bc-subtle:#5b6166; --bc-faint:#6f767c;
  --bc-line:#e2e6ea; --bc-line-soft:#eceef0; --bc-bg-soft:#fafbfc; --bc-on-blue:#dbe6f2;
  --bc-h2-weight:700; --bc-gap-section:52px;
  font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.6; color:var(--bc-text);
  margin:0 0 var(--bc-gap-section);
}
.bc-section,.bc-section *,.bc-section *::before,.bc-section *::after{box-sizing:border-box}
.bc-section a{color:var(--bc-link);text-decoration:none}
.bc-section a:hover{color:var(--bc-link-hover);text-decoration:underline}
.bc-section a:focus-visible,.bc-section summary:focus-visible{outline:2px solid var(--bc-blue);outline-offset:2px}
.bc-section summary{cursor:pointer;list-style:none}
.bc-section summary::-webkit-details-marker{display:none}
.bc-h2{margin:0 0 6px;font-size:24px;line-height:1.25;font-weight:var(--bc-h2-weight);color:var(--bc-blue);text-wrap:pretty}
.bc-h2--solo{margin-bottom:20px}
.bc-lead{margin:0 0 22px;font-size:15px;line-height:1.6;color:var(--bc-subtle);max-width:95ch}
.bc-table-wrap{overflow-x:auto;border:1px solid var(--bc-line)}
.bc-table{width:100%;border-collapse:collapse;font-size:14px}
.bc-table th,.bc-table td{padding:11px 14px;border-bottom:1px solid var(--bc-line-soft);text-align:left;vertical-align:top}
.bc-table tbody tr:nth-child(even){background:var(--bc-bg-soft)}
.bc-table tbody tr:last-child th,.bc-table tbody tr:last-child td{border-bottom:0}
@media (max-width:640px){.bc-section{--bc-gap-section:40px}.bc-h2{font-size:21px}}
/* == /00 == */

/* == 01 breadcrumb == */
.bc-breadcrumb{--bc-gap-section:22px;font-size:13px;color:var(--bc-subtle)}
.bc-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bc-breadcrumb li{display:flex;align-items:center;gap:8px}
.bc-breadcrumb li+li::before{content:"\2022";color:#b8bec3}
.bc-breadcrumb [aria-current="page"]{color:var(--bc-muted)}
/* == /01 == */

/* == 02 intro == */
.bc-intro{--bc-gap-section:24px}
.bc-intro__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bc-intro__icon{width:30px;height:30px;flex-shrink:0}
.bc-intro h1{margin:0;font-size:32px;line-height:1.2;font-weight:700;color:var(--bc-blue);text-wrap:pretty}
.bc-intro p{margin:0 0 12px;max-width:95ch;text-wrap:pretty}
.bc-intro__lead{font-size:16px}
.bc-intro__body,.bc-intro__more p{font-size:15px;line-height:1.65;color:var(--bc-muted)}
.bc-intro__more{max-width:95ch}
.bc-intro__more summary{color:var(--bc-link);padding:4px 0}
.bc-intro__more summary::after{content:" \25BE"}
.bc-intro__more[open] summary::after{content:" \25B4"}
.bc-intro__more[open] summary{margin-bottom:8px}
.bc-intro__more p:last-child{margin-bottom:0}
@media (max-width:640px){.bc-intro h1{font-size:26px}}
/* == /02 == */

/* == 03 usps == */
.bc-usps{--bc-gap-section:44px}
.bc-usps ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--bc-line);border:1px solid var(--bc-line)}
.bc-usps li{background:var(--bc-bg-soft);padding:14px 16px}
.bc-usps strong{display:block;font-size:15px;line-height:1.4;color:var(--bc-blue)}
.bc-usps span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--bc-subtle)}
/* == /03 == */

/* == 04 sortiment == */
.bc-tiles__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 24px}
.bc-section a.bc-tile{display:block;color:inherit}
.bc-section a.bc-tile:hover{text-decoration:none}
.bc-tile__img{display:block;width:100%;height:170px;object-fit:cover;border:1px solid var(--bc-line);background:#eef1f4}
.bc-tile__title{margin:8px 0 0;font-size:15px;font-weight:700;line-height:1.35;color:var(--bc-link)}
.bc-tile:hover .bc-tile__title{color:var(--bc-link-hover);text-decoration:underline}
.bc-tile__desc{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--bc-muted)}
.bc-tile__meta{margin:6px 0 0;font-size:12px;color:var(--bc-faint)}
.bc-tiles__more{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}
.bc-section .bc-tiles__more a{border:1px solid var(--bc-line);padding:10px 18px;font-size:15px;font-weight:700;background:var(--bc-bg-soft)}
/* == /04 == */

/* == 05 auswahlhilfe == */
.bc-choice .bc-table{min-width:700px}
.bc-choice thead th{background:var(--bc-blue);color:#fff;font-weight:700;border-bottom:0}
.bc-choice tbody th{font-weight:700}
.bc-choice__note{margin:12px 0 0;font-size:13px;color:var(--bc-faint)}
/* == /05 == */

/* == 06 anwendungen == */
.bc-uses__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.bc-use{border-top:4px solid var(--bc-orange);background:var(--bc-bg-soft);padding:16px 18px 18px}
.bc-use h3{margin:0 0 8px;font-size:17px;line-height:1.3;font-weight:700;color:var(--bc-blue)}
.bc-use p{margin:0;font-size:14px;line-height:1.6;color:var(--bc-muted)}
/* == /06 == */

/* == 07 technik == */
.bc-specs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;align-items:start}
.bc-specs tbody th{width:44%;padding:10px 14px;font-weight:700;color:var(--bc-muted)}
.bc-specs tbody td{padding:10px 14px}
.bc-specs h3{margin:0 0 10px;font-size:17px;font-weight:700;color:var(--bc-blue)}
.bc-specs ul{margin:0;padding-left:20px;font-size:15px;line-height:1.75;color:var(--bc-muted)}
/* Variante A – nur Tabelle */
.bc-specs--table .bc-table-wrap{max-width:820px}
/* Variante B – nur Aufzählung */
.bc-specs--list ul{max-width:95ch;columns:2 340px;column-gap:40px}
.bc-specs--list li{break-inside:avoid;margin-bottom:4px}
/* == /07 == */

/* == 08 downloads == */
.bc-dl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--bc-line);border:1px solid var(--bc-line)}
.bc-dl li{background:#fff;display:flex}
.bc-section .bc-dl a{display:block;flex:1;padding:16px 18px}
.bc-dl__title{display:block;font-size:15px;font-weight:700;color:var(--bc-link)}
.bc-dl__desc{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--bc-subtle)}
.bc-dl__type{display:block;margin-top:8px;font-size:12px;color:var(--bc-faint)}
/* == /08 == */

/* == 09 faq == */
.bc-faq__list{border:1px solid var(--bc-line);max-width:95ch}
.bc-faq details{border-bottom:1px solid var(--bc-line-soft)}
.bc-faq details:last-child{border-bottom:0}
.bc-faq summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px}
.bc-faq summary::after{content:"+";color:var(--bc-orange);font-weight:700;font-size:18px;line-height:1.2}
.bc-faq details[open] summary::after{content:"\2013"}
.bc-faq__q{margin:0;font-size:16px;line-height:1.4;font-weight:700;color:var(--bc-blue)}
.bc-faq__a{margin:0;padding:0 16px 16px;font-size:14px;line-height:1.65;color:var(--bc-muted);max-width:85ch}
/* == /09 == */

/* == 10 beratung == */
.bc-cta{background:var(--bc-blue);color:#fff;padding:26px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:center}
.bc-cta h2{margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:700;color:#fff}
.bc-cta p{margin:0;font-size:15px;line-height:1.6;color:var(--bc-on-blue);max-width:60ch}
.bc-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.bc-section .bc-btn{display:inline-block;padding:12px 20px;font-size:15px;font-weight:700;line-height:1.2}
.bc-section .bc-btn:hover{text-decoration:none}
.bc-section .bc-btn--primary{background:var(--bc-orange);color:#fff}
.bc-section .bc-btn--primary:hover{background:var(--bc-link-hover);color:#fff}
.bc-section .bc-btn--ghost{border:1px solid #fff;color:#fff}
.bc-section .bc-btn--ghost:hover{background:#fff;color:var(--bc-blue)}
@media (max-width:640px){.bc-cta{padding:22px 20px}.bc-cta__actions{justify-content:flex-start}}
/* == /10 == */

/* == 11 verwandt == */
.bc-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.bc-related h3{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--bc-muted)}
.bc-related ul{margin:0;padding-left:18px;font-size:14px;line-height:1.9}
/* == /11 == */

/* == 12 kundenhinweis == */
.bc-notice{border:1px solid var(--bc-line);border-left:4px solid var(--bc-orange);background:var(--bc-bg-soft);padding:18px 20px;max-width:95ch}
.bc-notice summary{font-size:15px;font-weight:700;color:var(--bc-blue)}
.bc-notice summary::after{content:" \25BE"}
.bc-notice details[open] summary::after{content:" \25B4"}
.bc-notice p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--bc-muted)}
.bc-notice details[open] summary{margin-bottom:10px}
.bc-notice p:last-child{margin-bottom:0}
/* == /12 == */