/* Zentriert das Logo und den Brand-Bereich */
.navbar-brand {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.navbar-brand img {
    margin: 0 auto;
}

/* Hintergrundfarbe des gesamten Header-Bereichs */
header.header {
    background-color: #5A79A9; /* Ersetze dies durch deine Wunschfarbe (z.B. Blau) */
    background-image: none;    /* Entfernt eventuelle Standard-Verläufe */
}

/* Den blauen/dunklen Cassiopeia-Balken im Footer entfernen */
footer.footer, 
.footer {
    background: none !important;    /* Entfernt die Hintergrundfarbe */
    background-color: transparent !important;
    border: none !important;        /* Entfernt eventuelle Trennlinien */
    box-shadow: none !important;    /* Entfernt Schatten im Footer */
    padding: 40px 0;                /* Abstand nach oben/unten für Eleganz */
}

/* Erzwingt die Zentrierung des Footer-Moduls */
.footer {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    padding: 20px 0 !important;
    background: transparent !important;
}

/* Zentriert den Text innerhalb des Moduls */
.footer .mod-footer, 
.footer .mod-footer > div {
    display: inline-block !important;
    text-align: center !important;
    color: #5A79A9 !important; /* Deine Wunschfarbe */
    margin: 0 auto !important;
}

/* Entfernt den Standard-Punkt oder Strich, falls Joomla einen anzeigt */
.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* Verhindert das Herauskopieren, Auswählen, Ziehen und Touch-Menü bei allen Bildern */
img {
  -webkit-touch-callout: none !important; /* Deaktiviert das Kontextmenü auf iOS/Safari */
  -webkit-user-select: none !important;   /* Deaktiviert die Bildauswahl */
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;     /* Verhindert das Herunterziehen des Bildes */
  pointer-events: none !important;        /* WICHTIG: Blockiert Klicks, Drag & Drop und das Ziehen mit der Maus */
}
.navbar-brand img { pointer-events: auto !important; }
/* Alt */
body {
  position: relative;
  min-height: 100vh;
  background: transparent !important;
}

/* Hintergründe der Cassiopeia-Container transparent machen */
.site-grid,
.header,
.container-component,
.container-sidebar-right,
.container-sidebar-left,
footer {
  background: transparent !important;
}

/* Vanta.js Canvas fixiert im Hintergrund halten */
.vanta-canvas {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important; /* Stellt sicher, dass alle Inhalte/Texte vor den Vögeln liegen */
}
/* 1. Schatten des Headers / Container-Headers entfernen */
header.header,
.container-header {
  box-shadow: none !important;
  border: none !important;
}

/* 2. Innen- und Außenabstände oben entfernen, damit das Logo ganz nach oben rückt */
header.header {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.container-header {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 3. Falls das Logo selbst einen Abstand erzwingt (Brand-Bereich) */
.navbar-brand {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* Grundfarbe Schwarz beim Laden – verhindert das weiße Aufblitzen vor Vanta.js */
html {
  background-color: #000000 !important;
}

/* Der Body bleibt transparent, damit das Vanta-Canvas durchscheint */
body {
  background-color: transparent !important;
}