:root {
  --background-color: #273034; /* zentrale Definition der Hintegrundfarbe */
  --main-color: #7f358a; /* zentrale Definition der primären Farbe */
  --main-color-transparent: rgba(127, 53, 138, 0.5);
  --main-color2: #ff9000; /* zentrale Definition der sekundären Farbe */
  --main-color2-transparent: rgba(255, 144, 0, 0.5);
  --main-color3: #ff9000; /* zentrale Definition der tertiären Farbe */
  --main-color3-transparent: rgba(255, 144, 0, 0.5);
  --highlight-color: #ff00a2; /* zentrale Definition der Highlight-Farbe */
  --highlight-color-transparent: rgba(255, 0, 162, 0.5); /* zentrale Definition der Highlight-Farbe */ 
}

#pagewidth{  
  background: #000; /*ermöglicht den Parallax-Effekt. Ohne wird der Seitenhintegrund angezeigt */
 }

@media only screen and (max-width: 1023px) {

  html, body{ 
   background: #000000;
  } 
}