/* 📁 /styles/pages/index.css */

/* 🖼️ Großes Logo in der Mitte */
.logo-large {
  width: clamp(120px, 20vw, 200px);
  max-height: 200px;
  object-fit: contain;
  margin-bottom: var(--spacing-xs);
}

/* 🔝 Kleines Logo im Header oben links */
.logo-small {
  width: clamp(15px, 3vw, 25px);
  height: auto;
  margin: var(--spacing-sm);
}

/* 🎯 Zentrale Landing-Fläche */
.landing-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-md);
  padding: var(--spacing-xl) var(--spacing-md);
}

/* 🌐 Sprachumschalter im Header */
.language-switcher {
  margin-left: auto;
}

/* 📌 Zusätzliche Abstände */
.mb-xs {
  margin-bottom: var(--spacing-xs);
}

.mt-lg {
  margin-top: var(--spacing-lg);
}