/* Abstand zwischen Kategorie Zeilen */
.services-group {
    margin-bottom: 2rem; /* oder z.B. 3rem, je nach gewünschtem Abstand */
  }

/* Farbe von Wetter und Uhrzeit */
span {
  font-family: 'Orbitron', sans-serif;
  color: #6eff6e; /* neon green for spans */
}

/* Farbe von Ressourcen (links oben) und der Karten */
div {
  font-family: 'Orbitron', sans-serif;
  color: #6eff6e; /* bright yellow for div text */
}

/* Gesamtbreite des Inhalts */
.container, .content {
  max-width: 60%;
}

/* Button "GRÜN" Farbe*/	
.bg-emerald-500 {
    background-color: #91ff00;
    box-shadow: 0 0 8px #91ff00, 0 0 15px #91ff00;
}

/* Button "ORANGE" Farben*/	
.bg-rose-500 {
  background-color: #ff00aa;
  box-shadow: 0 0 8px #ff00aa, 0 0 15px #ff00aa;
  animation: pulsePink 2s infinite ease-in-out;    
}

/* Button "ROT" Farben*/	
.bg-orange-400 {
  background-color: #ff9f00;
  box-shadow: 0 0 8px #ffd700, 0 0 15px #ff0000;    
}

/* Leuchteffekt beim hoover über Service */
a:hover {
  color: #ff00aa; /* neon blue text */
  text-shadow:
    0 0 5px #ff00aa,
    0 0 10px #ff00aa,
    0 0 20px #ff00aa;
}

.service-card {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  /* Innerer Glanz-Effekt für Standard-Service-Karten in Orange */
  border-color: #FFA500; /* Rand wird zu Orange bei Hover */
  box-shadow:
    inset 0 0 15px #FFA500, /* Orange Glanz (innen) */
    inset 0 0 25px rgba(255, 165, 0, 0.5); /* Breiterer, subtilerer Orange-Glanz (innen) */
}