@font-face{font-family:"GR Head";src:url(../fonts/TitanOne-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"GR Body";src:url(../fonts/Montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"GR Meter";src:url(../fonts/VT323-Regular.ttf) format("truetype");font-display:swap}

:root{
  --gr-asphalt:#0B0B0C; --gr-asphalt-wet:#16171A; --gr-steel:#2A2D33;
  --gr-fog:#9AA0A6; --gr-bone:#EDEBE6;
  --gr-yellow:#FFD502; --gr-red:#EE220C; --gr-sodium:#FF9E1B; --gr-gold:#C9A54C;
  --gr-accent:var(--gr-yellow);
  --gr-glow:0 0 6px var(--gr-yellow),0 0 24px rgba(255,213,2,.55),0 0 60px rgba(255,213,2,.25);
  /* Cubano/Proxima Nova lizenziert? Dann hier eintragen. */
  --gr-font-head:"Cubano","GR Head",Impact,sans-serif;
  --gr-font-body:"proxima-nova","GR Body",system-ui,sans-serif;
  --gr-font-meter:"GR Meter",ui-monospace,monospace;
}
body{background:var(--gr-asphalt);color:var(--gr-bone);font-family:var(--gr-font-body)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.07;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4,.gr-title,.gr-h2,.gr-h3{font-family:var(--gr-font-head);text-transform:uppercase;letter-spacing:.02em;color:var(--gr-bone);font-weight:400}
a{color:var(--gr-accent)} a:hover{color:var(--gr-red)}
.site-header,.ast-primary-header-bar,.site-footer,.ast-builder-grid-row-container{background:var(--gr-asphalt)!important;border-color:var(--gr-steel)!important}
.main-header-menu a{color:var(--gr-bone)!important}
.ast-separate-container,.ast-separate-container .ast-article-single,.ast-separate-container .ast-article-post{background:transparent}

.gr-neon{color:var(--gr-yellow);text-shadow:var(--gr-glow);animation:gr-flicker 7s infinite}
@keyframes gr-flicker{0%,18%,22%,61%,65%,100%{opacity:1}20%,63%{opacity:.35}}
.gr-glass{background:rgba(22,23,26,.55);backdrop-filter:blur(10px) saturate(.8);border:2px solid rgba(255,213,2,.35)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Investoren-Portal: ruhiger, Messing statt Neon */
body.is-partner{--gr-accent:var(--gr-gold)}
body.is-partner::after{display:none}
body.is-partner .gr-neon{animation:none;text-shadow:none;color:var(--gr-gold)}