/* *** Einstellungen für das Vereinslogo *** */
/* Container für die schwebende Positionierung vorbereiten */
.container-header {
  position: relative;
  z-index: 10; /* Legt den Header über den Slider */
  margin-top: 0;
}
/* Absolut positionieren und nach oben über den Slider schieben */
.container-header .navbar-brand {
  position: absolute;
  top: 0px;
  left: 20px; /* Abstand zum linken Bildschirmrand */
  z-index: 999; /* Garantiert, dass das Logo ganz oben liegt */
}

/* Bild flexibel und proportional machen */
.container-header .navbar-brand img {
  width: 15vw; /* Nutzt die Viewport-Breite (schmiegt sich dem Browserfenster an) */
  min-width: 100px; /* Verhindert, dass das Logo auf Smartphones zu winzig wird */
  max-width: 180px; /* Entspricht der Originalgröße des Logos */
  height: auto !important; /* Verhindert Verzerrungen des Bildes */
}

/* *** Footer Menu *** */
/* Reagiert auf " menu-horizontal" in Menü "Erweitert/CSS-Klasse Menü" */
.container-footer .menu-horizontal {
  display: flex;
  flex: 1 0 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
}

/* *** Anzeige Kontakte / Mannschaften *** */
/* Einheitliche Bilder für die Kegelmannschaften via Kategorie-Kombination */
/* Greift nur auf Seiten mit der Menü-Klasse " skittles-team" */
.skittles-team img.contact-thumbnail.img-thumbnail {
    border-radius: 8px !important;
    width: 100px !important;
    height: 150px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* *** Offline-Mode *** */
/* Blendet das reguläre Template-Logo auf der Offline-Seite aus */
.offline-card .header h1 {
    display: none !important;
}

/* *** Anmeldedialog *** */
/* Begrenzt das Anmeldeformular auf eine schöne Breite und zentriert es */
.com-users-login.login {
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}