/* Reset & Background */
body {
  margin: 0;
  height: 100vh;
  background: linear-gradient(135deg, #0d1b2a, #1b263b, #415a77, #778da9);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Animation für sanften Farbwechsel */
@keyframes gradientShift {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

/* Logo zentriert und responsiv */
.logo-container img {
  max-width: 60%;
  height: auto;
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.3));
  transition: transform 0.5s ease;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.logo-container img:hover {
  transform: scale(1.05);
}