/* Logo Container Styling */
.logo-container {
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease;
}

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

/* Responsive Logo */
.deltanaut-logo {
  width: 300px;
  height: 80px;
  max-width: 100%;
  height: auto;
}

/* Dark Mode Anpassungen */
@media (prefers-color-scheme: dark) {
  .deltanaut-logo text[tspan]:first-of-type {
    fill: #ffffff !important;
  }
  
  .deltanaut-logo text:last-of-type {
    fill: #cccccc !important;
  }
}

/* Light Mode Anpassungen */
@media (prefers-color-scheme: light) {
  .deltanaut-logo text[tspan]:first-of-type {
    fill: #1a1a1a !important;
  }
  
  .deltanaut-logo text:last-of-type {
    fill: #666666 !important;
  }
}

/* Alternative Klassen für manuelle Themes */
body.dark-theme .deltanaut-logo text[tspan]:first-of-type {
  fill: #ffffff !important;
}

body.dark-theme .deltanaut-logo text:last-of-type {
  fill: #cccccc !important;
}

body.light-theme .deltanaut-logo text[tspan]:first-of-type {
  fill: #1a1a1a !important;
}

body.light-theme .deltanaut-logo text:last-of-type {
  fill: #666666 !important;
}

/* Animation für Seitenladen */
@keyframes logoFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.logo-container {
  animation: logoFadeIn 0.8s ease-out;
}