/**
 * Dateiname: global_style.css
 * Autor: Riccardo Princiotto
 * Firma: PG novo UG (haftungsbeschränkt)
 * Erstellungsdatum: xxxx-xx-xx
 * Letzte Änderung: xxxx-xx-xx -> Initiale Erstellung
 * Version: 1.0.0
 * Beschreibung: Dieses Stylesheet dient dem Styling der Webseite ...
 * Abhängigkeiten: 
 * Lizenz:
 */


/*Standard Klassen PG novo*/
/*Desktop und Mobil Hide Klassen*/
.mobileOnly {
  display: none;
}
@media (max-width: 900px) {
.desktopOnly {
  display: none;
}
.mobileOnly {
  display: block;
}
}
/*Hide Klasse*/
.hide {
  display: none;
}

 /*******************************************
 ************** Sternenhimmel ***************
 *******************************************/
 .sternenhimmelContainer {
  background-color: var(--nv-site-bg); /*ggf. Hintergrund anpassen*/
  width:100vw; /*Containergrößen anpassen*/
  height:100vh;
  position:relative;
  z-index:0;
  }
 .star {
  position:absolute;
  width: 2px;
  height: 2px;
  background-color:white; /*Farbe anpassen*/
  border-radius:50%;
  opacity: 0;
  z-index:-1;
}
.star.blink-slow {
  animation: blinkAnimation 4s infinite;
}
.star.blink-medium {
  animation: blinkAnimation 2s infinite;
}
.star.blink-fast {
  animation: blinkAnimation 1.5s infinite;
}
@keyframes blinkAnimation {0%, 100% { opacity: 0.2; } 50% { opacity: 1; }}

/*Animationsklassen*/

/*Keyframes für CSS Animationen*/

/*Media Querys*/
@media (min-width: 1921px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1440px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 900px) {
}
@media (max-width: 400px) {
}