/* ===== Cosmic Automata — multi-page additions ===== */
.sect{ padding-block:46px; }
.sect.narrow{ max-width:760px; }
.sect-cta{ text-align:center; margin-top:30px; }
.sub-h{ font-family:var(--display); font-size:22px; margin:0 0 16px; }

/* breadcrumbs */
.crumbs{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding-block:18px 0; font-size:13px; color:var(--text-faint); font-family:var(--mono); }
.crumbs a{ color:var(--text-dim); text-decoration:none; }
.crumbs a:hover{ color:var(--accent-2); }
.crumbs .sep{ color:var(--text-faint); }
.crumbs .cur{ color:var(--text); }

/* subcategory nav */
.subnav{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:22px; }
.subnav-label{ font-family:var(--mono); font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-faint); }
.subnav a{ font-family:var(--mono); font-size:12.5px; color:var(--text-dim); background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:7px 14px; text-decoration:none; transition:.15s; }
.subnav a:hover{ border-color:var(--accent); color:var(--text); }

/* category hero */
.cat-hero{ padding-block:40px 10px; }
.cat-hero h1{ font-family:var(--display); font-weight:800; font-size:clamp(28px,4.5vw,46px); line-height:1.05; margin:0; }
.cat-intro{ margin-top:16px; max-width:65ch; color:var(--text-dim); font-size:clamp(15px,1.6vw,17px); line-height:1.6; }

/* filters */
.filters{ display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; }
.fbtn{ font-family:var(--mono); font-size:12.5px; letter-spacing:.03em; color:var(--text-dim); background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s; }
.fbtn:hover{ border-color:var(--accent-dim); color:var(--text); }
.fbtn.active{ background:var(--accent); border-color:var(--accent); color:#fff; }

/* product detail */
.product{ display:grid; grid-template-columns:1.05fr 1fr; gap:40px; align-items:start; padding-block:28px 10px; }
.product-media{ position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; }
.product-media img{ width:100%; height:100%; object-fit:cover; }
.product-media .soon{ position:absolute; top:14px; left:14px; background:var(--hot); color:#fff; font-family:var(--mono); font-size:11px; padding:5px 10px; border-radius:999px; }
.p-cat{ font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--accent-2); }
.product-info h1{ font-family:var(--display); font-weight:800; font-size:clamp(26px,4vw,40px); line-height:1.05; margin:8px 0 4px; }
.product-info .maker{ color:var(--text-dim); font-size:15px; }
.p-urg{ display:inline-block; margin-top:16px; font-family:var(--mono); font-size:12.5px; color:var(--text-dim); background:var(--surface-2); border:1px solid var(--line); border-radius:999px; padding:7px 14px; }
.p-urg.hot{ color:var(--hot); border-color:rgba(255,106,77,.4); }
.p-desc{ margin-top:20px; font-size:16px; line-height:1.65; color:var(--text); }
.p-why{ margin-top:16px; font-size:15px; line-height:1.6; color:var(--text-dim); background:var(--surface); border-left:3px solid var(--accent); border-radius:8px; padding:14px 16px; }
.p-facts{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:24px; }
.price.big{ font-family:var(--display); font-weight:800; font-size:26px; }
.price.big small{ display:block; font-family:var(--sans); font-weight:400; font-size:12.5px; color:var(--text-faint); }
.p-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.mini.ghost{ background:transparent; border:1px solid var(--line); color:var(--text-dim); }
.mini.ghost:hover{ border-color:var(--accent-dim); color:var(--text); }
.p-aff{ margin-top:14px; font-family:var(--mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-faint); }

/* spec table */
.spec-table{ width:100%; border-collapse:collapse; max-width:620px; }
.spec-table th,.spec-table td{ text-align:left; padding:13px 14px; border-bottom:1px solid var(--line-soft); font-size:15px; }
.spec-table th{ width:200px; color:var(--text-dim); font-weight:500; }
.spec-table td{ color:var(--text); }

/* form */
.form{ display:flex; flex-direction:column; gap:16px; max-width:560px; }
.form label{ display:flex; flex-direction:column; gap:7px; font-size:14px; color:var(--text-dim); }
.form input,.form select,.form textarea{ background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:12px 14px; color:var(--text); font-family:var(--sans); font-size:15px; }
.form input:focus,.form select:focus,.form textarea:focus{ outline:none; border-color:var(--accent); }
.form .hp{ position:absolute; left:-9999px; }
.form button{ align-self:flex-start; margin-top:6px; }

/* legal */
.legal h1{ font-family:var(--display); font-size:clamp(26px,4vw,38px); }
.legal h2,.legal h3{ font-family:var(--display); margin-top:26px; }
.legal p,.legal li{ color:var(--text-dim); line-height:1.65; font-size:15px; }
.legal a{ color:var(--accent-2); }

/* guides */
.guide{ max-width:760px; }
.g-meta{ font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-faint); }
.guide h1{ font-family:var(--display); font-weight:800; font-size:clamp(28px,4.2vw,42px); line-height:1.08; margin:10px 0 0; }
.g-intro{ margin-top:18px; font-size:18px; line-height:1.6; color:var(--text); }
.g-body{ margin-top:10px; }
.g-body h2{ font-family:var(--display); font-weight:700; font-size:23px; margin:34px 0 10px; }
.g-body h3{ font-family:var(--display); font-weight:700; font-size:18px; margin:26px 0 8px; }
.g-body p{ font-size:16px; line-height:1.7; color:var(--text-dim); margin:12px 0; }
.g-body ul{ margin:12px 0; padding-left:22px; }
.g-body li{ font-size:16px; line-height:1.6; color:var(--text-dim); margin:7px 0; }
.g-body a{ color:var(--accent-2); text-decoration:none; border-bottom:1px solid rgba(92,176,255,.3); }
.g-body a:hover{ border-color:var(--accent-2); }
.g-body strong{ color:var(--text); }
.note-inline{ background:var(--surface); border-left:3px solid var(--warn); border-radius:8px; padding:12px 16px; font-size:14px !important; color:var(--text-faint) !important; }
.g-related{ margin-top:40px; padding-top:24px; border-top:1px solid var(--line); }
.g-related h3{ font-family:var(--display); font-size:16px; margin:0 0 14px; }
.g-related-links{ display:flex; gap:10px; flex-wrap:wrap; }
.g-related-links a{ font-family:var(--mono); font-size:13px; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:9px 16px; text-decoration:none; }
.g-related-links a:hover{ border-color:var(--accent); }
.guide-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.guide-card{ display:block; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px; text-decoration:none; transition:.15s; }
.guide-card:hover{ border-color:var(--accent); transform:translateY(-2px); }
.gc-tag{ font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2); }
.guide-card h3{ font-family:var(--display); font-weight:700; font-size:19px; line-height:1.2; margin:12px 0 10px; color:var(--text); }
.guide-card p{ font-size:14px; line-height:1.55; color:var(--text-dim); margin:0 0 14px; }
.gc-go{ font-family:var(--mono); font-size:12.5px; color:var(--accent-2); }

/* footer */
.site-foot{ border-top:1px solid var(--line); margin-top:60px; padding-block:48px 34px; background:var(--surface); }
.foot-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:34px; }
.foot-brand img{ height:34px; width:auto; }
.foot-brand p{ margin-top:12px; color:var(--text-faint); font-size:13.5px; max-width:30ch; }
.foot-col h4{ font-family:var(--mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint); margin:0 0 14px; }
.foot-col a{ display:block; color:var(--text-dim); text-decoration:none; font-size:14.5px; margin-bottom:9px; }
.foot-col a:hover{ color:var(--accent-2); }
.foot-bottom{ display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:40px; padding-top:22px; border-top:1px solid var(--line-soft); font-size:12.5px; color:var(--text-faint); }
.foot-bottom a{ color:var(--text-dim); }
.foot-disc{ max-width:46ch; }

/* card title links */
.card h3 a{ color:inherit; text-decoration:none; }
.card h3 a:hover{ color:var(--accent-2); }
.card .panel{ display:block; }

@media (max-width:820px){
  .product{ grid-template-columns:1fr; gap:24px; }
  .foot-grid{ grid-template-columns:1fr 1fr; gap:26px; }
  .spec-table th{ width:130px; }
}
@media (max-width:520px){ .foot-grid{ grid-template-columns:1fr; } }

/* ===== Review-Verbesserungen (v10) ===== */
/* Logo: Monogramm + klar lesbarer Schriftzug */
.brand{ display:flex; align-items:center; gap:13px; text-decoration:none; }
.brand img{ height:50px; width:auto; }
.brandname{ font-family:var(--display); font-weight:800; font-size:20px; letter-spacing:.07em; color:var(--text); white-space:nowrap; line-height:1; }
.brandname span{ color:var(--accent-2); }
@media (max-width:600px){ .brandname{ font-size:16px; } .brand img{ height:42px; } }
@media (max-width:380px){ .brandname{ display:none; } }
.foot-brand img{ height:56px !important; }
/* Anfrage-Band auf der Startseite */
.anfrage-band{ display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; background:linear-gradient(135deg,rgba(46,144,255,.12),rgba(92,176,255,.04)); border:1px solid var(--line); border-radius:var(--radius); padding:30px 34px; }
.anfrage-band h2{ font-family:var(--display); font-weight:800; font-size:clamp(20px,2.6vw,26px); margin:0; }
.anfrage-band p{ margin:8px 0 0; color:var(--text-dim); font-size:15.5px; line-height:1.55; max-width:62ch; }
.anfrage-band .btn{ white-space:nowrap; }
/* Preise & Verfügbarkeit lesbarer */
.card .price{ font-size:15.5px; font-weight:600; color:var(--text); }
.card .price small{ font-size:11px; }
.pill{ font-size:12px; font-weight:500; color:var(--text); }
.price.big{ font-size:30px; }
/* Konzeptbild-Kennzeichnung auf Produkt-Media */
.concept-tag{ position:absolute; left:12px; bottom:12px; background:rgba(10,14,23,.78); color:#cfe0f5; font-family:var(--mono); font-size:10.5px; letter-spacing:.04em; padding:5px 10px; border-radius:7px; border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(2px); }
/* "Wie wir bewerten"-Link in der Einschätzungsbox */
.why-link{ display:inline-block; margin-top:8px; font-family:var(--mono); font-size:12px; color:var(--accent-2); text-decoration:none; }
.why-link:hover{ text-decoration:underline; }
/* Nav darf bei vielen Punkten umbrechen statt zu überlaufen */
/* Navigation: schmale Breiten nutzen das Hamburger-Menue (siehe unten) */

/* ===== Eignungs-Blöcke (Batch B) ===== */
.fit-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.fit-col{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px; position:relative; }
.fit-col h3{ font-family:var(--display); font-size:15px; margin:10px 0 8px; }
.fit-col p{ font-size:14.5px; line-height:1.55; color:var(--text-dim); margin:0; }
.fit-ic{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px; font-family:var(--mono); font-weight:600; font-size:15px; }
.fit-col.good{ border-top:3px solid #3ddc84; } .fit-col.good .fit-ic{ background:rgba(61,220,132,.14); color:#3ddc84; }
.fit-col.less{ border-top:3px solid var(--accent-2); } .fit-col.less .fit-ic{ background:rgba(92,176,255,.14); color:var(--accent-2); }
.fit-col.limit{ border-top:3px solid var(--warn); } .fit-col.limit .fit-ic{ background:rgba(255,176,32,.14); color:var(--warn); }
@media (max-width:760px){ .fit-grid{ grid-template-columns:1fr; } }

/* ===== Vergleichsseite: Filter + Direktvergleich (Batch B) ===== */
.filter-stack{ display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.filter-row{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.filter-label{ font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-faint); min-width:96px; }
.filter-row .filters{ margin-top:0; }
.cat-item{ position:relative; }
.cmp-check{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11.5px; color:var(--text-dim); margin-bottom:8px; cursor:pointer; }
.cmp-check input{ accent-color:var(--accent); width:15px; height:15px; }
.cmp-bar{ position:fixed; left:0; right:0; bottom:0; z-index:50; display:none; align-items:center; gap:16px; justify-content:center; background:rgba(10,14,23,.95); border-top:1px solid var(--line); padding:14px 20px; backdrop-filter:blur(6px); flex-wrap:wrap; }
.cmp-bar span{ font-family:var(--mono); font-size:13px; color:var(--text); }
.cmp-bar .cmpn{ color:var(--accent-2); font-size:15px; }
.btn.ghostbtn{ background:transparent; border:1px solid var(--line); color:var(--text-dim); }
.btn.ghostbtn:hover{ border-color:var(--accent-dim); color:var(--text); }
.cmp-panel{ display:none; margin-top:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px; }
.cmp-scroll{ overflow-x:auto; }
.cmp-table{ width:100%; border-collapse:collapse; min-width:520px; }
.cmp-table th,.cmp-table td{ text-align:left; padding:12px 14px; border-bottom:1px solid var(--line-soft); font-size:14px; vertical-align:top; line-height:1.5; }
.cmp-table thead th{ font-family:var(--display); font-size:15px; }
.cmp-table thead th a{ color:var(--accent-2); text-decoration:none; }
.cmp-table tbody th{ color:var(--text-dim); font-weight:500; width:150px; font-family:var(--mono); font-size:12px; }
.cmp-table tbody td{ color:var(--text); }

/* ===== Cosmic Automata Living (senioren-freundlich: große Schrift, hoher Kontrast) ===== */
.living{ font-size:17px; }
.living-hero{ padding-block:50px 16px; }
.living-tag{ font-family:var(--mono); font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-2); }
.living-hero h1{ font-family:var(--display); font-weight:800; font-size:clamp(32px,5.2vw,54px); line-height:1.06; margin:16px 0 0; }
.living-lede{ margin-top:18px; font-size:clamp(17px,2vw,21px); line-height:1.6; color:var(--text); max-width:60ch; }
.living-cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.btn.big{ font-size:17px; padding:15px 26px; }
.use-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.use-card{ display:block; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:26px; text-decoration:none; transition:.15s; }
.use-card:hover{ border-color:var(--accent); transform:translateY(-2px); }
.use-card h3{ font-family:var(--display); font-weight:700; font-size:21px; line-height:1.2; margin:0 0 10px; color:var(--text); }
.use-card p{ font-size:16px; line-height:1.6; color:var(--text-dim); margin:0 0 14px; }
.use-go{ font-family:var(--mono); font-size:13.5px; color:var(--accent-2); }
.two-motive{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.motive{ background:var(--surface); border-left:3px solid var(--accent); border-radius:10px; padding:24px 26px; }
.motive h3{ font-family:var(--display); font-size:22px; margin:0 0 10px; }
.motive p{ font-size:16.5px; line-height:1.6; color:var(--text-dim); margin:0; }
.living-note{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px 26px; font-size:16px; line-height:1.65; color:var(--text-dim); }
.living-note a{ color:var(--accent-2); }
@media (max-width:700px){ .two-motive{ grid-template-columns:1fr; } }

/* ===== Review-Fixes v19 ===== */
/* KI-Kennzeichnung auf Katalogkarten */
.card-concept{ position:absolute; left:12px; bottom:12px; z-index:2; font-family:var(--mono); font-size:9.5px; letter-spacing:.04em; color:#cfe0f5; background:rgba(10,14,23,.72); border:1px solid rgba(255,255,255,.12); border-radius:5px; padding:3px 7px; backdrop-filter:blur(4px); }
/* Preis & Verfügbarkeit untereinander statt abgeschnitten */
.card .facts{ flex-direction:column; align-items:flex-start; gap:7px; }
.card .facts .pill{ max-width:100%; white-space:normal; }
/* Living: zweispaltiger Hero mit Bild */
.living-hero2{ display:grid; grid-template-columns:1.1fr .9fr; gap:38px; align-items:center; padding-block:46px 18px; }
.living-hero-img{ position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); }
.living-hero-img img{ width:100%; height:100%; max-height:400px; object-fit:cover; display:block; }
/* Living: Aufgaben-Karten mit Bild */
.use-card{ padding:0; overflow:hidden; }
.use-img{ position:relative; height:180px; overflow:hidden; }
.use-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.use-body{ padding:20px 24px 24px; }
.use-card h3{ margin:0 0 10px; }
@media (max-width:860px){ .living-hero2{ grid-template-columns:1fr; } .living-hero-img{ max-height:300px; } }

/* ===== Mobiler Header mit Klappmenü (v21) ===== */
.site-head{ position:relative; }
.nav-toggle{ display:none; background:transparent; border:1px solid var(--line); color:var(--text); font-size:19px; line-height:1; width:42px; height:42px; border-radius:10px; cursor:pointer; align-items:center; justify-content:center; }
.nav-toggle:hover{ border-color:var(--accent); }
@media (max-width:1299px){
  .nav-toggle{ display:inline-flex; }
  .brand img{ height:40px; }
  .brandname{ font-size:16px; display:inline-block; }
  .nav{ display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:var(--bg); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:8px 20px 16px; z-index:60; box-shadow:0 14px 28px rgba(0,0,0,.35); }
  .nav.open{ display:flex; }
  .nav.open .navlink{ display:flex; align-items:center; padding:13px 2px; border-bottom:1px solid var(--line-soft); font-size:15.5px; }
  .nav .btn.primary{ width:100%; text-align:center; margin-top:12px; }
}
@media (max-width:380px){ .brandname{ display:inline-block; font-size:14px; } .brand img{ height:36px; } }

/* --- Technische Daten / Specs (v22) --- */
.spec-table.detail td.nv,
.cmp-table td.nv{ color:var(--text-faint); font-style:italic; }
.cmp-table td.na{ color:var(--text-faint); }
.spec-note{ margin-top:12px; font-size:12.5px; line-height:1.55; color:var(--text-faint); font-family:var(--mono); max-width:70ch; }
.cmp-table tr.cmp-sec th{ background:var(--surface-2); color:var(--text-dim); font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; padding-top:14px; }

/* --- Merkliste + Newsletter (v27) --- */
.card{ position:relative; }
.merk-btn{ cursor:pointer; }
.card>.merk-btn{ position:absolute; top:10px; right:10px; z-index:3; width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid var(--line); background:rgba(10,14,23,.62); color:var(--text-dim); font-size:16px; line-height:1; transition:.15s; }
.card>.merk-btn:hover{ border-color:var(--accent-2); color:var(--text); }
.card>.merk-btn.on{ color:var(--accent-2); border-color:var(--accent-2); background:rgba(92,176,255,.14); }
.p-cta .merk-btn{ display:inline-flex; align-items:center; gap:7px; }
.p-cta .merk-btn.on{ color:var(--accent-2); border-color:var(--accent-2); }
.merklink{ display:inline-flex; align-items:center; gap:5px; }
.merklink .merkcount{ font-family:var(--mono); font-size:12px; color:var(--accent-2); }
.merk-empty{ text-align:center; padding:54px 20px; border:1px dashed var(--line); border-radius:var(--radius); color:var(--text-dim); }
.merk-empty p{ margin:0 0 6px; }
.merk-empty-sub{ font-size:14px; color:var(--text-faint); max-width:46ch; margin-inline:auto; }
.merk-empty .btn{ margin-top:18px; }
.foot-news{ display:grid; grid-template-columns:1.2fr 1fr; gap:18px 44px; align-items:center; padding:6px 0 28px; margin-bottom:22px; border-bottom:1px solid var(--line); }
.foot-news h4{ margin:0 0 6px; font-size:17px; color:var(--text); }
.foot-news .fn-txt p{ margin:0; color:var(--text-faint); font-size:13.5px; max-width:44ch; line-height:1.5; }
.fn-row{ display:flex; gap:10px; }
.fn-row input[type=email]{ flex:1; min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:12px 14px; color:var(--text); font-family:var(--sans); font-size:15px; }
.fn-row input[type=email]:focus{ outline:none; border-color:var(--accent-2); }
.fn-consent{ display:flex; gap:8px; align-items:flex-start; margin-top:10px; font-size:12px; color:var(--text-faint); line-height:1.45; }
.fn-consent a{ color:var(--accent-2); }
@media (max-width:700px){ .foot-news{ grid-template-columns:1fr; } }

/* --- Redaktion & Quellen (v30) --- */
.g-sources{ margin-top:34px; padding-top:22px; border-top:1px solid var(--line); }
.g-sources h3{ font-size:15px; margin:0 0 12px; }
.g-sources ul{ margin:0; padding-left:18px; }
.g-sources li{ margin-bottom:7px; font-size:14px; }
.g-sources a{ color:var(--accent-2); }
.g-sources-note{ margin-top:12px; font-size:12px; color:var(--text-faint); font-family:var(--mono); line-height:1.5; }
.p-byline{ margin-top:9px; font-family:var(--mono); font-size:11.5px; letter-spacing:.03em; color:var(--text-faint); }
.p-byline a{ color:var(--text-dim); text-decoration:none; border-bottom:1px solid var(--line); }
.p-byline a:hover{ color:var(--text); }

/* --- Vergleich: Wisch-Hinweis + Sticky Merkmalsspalte; Preis-Hinweis (v35) --- */
.cmp-swipe{ display:none; font-family:var(--mono); font-size:12px; color:var(--text-faint); margin:0 0 10px; }
@media (max-width:620px){ .cmp-swipe{ display:block; } }
.cmp-table thead th:first-child, .cmp-table tbody tr:not(.cmp-sec) th{ position:sticky; left:0; background:var(--bg); z-index:2; }
.avail-note{ margin-top:12px; font-family:var(--mono); font-size:11.5px; color:var(--text-faint); line-height:1.5; max-width:62ch; }

/* --- Echte Produktfotos + Quelllinks (v36) --- */
.card .panel img.real-photo{ object-fit:contain; object-position:50% 50%; background:radial-gradient(circle at 50% 42%, #1c2740 0%, #0b0f18 76%); padding:15px; }
.product-media.has-photo{ background:radial-gradient(circle at 50% 40%, #1c2740 0%, #0a0e16 82%); }
.product-media img.real-photo{ object-fit:contain; object-position:50% 50%; padding:24px; }
.photo-tag{ position:absolute; left:12px; bottom:12px; z-index:2; font-family:var(--mono); font-size:10px; letter-spacing:.04em; color:#cfe0f5; background:rgba(10,14,23,.72); border:1px solid rgba(255,255,255,.14); border-radius:6px; padding:4px 8px; backdrop-filter:blur(3px); }
.spec-src{ display:inline-block; margin-top:6px; color:var(--accent-2); text-decoration:none; font-family:var(--mono); font-size:12px; }
.spec-src:hover{ text-decoration:underline; }

/* --- Nav-Links dunkelblau unterlegt (nur Desktop; Mobile-Klappmenü unberührt) (v39) --- */
@media (min-width:1300px){
  .site-head .wrap.hbar{ max-width:1300px; }
  .brand{ flex-shrink:0; }
  .nav{ gap:5px; }
  .nav .navlink{ background:#132340; border:1px solid #294a7d; color:#d4deee; padding:8px 9px; border-radius:8px; transition:background .15s,border-color .15s,color .15s; }
  .nav .navlink:hover{ background:#1c3258; border-color:var(--accent); color:#fff; }
  .nav .navlink.advlink{ background:linear-gradient(135deg,rgba(46,144,255,.22),rgba(92,176,255,.08)); border-color:var(--accent); color:#eaf2ff; }
  .nav .navlink.advlink:hover{ background:var(--accent); color:#fff; }
  .nav .btn.primary{ margin-left:3px; }
}

/* ---------- Cosmic Advisor – Homepage-Band ---------- */
.advhome{ display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(46,144,255,.16),rgba(10,14,23,.2)); border:1px solid var(--accent-dim);
  border-radius:var(--radius); padding:38px 40px; position:relative; overflow:hidden; }
.advhome::after{ content:""; position:absolute; right:-80px; top:-80px; width:260px; height:260px; border-radius:50%;
  background:radial-gradient(circle,rgba(46,144,255,.28),transparent 70%); pointer-events:none; }
.advhome-copy{ flex:1 1 440px; min-width:300px; position:relative; z-index:1; }
.advhome-tag{ display:inline-block; font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--accent-2); border:1px solid var(--accent-dim); border-radius:999px; padding:5px 12px; margin-bottom:14px; }
.advhome-copy h2{ font-family:var(--display); font-weight:800; font-size:clamp(22px,2.9vw,30px); margin:0 0 10px; line-height:1.15; }
.advhome-copy p{ margin:0 0 20px; color:var(--text-dim); font-size:15.5px; line-height:1.6; max-width:60ch; }
.advhome-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.advhome-stats{ display:flex; gap:28px; flex-wrap:wrap; position:relative; z-index:1; }
.advhome-stats div{ display:flex; flex-direction:column; }
.advhome-stats b{ font-family:var(--display); font-size:clamp(26px,3.4vw,34px); color:#fff; line-height:1; }
.advhome-stats span{ margin-top:6px; font-size:13px; color:var(--text-dim); }
@media(max-width:720px){ .advhome{ padding:28px 24px; } .advhome-stats{ gap:22px; } }

/* ---------- Kaufberater ---------- */
.brt{max-width:900px;margin:0 auto}
.brt-intro-q,.brt-q{font-size:1.5rem;font-weight:800;margin:0 0 18px;letter-spacing:-.3px;line-height:1.2}
.brt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.brt-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 14px;border:1px solid #294a7d;background:#101a2e;border-radius:14px;color:#dbe6f5;cursor:pointer;transition:.15s;font-family:inherit}
.brt-tile:hover{border-color:var(--accent,#2e90ff);background:#14213a;transform:translateY(-2px)}
.brt-ic{font-size:2rem;line-height:1}
.brt-tl{font-weight:700;text-align:center;font-size:.98rem}
.brt-step{font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:#7f98bb;margin-bottom:8px}
.brt-opts{display:grid;gap:10px}
.brt-opt{text-align:left;padding:16px 18px;border:1px solid #294a7d;background:#101a2e;border-radius:12px;color:#eaf1fb;font-size:1.05rem;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit}
.brt-opt:hover{border-color:var(--accent,#2e90ff);background:#14213a}
.brt-barnav{margin-bottom:14px}
.brt-note{background:rgba(46,144,255,.1);border:1px solid #294a7d;border-radius:10px;padding:12px 14px;color:#cfe0f5;margin-bottom:16px;font-size:.95rem;line-height:1.5}
.brt-reslist{display:grid;gap:16px}
.brt-card{display:flex;gap:16px;border:1px solid #223a63;background:#0e1829;border-radius:16px;overflow:hidden}
.brt-thumb{flex:0 0 120px;display:block}
.brt-thumb img{width:120px;height:100%;object-fit:cover;display:block}
.brt-cbody{padding:14px 16px;flex:1;min-width:0}
.brt-rank{font-size:.76rem;font-weight:800;letter-spacing:1px;color:#5cb0ff;text-transform:uppercase}
.brt-card h3{margin:4px 0 8px;font-size:1.15rem;line-height:1.2}
.brt-card h3 a{color:#fff;text-decoration:none}
.brt-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.brt-price{font-weight:800}
.brt-reason{color:#c3d3e8;font-size:.95rem;line-height:1.5;margin:0 0 12px}
.brt-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.brt-detail{font-size:.9rem;color:#9fb6d6;text-decoration:none}
.brt-detail:hover{color:#cfe0f5}
.brt-more{margin-top:22px;text-align:center}
.brt-disc{font-size:.8rem;color:#7f93ad;max-width:760px;margin:24px auto 0;text-align:center;line-height:1.5}
@media(max-width:560px){.brt-card{flex-direction:column}.brt-thumb,.brt-thumb img{width:100%;height:160px;flex:none}}

/* ---------- Cosmic Advisor (B2B) ---------- */
.adv-eyebrow{font-size:.8rem;letter-spacing:3px;text-transform:uppercase;color:#5cb0ff;font-weight:800;margin-bottom:10px}
.adv-herocta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.adv-demo-note{margin-top:12px;font-size:.88rem;color:#8fa6c4}
.adv-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.adv-benefit{border:1px solid #223a63;background:#0e1829;border-radius:14px;padding:22px}
.adv-benefit h3{margin:0 0 8px;font-size:1.15rem;color:#fff}
.adv-benefit p{margin:0;color:#c3d3e8;line-height:1.55;font-size:.97rem}
.adv-steps{display:grid;gap:14px;max-width:760px}
.adv-step{display:flex;gap:16px;align-items:flex-start;border:1px solid #223a63;background:#0e1829;border-radius:14px;padding:18px 20px}
.adv-num{flex:0 0 42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#2e90ff,#5cb0ff)}
.adv-step h3{margin:0 0 4px;font-size:1.08rem;color:#fff}
.adv-step p{margin:0;color:#c3d3e8;line-height:1.5;font-size:.95rem}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch}
.adv-card{position:relative;border:1px solid #223a63;background:#0e1829;border-radius:18px;padding:26px 22px;display:flex;flex-direction:column}
.adv-card.hot{border-color:var(--accent,#2e90ff);box-shadow:0 0 0 1px var(--accent,#2e90ff),0 20px 50px rgba(46,144,255,.18)}
.adv-badge{position:absolute;top:-12px;left:22px;background:linear-gradient(90deg,#2e90ff,#5cb0ff);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.adv-card h3{margin:0 0 10px;font-size:1.3rem;color:#fff}
.adv-price{font-size:1.5rem;font-weight:800;color:#fff}
.adv-price small{font-size:.8rem;font-weight:600;color:#9fb6d6}
.adv-sub{color:#5cb0ff;font-weight:700;margin:2px 0 16px}
.adv-feats{list-style:none;padding:0;margin:0 0 22px;flex:1}
.adv-feats li{padding:7px 0 7px 26px;position:relative;color:#d2dff0;font-size:.95rem;line-height:1.4;border-bottom:1px solid rgba(90,140,210,.12)}
.adv-feats li:before{content:"✓";position:absolute;left:0;color:#5cb0ff;font-weight:800}
.adv-pricenote{text-align:center;color:#7f93ad;font-size:.85rem;margin-top:16px}
.adv-trust{color:#c3d3e8;line-height:1.65;font-size:1.02rem}
.adv-finalcta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.brt-b2b{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #294a7d;background:linear-gradient(90deg,rgba(46,144,255,.12),rgba(46,144,255,.03));border-radius:14px;padding:18px 22px;margin-top:8px}
.brt-b2b-txt{color:#d7e3f4;font-size:.98rem;line-height:1.5;max-width:620px}

/* Cosmic Advisor — Launch-Angebot */
.adv-launch{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--accent,#2e90ff);background:linear-gradient(90deg,rgba(46,144,255,.16),rgba(46,144,255,.04));border-radius:14px;padding:18px 22px;margin-bottom:22px}
.adv-launch-tag{flex:0 0 auto;align-self:flex-start;background:linear-gradient(90deg,#2e90ff,#5cb0ff);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.adv-launch-txt{flex:1;min-width:240px;color:#e4eefb;font-size:.98rem;line-height:1.5}

/* Anwendungsmotive je Katalogeintrag (Bildpaket 20.10.2026) */
.product-media .concept-tag{ right:12px; max-width:calc(100% - 24px); line-height:1.45; white-space:normal; }
.card .panel img.ca-scene{ object-position:50% 50%; }
.card .panel img.ca-built-robotics-rpd-35{ object-position:50% 38%; }
.card .panel img.ca-fbr-hadrian-x{ object-position:50% 48%; }
.card .panel img.ca-brokk-170{ object-position:50% 42%; }
.card .panel img.ca-boston-dynamics-spot{ object-position:50% 36%; }
.card .panel img.ca-dusty-robotics-fieldprinter{ object-position:50% 62%; }
.card .panel img.ca-gausium-phantas{ object-position:50% 68%; }
.card .panel img.ca-avidbots-neo-2{ object-position:50% 28%; }
.card .panel img.ca-gausium-scrubber-50-pro{ object-position:50% 44%; }
.card .panel img.ca-lionsbot-r3{ object-position:50% 34%; }
.card .panel img.ca-yarbo, .card .panel img.ca-mova-snow-blower{ object-position:50% 55%; }
.btile img[src="/img/produkte/brokk-170-800.jpg"]{ object-position:50% 38%; }

/* Kaufberater v2: Zuhause + Unternehmen */
.brt-group{margin-bottom:26px}
.brt-gl{font-family:var(--mono);font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:#7f98bb;margin:0 0 10px}
.brt-barnav{display:flex;gap:8px;flex-wrap:wrap}
.brt-prof{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.brt-prof-l{font-weight:800;color:#fff;margin-right:4px}
.brt-chip{border:1px solid #294a7d;background:#101a2e;color:#cfe0f5;border-radius:999px;padding:5px 11px;font-size:.86rem}
.brt-typ{font-family:var(--mono);font-size:.78rem;color:#8ea6c6;margin:-2px 0 8px}
.brt-card button.mini{cursor:pointer;font-family:inherit}
.brt-lead{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:22px;border:1px solid #2e5a99;background:linear-gradient(90deg,rgba(46,144,255,.16),rgba(46,144,255,.04));border-radius:14px;padding:18px 22px;color:#d7e3f4;line-height:1.5}
.brt-lead>div{max-width:600px}
.brt-handover{border:1px solid #2e5a99;background:rgba(46,144,255,.08);border-radius:14px;padding:16px 18px;margin:0 0 22px}
.brt-handover-h{font-family:var(--mono);font-size:.76rem;letter-spacing:1.5px;text-transform:uppercase;color:#7fb4ff;margin-bottom:10px}
.brt-hrow{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06);font-size:.93rem}
.brt-hrow:first-child{border-top:0}
.brt-hrow span{color:#8ea6c6}.brt-hrow strong{color:#eaf1fb;text-align:right;font-weight:600}
.brt-handover .brt-detail{display:inline-block;margin-top:8px}
.form .opt{color:#7f93ad;font-weight:400}
@media(max-width:560px){.brt-hrow{flex-direction:column;gap:2px}.brt-hrow strong{text-align:left}}

/* KI-Freitext im Kaufberater */
.brt-ki{margin-top:30px;border:1px solid #2e5a99;background:linear-gradient(180deg,rgba(46,144,255,.10),rgba(46,144,255,.03));border-radius:16px;padding:20px 22px}
.brt-ki-l{display:block;color:#eaf1fb;font-weight:700;font-size:1.05rem;margin-bottom:10px}
.brt-ki-t{width:100%;box-sizing:border-box;background:#0c1422;border:1px solid #294a7d;border-radius:12px;color:#eaf1fb;font:inherit;font-size:1rem;line-height:1.5;padding:12px 14px;resize:vertical;min-height:84px}
.brt-ki-t:focus{outline:none;border-color:var(--accent,#2e90ff)}
.brt-ki-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.brt-ki-row .btn[disabled]{opacity:.6;cursor:wait}
.brt-ki-tag{font-family:var(--mono);font-size:.74rem;letter-spacing:1px;text-transform:uppercase;color:#7fb4ff;border:1px solid #294a7d;border-radius:999px;padding:4px 10px;background:#101a2e}
.brt-ki-note{font-size:.82rem;color:#8ea6c6;margin:12px 0 0;line-height:1.5}
.brt-ki-note a{color:#9cc6ff}
.brt-ki-err{margin:12px 0 0}
.brt-ki-head{margin-bottom:16px}
.brt-ki-head p{color:#dbe6f5;font-size:1.05rem;line-height:1.55;margin:10px 0 0}
.brt-linkbtn{background:none;border:0;color:#9cc6ff;font:inherit;cursor:pointer;padding:0;text-decoration:underline}

/* Berater: abgetrennter Bereich über Budget */
.brt-over{margin-top:26px;border:1px dashed #3a4f73;border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.02)}
.brt-over-h{font-family:var(--mono);font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;color:#e6b86a}
.brt-over-p{color:#9fb0c8;font-size:.9rem;margin:6px 0 14px}
.brt-over .brt-card{opacity:.88}
.brt-over .brt-rank{color:#e6b86a}

/* Vergleich: Zähler, Nulltreffer, Hinweise */
.cat-count{font-family:var(--mono);font-size:12px;color:var(--text-dim);margin:0 0 14px}
.cat-empty{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid #294a7d;background:rgba(46,144,255,.08);border-radius:12px;padding:16px 18px;margin:0 0 20px;color:#d7e3f4;line-height:1.5}
.cat-empty[hidden]{display:none}
.cmp-warn{border:1px solid #6b5326;background:rgba(230,184,106,.08);color:#ecd3a3;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:.92rem;line-height:1.5}
.cmp-hint{color:#cfe0f5}

/* Seite Für Unternehmen */
.biz-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.biz-steps{color:#d7e3f4;line-height:1.6;padding-left:20px;margin:12px 0}
.biz-steps li{margin:0 0 10px}
.biz-note{color:#8ea6c6;font-size:.92rem;line-height:1.55}
/* RPD 35: hoher Rammmast, deshalb vollständiges Motiv statt Beschnitt */
.card .panel img.ca-built-robotics-rpd-35{ object-fit:contain; object-position:50% 50%; background:linear-gradient(180deg,#5f95d6 0%,#9cc2ea 45%,#c8b08a 70%,#b59a74 100%); }

/* Marktstatus und Bezug getrennt */
.p-facts .pill-bz{flex-basis:100%;display:block;font-size:.86rem;color:#9fb3cf;margin-top:2px}
.spec-note .spec-src{display:inline-block;margin:6px 10px 0 0}

/* Instagram */
.foot-social{display:inline-block;margin-top:12px;color:#7fb4ff;font-size:.9rem;text-decoration:none}
.foot-social:hover{text-decoration:underline}
.ig-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:56px auto;padding:28px 32px;border:1px solid #2e5a99;border-radius:18px;background:linear-gradient(90deg,rgba(46,144,255,.18),rgba(46,144,255,.04))}
.ig-band h2{margin:4px 0 6px;font-size:1.5rem}
.ig-band p{margin:0;color:#b9c8dd;max-width:560px}
.ig-kick{font-family:var(--mono);font-size:.76rem;letter-spacing:2px;text-transform:uppercase;color:#7fb4ff}
@media(max-width:560px){.ig-band{padding:22px 18px}.ig-band .btn{width:100%;text-align:center}}

.foot-social,.ig-band .btn{display:inline-flex;align-items:center;gap:9px}
.ig-ico{width:18px;height:18px;flex:none}
.ig-band .btn .ig-ico{width:20px;height:20px}
@media(max-width:560px){.ig-band .btn{justify-content:center}}
.foot-brand .foot-social img.ig-ico{width:18px !important;height:18px !important;max-width:18px;margin:0;display:block}

/* Cosmio Chat */
.cz-root{position:fixed;right:20px;bottom:20px;z-index:9999;font-family:inherit}
.cz-launch{position:relative;width:64px;height:64px;border-radius:50%;border:2px solid #4b8dff;padding:0;cursor:pointer;background:#0b1730;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 0 4px rgba(46,144,255,.18);overflow:visible}
.cz-launch img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.cz-tip{position:absolute;right:74px;top:50%;transform:translateY(-50%);white-space:nowrap;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border:1px solid var(--accent);font-family:var(--mono);font-weight:600;font-size:.84rem;letter-spacing:.5px;padding:9px 14px;border-radius:10px;box-shadow:0 8px 22px rgba(46,144,255,.28);cursor:pointer}
.cz-open .cz-tip,.cz-open .cz-launch{display:none}
.cz-panel{display:none;position:absolute;right:0;bottom:0;width:380px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 40px));background:#0d1527;border:1px solid #2e4f86;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.55);flex-direction:column;overflow:hidden}
.cz-open .cz-panel{display:flex}
.cz-head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(90deg,#123a7a,#0f2550);border-bottom:1px solid #2e4f86}
.cz-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #4b8dff}
.cz-head div{flex:1;display:flex;flex-direction:column;line-height:1.25}
.cz-head strong{color:#fff;font-size:1rem}.cz-head span{color:#a9c3ea;font-size:.8rem}
.cz-x{background:none;border:0;color:#cfe0f5;font-size:1.7rem;line-height:1;cursor:pointer;padding:0 4px}
.cz-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cz-row{display:flex;gap:8px;align-items:flex-end}
.cz-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.cz-msg{max-width:85%;padding:10px 13px;border-radius:14px;font-size:.92rem;line-height:1.5}
.cz-bot{background:#16223a;color:#e3ecf8;border-bottom-left-radius:4px}
.cz-me{align-self:flex-end;background:#2e7bff;color:#fff;border-bottom-right-radius:4px}
.cz-q{margin:8px 0 0;color:#a9c9ff;font-style:italic}
.cz-lead{display:inline-block;margin-top:9px;color:#7fb4ff;font-weight:700;text-decoration:none}
.cz-chips{display:flex;flex-wrap:wrap;gap:7px;padding-left:36px}
.cz-chip{background:#101a2e;border:1px solid #2e5a99;color:#cfe0f5;border-radius:999px;padding:6px 11px;font-size:.84rem;cursor:pointer;font-family:inherit}
.cz-chip:hover{border-color:#4b8dff;color:#fff}
.cz-cards{display:flex;flex-direction:column;gap:8px;margin-top:9px}
.cz-card{display:flex;gap:9px;background:#0d1527;border:1px solid #24406c;border-radius:10px;padding:8px}
.cz-thumb img{width:58px;height:58px;object-fit:cover;border-radius:7px;display:block}
.cz-cb{flex:1;min-width:0}.cz-name{color:#fff;font-weight:700;text-decoration:none;font-size:.9rem}
.cz-meta{color:#8ea6c6;font-size:.78rem;margin:2px 0}.cz-cb p{margin:4px 0;font-size:.82rem;color:#c9d6e8}
.cz-links{display:flex;gap:12px;font-size:.8rem}.cz-links a{color:#7fb4ff;text-decoration:none;font-weight:600}
.cz-typing{display:flex;gap:5px;padding:13px}.cz-typing span{width:7px;height:7px;border-radius:50%;background:#7fb4ff;animation:czb 1s infinite ease-in-out}
.cz-typing span:nth-child(2){animation-delay:.15s}.cz-typing span:nth-child(3){animation-delay:.3s}
@keyframes czb{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.cz-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #22385e;background:#0b1222}
.cz-form input{flex:1;min-width:0;background:#101a2e;border:1px solid #2e4f86;border-radius:10px;color:#fff;padding:10px 12px;font-size:16px;font-family:inherit}
.cz-form button{background:#2e7bff;border:0;color:#fff;border-radius:10px;width:44px;cursor:pointer;font-size:1rem}
.cz-note{margin:0;padding:0 12px 10px;background:#0b1222;color:#7f93ad;font-size:.72rem;line-height:1.4}
.cz-note a{color:#9fbde6}
@media(max-width:560px){.cz-root{right:14px;bottom:14px}.cz-launch{width:56px;height:56px}.cz-tip{display:none}
.cz-open{left:0;right:0;bottom:0;top:0}.cz-open .cz-panel{position:fixed;inset:0;width:100%;max-width:none;height:100%;border-radius:0;border:0}}

/* Hero-Video */
.hero > video.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 30%;z-index:-2}
@media (prefers-reduced-motion: reduce){.hero > video.hero-vid{display:none}}
@media (max-width:700px){.hero > video.hero-vid{object-position:50% 40%}}

/* Haendlerbox */
.buybox{margin-top:16px;border:1px solid #24406c;border-radius:14px;padding:14px 16px;background:rgba(46,123,255,.06)}
.bb-h{font-family:var(--mono);font-size:.76rem;letter-spacing:1.5px;text-transform:uppercase;color:#7fb4ff;margin-bottom:8px}
.buybox ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.buybox li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
.buybox li:first-child{border-top:0}
.buybox li a{color:#e3ecf8;font-weight:600;text-decoration:none}
.buybox li a:hover{color:#7fb4ff}
.buybox li a::after{content:" ↗";color:#7fb4ff;font-weight:400}
.bb-tag{font-size:.7rem;color:#9fb3cf;border:1px solid #2e4f86;border-radius:999px;padding:2px 8px;white-space:nowrap}
.bb-note{margin:8px 0 0;font-size:.78rem;color:#8ea6c6;line-height:1.45}