.elementor-kit-8{--e-global-color-primary:#00FF88;--e-global-color-secondary:#1B1F32;--e-global-color-text:#E0E0E0;--e-global-color-accent:#00FF88;--e-global-color-c1f803c:#2E2E2E;--e-global-color-28f9bc9:#141414;--e-global-color-9f9c1f2:#1F1F1F;--e-global-color-46393e1:#8C8C8C;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Space Mono";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#0D0D0D;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{accent-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. DIE SCHALTZENTRALE (Variablen) */
:root {
  /* Farben für den Glow */
  --neon-glow: 0 0 10px rgba(0, 255, 255, 0.5);
  --neon-glow-strong: 0 0 15px rgba(0, 255, 255, 0.8), 0 0 30px rgba(0, 255, 255, 0.4);
  
  /* Schriftarten (Stelle sicher, dass diese in Elementor geladen sind) */
  --font-display: 'Syncopate', sans-serif;
  --font-mono: 'Space Mono', monospace;
  
  /* Brutalist Style */
  --border-color: #000000;
}

/* 2. DIE ANIMATIONEN (Unverändert) */
@keyframes glitch {
  0%, 90%, 100% { transform: translate(0); }
  92% { transform: translate(-2px, 1px); }
  94% { transform: translate(2px, -1px); }
  96% { transform: translate(-1px, -1px); }
  98% { transform: translate(1px, 1px); }
}

@keyframes scan {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100vh); }
}

/* 3. DIE KLASSEN (Nutzen jetzt die Variablen) */

.text-glow {
  text-shadow: var(--neon-glow);
}

.text-glow-strong {
  text-shadow: var(--neon-glow-strong);
}

.box-glow-strong {
  box-shadow: var(--neon-glow-strong);
}

.glitch-text {
  display: inline-block;
  animation: glitch 3s infinite;
}

.brutalist-border {
  border: 3px solid var(--border-color);
  box-shadow: 5px 5px 0px var(--border-color); /* Typischer Brutalist-Schatten */
}

.font-display {
  font-family: var(--font-display);
}

.scanline {
  position: fixed; /* Geht über den ganzen Bildschirm */
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(0, 255, 255, 0.2);
  box-shadow: var(--neon-glow);
  animation: scan 10s linear infinite;
  pointer-events: none;
  z-index: 9999;
}/* End custom CSS */