/* Eigenständige Produktseiten: Originaltexte, Produktnamen, Screenshots und
   Funktionen bleiben bestehen. Nur Farben, Abstände und Flächen ändern sich. */
@media screen {
  html[data-infonet-product]{color-scheme:light}
  html[data-infonet-product] body{background:#FFFFFF;-webkit-font-smoothing:antialiased}
  html[data-infonet-product] {
    --paper:#FFFFFF; --papier:#FFFFFF; --grund:#FFFFFF; --ground:#F3F6F3;
    --surface:#FFFFFF; --flaeche:#FFFFFF; --surface-2:#F3F6F3; --surface-3:#E8EEE6;
    --flaeche-tief:#F3F6F3; --ton:#F3F6F3; --cream:#FFFFFF; --cream-2:#F3F6F3;
    --ink:#172124; --ink-2:#4E5F63; --ink-3:#61716A;
    --tinte:#172124; --tinte-2:#4E5F63; --tinte-weich:#4E5F63; --tinte-zart:#61716A;
    --ink-soft:#4E5F63; --ink-mute:#61716A; --muted:#61716A; --m:#4E5F63;
    --line:#DCE3DE; --line-soft:#E9EDEA; --line-strong:#BBCBBC;
    --linie:#DCE3DE; --linie-2:#BBCBBC; --linie-fein:#E9EDEA; --ln:#DCE3DE;
    --accent:#436723; --accent-2:#34551B; --accent-soft:#EAF2E2; --accent-ink:#34551B;
    --akzent:#436723; --akzent-tief:#34551B; --akzent-zart:#EAF2E2;
    --n:#172124; --b:#436723; --c:#A1D05A; --bg:#F3F6F3;
    --nacht:#141D20; --nacht-tief:#10181B; --nacht-linie:#34423B; --nacht-karte:#202D2B;
    --auf-nacht:#E9EEEA; --auf-nacht-weich:#C2CBC6; --auf-nacht-zart:#B4BFB8;
    --nav:#141D20; --nav-2:#202D2B; --nav-ink:#B4BFB8; --nav-ink-strong:#E9EEEA;
    --wine:#1D2B29; --wine-dark:#141D20; --wine-2:#26392E;
    --gold:#A1D05A; --gold-soft:#D7EABC; --sage:#436723; --sage-bg:#EAF2E2;
    --shadow:0 4px 20px rgba(20,35,25,.06); --shadow-sm:0 1px 3px rgba(20,35,25,.04);
    --shadow-lg:0 20px 50px rgba(20,35,25,.12);
    --schatten:0 10px 30px rgba(20,35,25,.07); --sh:0 15px 40px rgba(20,35,25,.10);
    --radius:14px;
  }
  html[data-infonet-product] :where(h1,h2,h3){letter-spacing:-.025em}
  html[data-infonet-product] :where(.karte,.card,.mod,.arg,.kasten,.grundsatz,.feat){border-radius:14px;box-shadow:none}
  html[data-infonet-product] :where(.knopf,.btn,.tat){border-radius:9px}
  html[data-infonet-product] :where(.screen,.hero-card,.shot,.rahmen){border-radius:16px}

  html[data-infonet-product="subbaseapp"] .kopf{background:#141D20}
  html[data-infonet-product="subbaseapp"] .held{background:linear-gradient(135deg,#141D20,#21352A)}
  html[data-infonet-product="subbaseapp"] .sba{--orange:#436723;--orange-dark:#34551B;--blau:#436723;--navy:#172124;--navy-dark:#141D20;--grau:#4E5F63;--hell:#F3F6F3;--linie:#DCE3DE}
  html[data-infonet-product="subbaseapp"] .held{--orange:#A1D05A;--orange-dark:#B4DA7B}
  html[data-infonet-product="subbaseapp"] .knopf{background:#A1D05A;color:#172124}
  html[data-infonet-product="subbaseapp"] .knopf.rand{background:transparent;color:#fff}
  html[data-infonet-product="subbaseapp"] .abschluss{background:#141D20;color:#fff}
  html[data-infonet-product="subbaseapp"] .fuss{background:#10181B;color:#C2CBC6}

  html[data-infonet-product="security-audit-pro"] header{background:#141D20}
  html[data-infonet-product="security-audit-pro"] .hero{background:linear-gradient(135deg,#141D20,#21352A)}
  html[data-infonet-product="security-audit-pro"] h1{font-size:clamp(2rem,4.2vw,3.6rem)}
  html[data-infonet-product="security-audit-pro"] .features{background:#141D20;color:#fff}
  html[data-infonet-product="security-audit-pro"] .badge{background:#F3F6F3;border-color:#DCE3DE;color:#253238}
  html[data-infonet-product="security-audit-pro"] .copy p{color:#4E5F63}
  html[data-infonet-product="security-audit-pro"] .brand::before{content:"";display:block;width:142px;height:29px;margin-bottom:5px;background:url("/assets/logo.webp") left center/contain no-repeat}
  html[data-infonet-product="security-audit-pro"] .brand{font-size:10px;letter-spacing:.09em}
  html[data-infonet-product="security-audit-pro"] nav{align-items:center}

  html[data-infonet-product="casenda"] .hero{background:linear-gradient(130deg,#141D20,#21352A);color:#fff}
  html[data-infonet-product="casenda"] .hero :where(h1,.hero__lead,.fact__l){color:#E9EEEA}
  html[data-infonet-product="casenda"] .hero :where(.eyebrow,.fact__n){color:#A1D05A}
  html[data-infonet-product="casenda"] .hero h1 em{color:#A1D05A}
  html[data-infonet-product="casenda"] .hero .btn--solid{background:#A1D05A;color:#172124}
  html[data-infonet-product="casenda"] .hero .btn--ghost{color:#fff;border-color:#8E9F94}
  html[data-infonet-product="casenda"] .hero .fact{border-color:#52665A}
  html[data-infonet-product="casenda"] .hero .shot{color:#172124}
  html[data-infonet-product="casenda"] .topbar{border-bottom-color:#DCE3DE}
  html[data-infonet-product="casenda"] .section--tint{background:#F3F6F3}

  /* Die Wortmarken der Produkte selbst bleiben unberührt. */
  html[data-infonet-product="kuvert"] .kopf h1{color:#172124}
  html[data-infonet-product="kuvert"] .kopf{padding-top:clamp(40px,6vw,80px)}
  html[data-infonet-product="kuvert"] .blatt{border-radius:16px;box-shadow:0 12px 32px rgba(20,35,25,.07)}
  html[data-infonet-product="gastella"] .cover,
  html[data-infonet-product="gastella"] .close{background:linear-gradient(135deg,#141D20,#21352A)}
  html[data-infonet-product="gastella"] .feat{border-color:#DCE3DE;border-radius:14px}
  html[data-infonet-product="remaxia"] .karte{border-radius:14px}
  html[data-infonet-product="remaxia"] .kopf{background:rgba(255,255,255,.98)}
  html[data-infonet-product="gabe"] .navitem.active{background:#24382B}

  @media (max-width:600px){
    html[data-infonet-product] :where(.hero-in,.showcase){gap:24px}
    html[data-infonet-product="security-audit-pro"] nav{padding:12px 18px;gap:10px}
    html[data-infonet-product="security-audit-pro"] nav a{margin-left:12px}
  }
}