/* ==========================================================================
   Gugus.wtf — Mobile-Anpassungen
   Wird nach main.css geladen, damit die Regeln hier main.css überschreiben.
   ========================================================================== */

@media (max-width: 600px) {
  .hero {
    padding: 4rem 1.25rem 2rem;
  }

  .dict-card {
    padding: 1.75rem;
  }

  .dict-card__entries div {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }

  .hero {
    padding-top: 20px;
  }

  .logo {
    font-size: clamp(4rem, 13vw, 8rem);
  }

  .section {
  padding-top: 0px;
}
}