/* Allgemeine Stile */

body {
  background-color: #062C65;
  color: #ffffff;
  text-align: center; /* Text in der gesamten Seite zentriert */
  font-family: Arial, sans-serif;
}

.logo-container {
  margin-top: 40px;
  margin-bottom: 20px;
}

.main-logo {
  max-width: 35%;
  height: auto;
}

/* Stile für Services (optional) */

.services-container {
  display: flex;
  justify-content: center; /* Services horizontal zentriert */
  flex-wrap: wrap; /* Services in mehreren Zeilen, falls nötig */
  gap: 20px; /* Abstand zwischen Services */
}

.service-link {
  text-decoration: none;
  color: inherit; /* Farbe erbt die Farbe vom body */
  display: inline-block;
}

.service-logo {
  height: 100px;
  transition: transform 0.3s ease, margin 0.3s ease; /* Hover-Effekt für Service-Logos */
}

.service-link:hover .service-logo {
  transform: scale(1.1); /* Hover-Effekt: Größe etwas vergrößern */
  z-index: 10; /* Hover-Effekt: Überlagerungen vermeiden */
  position: relative; /* Hover-Effekt: für korrektes Skalieren */
}

/* Media Query für kleine Bildschirme */

@media (max-width: 768px) {
  .main-logo {
    max-width: 60%; /* Logo passt sich auf kleinen Bildschirmen an */
  }

  .service-logo {
    height: 75px; /* Service-Logos passen sich auf kleinen Bildschirmen an */
    max-width: 100%; /* Service-Logos füllen die volle Breite */
    object-fit: contain; /* Service-Logos werden proportional skaliert */
  }
}

/* Impressum/Disclaimer Styles */

.impressum-container {
  text-align: center; /* Impressum-Text zentriert */
  margin-top: 40px;
}

.impressum-link {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}

.impressum-link:hover {
  color: #062c65;
}

.impressum-text {
  background-color: #062c65; /* Impressum-Text hat gleiche Hintergrundfarbe wie body */
  color: #ffffff; /* Textfarbe bleibt weiß */
  font-size: 16px;
  line-height: 1.5; /* Zeilenabstand für bessere Lesbarkeit */
  padding: 20px;
}