/* 1. FARBEN DEFINIEREN (Basierend auf deinem Logo) */
:root {
  --cassiopeia-color-primary: #004070; /* Dunkelblau (Schrift) */
  --cassiopeia-color-hover: #0084D1;   /* Mittelblau (Fluss/Hover) */
  --cassiopeia-color-link: #76B82A;    /* Akzent-Grün statt Orange */
  --body-bg: #F4F4F2;                 /* Hintergrund passend zum Logo */
}

/* 2. LOGO ZENTRIEREN */
.navbar-brand {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 10px auto;
}

.navbar-brand img {
    max-width: 250px; /* Hier kannst du die Größe des Logos steuern */
    height: auto;
}

/* 3. MENÜ ZENTRIEREN */
.container-nav {
    justify-content: center;
    display: flex;
}

/* 4. BUTTONS GRÜN FÄRBEN */
.btn-primary {
    background-color: #76B82A !important;
    border-color: #6da926 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #0084D1 !important; /* Wechselt beim Drüberfahren auf Blau */
}