/* ABDEX · Dunkle Startseite · 05.09.2026
   Bewusst auf body.abdex-premium begrenzt. Bestehende Formulare behalten
   ihre helle Oberfläche; Produktdaten und Bestelllogik bleiben unverändert. */
body.abdex-premium {
  --ax-bg: #080e18;
  --ax-panel: #101a29;
  --ax-panel-raised: #162235;
  --ax-border: #29364a;
  --ax-text: #f3f5f9;
  --ax-muted: #afbdd1;
  --ax-accent: #ff962f;
  background: var(--ax-bg);
  color: var(--ax-text);
  font-family: 'Instrument Sans', 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
.abdex-premium ::selection { background: #ff962f; color: #080e18; }
.abdex-premium .wrap { width: min(1320px, calc(100% - 64px)); }
.abdex-premium :is(section, header, [id^="produktgruppe-"]) { scroll-margin-top: 100px; }
.abdex-premium .hnav { background: #080e18f2; border-bottom-color: var(--ax-border); }
.abdex-premium .hnav-in { height: 84px; gap: 18px; }
.abdex-premium .hlogo img { height: 43px; }
.abdex-premium .hlogo small { font-size: 12px; letter-spacing: .09em; color: var(--ax-muted); }
.abdex-premium .nlinks { font-size: 14px; gap: 22px; }
.abdex-premium .nlinks a { padding: 28px 0; }
.abdex-premium .nlinks a:after { background: var(--ax-accent); }
.abdex-premium .hbtn { min-height: 46px; border-radius: 7px; font-size: 14px; padding-inline: 19px; font-weight: 700; }
.abdex-premium .hbtn.or { background: var(--ax-accent); color: #101722; box-shadow: none; }
.abdex-premium .hbtn.or:hover { background: #ffad59; box-shadow: none; transform: translateY(-1px); }
.abdex-premium .hbtn.navy { background: var(--ax-panel-raised); border: 1px solid #495b74; color: var(--ax-text); }
.abdex-premium .hbtn.ghost { border-color: #526077; background: transparent; }
.abdex-premium .burger { border-radius: 7px; font-size: 14px; }
.abdex-premium .hero { padding: 82px 0 76px; background: radial-gradient(ellipse at 95% 0, #1a2c48 0, transparent 56%), #0b1320; }
.abdex-premium .hero:before { background: none; }
.abdex-premium .hgrid { grid-template-columns: .96fr 1.04fr; gap: 64px; }
.abdex-premium .eyebrow { font-size: 12px; line-height: 1.6; letter-spacing: .14em; color: var(--ax-accent); margin-bottom: 25px; }
.abdex-premium .h1 { font-size: clamp(42px, 4.5vw, 70px); line-height: 1.04; letter-spacing: -.045em; text-transform: none; font-weight: 700; margin-bottom: 26px; }
.abdex-premium .plot { color: var(--ax-accent); }
.abdex-premium .plot:before, .abdex-premium .plot:after { content: none; }
.abdex-premium .lead { color: #bdc9db; font-size: 18px; line-height: 1.7; max-width: 510px; }
.abdex-premium .upload { border: 1px solid #48566c; background: #ffffff04; border-radius: 10px; padding: 20px; gap: 16px; }
.abdex-premium .upload:hover { border-color: var(--ax-accent); background: #ff962f08; transform: none; }
.abdex-premium .upic { width: 45px; height: 45px; background: #ff962f18; color: var(--ax-accent); border-radius: 7px; }
.abdex-premium .upload b { font-size: 15px; text-transform: none; letter-spacing: 0; }
.abdex-premium .upload p { font-size: 14px; color: var(--ax-muted); line-height: 1.6; }
.abdex-premium .trust { gap: 12px 20px; margin-top: 25px; }
.abdex-premium .trust span { font-size: 12px; color: #b7c4d8; text-transform: none; letter-spacing: 0; }
.abdex-premium .stage { border-radius: 12px; box-shadow: 0 28px 65px #0005; border-color: #516079; }
.abdex-premium .stage.foto { aspect-ratio: 1.1; max-height: 590px; }
.abdex-premium .tag { border-radius: 4px; letter-spacing: .06em; font-size: 12px; }
.abdex-premium .tag.b { color: #101722; background: var(--ax-accent); }
.abdex-premium .stage-note { border-radius: 5px; background: #0b1320e8; color: #fff; font-size: 12px; border: 1px solid #ffffff38; }
.abdex-premium .knob { background: var(--ax-accent); color: #101722; }
.abdex-premium .rlb { background: #0c1420; padding-block: 22px; border-color: var(--ax-border); }
.abdex-premium .rlb-head, .abdex-premium .rlb-chips { width: min(1320px, calc(100% - 64px)); }
.abdex-premium .rlb-head b { font-size: 14px; font-weight: 600; }
.abdex-premium .rlb-head a, .abdex-premium .rlb-it span { font-size: 14px; }
.abdex-premium .rlb-it { border-radius: 7px; border-color: var(--ax-border); background: var(--ax-panel); }
.abdex-premium .rlb-track { animation-duration: 110s; }
.abdex-premium .rlb-track:focus-within { animation-play-state: paused; }
.abdex-premium .rlb-chip { border-radius: 5px; font-size: 14px; font-weight: 600; border-color: var(--ax-border); }
.abdex-premium .rlb-chip.or { background: var(--ax-panel-raised); border: 1px solid #495b74; color: #fff; }
.abdex-premium .live-ticker { background: var(--ax-bg); border-color: var(--ax-border); color: var(--ax-muted); }
.abdex-premium .home-tools { background: var(--ax-bg); padding: 50px 0; border-color: var(--ax-border); }
.abdex-premium .home-tools-in { width: min(1320px, calc(100% - 64px)); }
.abdex-premium .home-tools-head h2 { font-size: clamp(24px, 2.6vw, 34px); font-weight: 600; line-height: 1.2; }
.abdex-premium .home-tools-head span { font-size: 12px; }
.abdex-premium .home-tools-head p { font-size: 16px; color: var(--ax-muted); }
.abdex-premium .home-tool { border-radius: 8px; background: var(--ax-panel); border-color: var(--ax-border); padding: 22px; }
.abdex-premium .home-tool b { font-weight: 600; }
.abdex-premium .home-tool small, .abdex-premium .home-tool strong { font-size: 14px; line-height: 1.6; }
.abdex-premium .home-tool-ico { border-radius: 7px; background: #ff962f12; color: var(--ax-accent); }
.abdex-premium .weiche { margin-top: 44px; }
.abdex-premium .wcard { background: var(--ax-panel); border: 1px solid var(--ax-border); border-radius: 9px; box-shadow: none; padding: 28px; }
.abdex-premium .wcard:before { width: 2px; background: var(--ax-accent); }
.abdex-premium .wcard.ent:before { background: #7498c4; }
.abdex-premium .wcard:hover { border-color: #667891; box-shadow: none; transform: translateY(-2px); }
.abdex-premium .wcard h3 { font-size: 20px; font-weight: 600; }
.abdex-premium .wcard p { color: var(--ax-muted); font-size: 16px; }
.abdex-premium .wcard .go { font-size: 14px; color: var(--ax-accent); }
.abdex-premium .wico { background: #ffffff08; border-radius: 7px; }
.abdex-premium section { padding-block: 88px; }
.abdex-premium #produkte { background: var(--ax-bg); padding: 84px 0; }
.abdex-premium .sec-head { max-width: 780px; margin-bottom: 42px; }
.abdex-premium .sec-head h2 { font-size: clamp(30px, 3.3vw, 46px); line-height: 1.14; font-weight: 600; letter-spacing: -.03em; }
.abdex-premium .sec-head p { font-size: 17px; color: var(--ax-muted); }
.abdex-premium .kicker { color: var(--ax-accent); font-size: 12px; letter-spacing: .15em; margin-bottom: 15px; }
.abdex-premium .pcat { margin-top: 48px; }
.abdex-premium .pcat-head { border-color: var(--ax-border); padding-bottom: 16px; margin-bottom: 20px; }
.abdex-premium .pcat-head h3 { font-weight: 600; font-size: clamp(21px, 2vw, 27px); }
.abdex-premium .pcat-head span { color: var(--ax-muted); font-size: 14px; font-weight: 500; }
.abdex-premium .pgrid.all-products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.abdex-premium .pgrid.all-products .pcard { background: var(--ax-panel); border-color: var(--ax-border); border-radius: 9px; }
.abdex-premium .pcard:hover { transform: translateY(-3px); border-color: #6b7b92; box-shadow: 0 14px 30px #0003; }
.abdex-premium .pgrid.all-products .pimg { aspect-ratio: 4/3; }
.abdex-premium .pgrid.all-products .pimg.frei { height: 210px; background: #edf0f4; border-bottom-color: var(--ax-border); }
.abdex-premium .pgrid.all-products .pcard-link .pbody { padding: 19px 18px; }
.abdex-premium .pgrid.all-products .pcard-link .ptitle { font-size: 16px; font-weight: 600; line-height: 1.45; }
.abdex-premium .pgrid.all-products .pcard-link .pmore { color: var(--ax-accent); font-size: 14px; margin-top: 12px; font-weight: 500; }
.abdex-premium .pgrid.all-products .pbadge { font-size: 12px; font-weight: 600; letter-spacing: 0; border-radius: 4px; background: #101a29ed; padding: 5px 9px; }
.abdex-premium .refsek { background: #0e1725; border-color: var(--ax-border); }
.abdex-premium .rfilter { gap: 10px; }
.abdex-premium .rfilter button { min-height: 44px; background: transparent; color: var(--ax-muted); border: 1px solid #42516a; border-radius: 5px; font-size: 14px; font-weight: 500; }
.abdex-premium .rfilter button.on, .abdex-premium .rfilter button:hover { background: var(--ax-accent); border-color: var(--ax-accent); color: #101722; }
.abdex-premium .rgrid { gap: 20px; }
.abdex-premium .rcard { border-radius: 9px; border: 1px solid var(--ax-border); }
.abdex-premium .rcard figcaption { padding: 45px 20px 18px; font-size: 16px; line-height: 1.5; font-weight: 500; background: linear-gradient(transparent, #050b16f5); }
.abdex-premium .rcard figcaption small { font-size: 12px; }
.abdex-premium .rcount { font-size: 14px; color: var(--ax-muted); }
.abdex-premium .roll { background: #111d30; }
.abdex-premium .roll:before { display: none; }
.abdex-premium .step i { background: #111d30; border: 1px solid #536783; border-radius: 7px; }
.abdex-premium .step b { font-size: 16px; font-weight: 600; }
.abdex-premium .step p { font-size: 14px; color: var(--ax-muted); line-height: 1.65; }
.abdex-premium .rleist span { font-size: 14px; border-radius: 5px; border-color: #40516a; background: transparent; }
.abdex-premium .kib { background: var(--ax-bg); border-color: var(--ax-border); }
.abdex-premium .studio6 { background: #101a2b; }
.abdex-premium .studio6:before { display: none; }
.abdex-premium .studio6 h2 { font-weight: 600; }
.abdex-premium .studio6step { border-radius: 7px; border-color: #3e506a; background: transparent; }
.abdex-premium .studio6step span { font-size: 14px; color: var(--ax-muted); }
.abdex-premium .studio6btn { border-radius: 7px; font-size: 14px; font-weight: 700; }
.abdex-premium .studio6btn.main { background: var(--ax-accent); color: #101722; }
.abdex-premium .studio6visual img { border-radius: 10px; }
.abdex-premium .studio6badge { background: #162235; color: #fff; border: 1px solid #536783; border-radius: 7px; }
.abdex-premium .studio6badge small { font-size: 12px; color: var(--ax-muted); }
.abdex-premium .kipoints div { color: var(--ax-muted); font-size: 16px; }
.abdex-premium .chatmock { background: var(--ax-panel); border-color: var(--ax-border); border-radius: 10px; box-shadow: none; padding: 26px; }
.abdex-premium .cmsg { font-size: 15px; line-height: 1.6; }
.abdex-premium .cmsg.bot { background: var(--ax-panel-raised); border-color: #384b65; }
.abdex-premium .cmsg.user { background: #284365; }
.abdex-premium .hfoot { background: #060b12; padding-block: 64px 30px; }
.abdex-premium .fgrid a, .abdex-premium .fgrid p, .abdex-premium .fseo, .abdex-premium .fbottom { font-size: 14px; }
.abdex-premium .fgrid a, .abdex-premium .fseo a, .abdex-premium .fbottom { color: var(--ax-muted); }
/* Lesbare helle Dialoge: keine globale Umfärbung von Formularvariablen. */
.abdex-premium .hmodal { color: #1b2436; color-scheme: light; }
.abdex-premium .hmodal :is(input, select, textarea) { color: #1b2436; }
.abdex-premium .hmodal .hbtn.or { color: #101722; }
@media (min-width: 1021px) and (max-width: 1340px) {
  .abdex-premium .nlinks { display: none; }
}
@media (max-width: 1100px) {
  .abdex-premium .hgrid { gap: 36px; }
  .abdex-premium .hlogo small { display: none; }
  .abdex-premium .pgrid.all-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1020px) {
  .abdex-premium .hgrid { grid-template-columns: 1fr; }
  .abdex-premium .hero { padding-block: 54px; }
  .abdex-premium .h1 { max-width: 760px; }
  .abdex-premium .lead, .abdex-premium .upload { max-width: 680px; }
  .abdex-premium .stage.foto { aspect-ratio: 16/10; max-height: none; }
}
@media (max-width: 700px) {
  .abdex-premium .wrap, .abdex-premium .home-tools-in, .abdex-premium .rlb-head, .abdex-premium .rlb-chips { width: calc(100% - 32px); }
  .abdex-premium .hnav-in { height: auto; min-height: 72px; padding-block: 12px; flex-wrap: wrap; gap: 10px; }
  .abdex-premium .hlogo img { height: 34px; }
  .abdex-premium .nacts { flex: 1 1 100%; width: 100%; flex-wrap: wrap; gap: 7px; }
  .abdex-premium .nacts .hbtn.or { display: inline-flex; font-size: 14px; min-height: 44px; }
  .abdex-premium :is(section, header, [id^="produktgruppe-"]) { scroll-margin-top: 155px; }
  .abdex-premium .hbtn { padding-inline: 13px; }
  .abdex-premium .h1 { font-size: clamp(40px, 8vw, 56px); }
  .abdex-premium .hero { padding-top: 40px; }
  .abdex-premium .lead { font-size: 17px; }
  .abdex-premium .eyebrow { letter-spacing: .08em; }
  .abdex-premium section, .abdex-premium #produkte { padding-block: 54px; }
  .abdex-premium .home-tools { padding-block: 34px; }
  .abdex-premium .rlb { padding-block: 20px; }
  .abdex-premium .pgrid.all-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .abdex-premium .pgrid.all-products .pcard-link .pbody { padding: 14px 12px; }
  .abdex-premium .pgrid.all-products .pimg.frei { height: 160px; }
  .abdex-premium .pcat-head { align-items: center; }
  .abdex-premium .wcard { padding: 22px; }
  .abdex-premium .stage-note { white-space: normal; text-align: center; width: max-content; }
}
@media (max-width: 390px) {
  .abdex-premium .pgrid.all-products { grid-template-columns: 1fr; }
  .abdex-premium .pgrid.all-products .pimg.frei { height: 210px; }
}
@media (prefers-reduced-motion: reduce) {
  .abdex-premium { scroll-behavior: auto; }
  .abdex-premium .rlb-track { animation: none; }
}