/* =========================================================
   Cassiopeia – Summerhalde Layout
   Weißer Hintergrund | Schwarzer Text | Grauer Hover
   ========================================================= */

/* ---------- Grundfarben ---------- */
:root {
    --cassiopeia-color-primary: #ffffff;  /* Grundfarbe */
    --cassiopeia-color-link:    #000000;  /* Linkfarbe (schwarz) */
    --cassiopeia-color-hover:   #808080;  /* Hover-Farbe (grau) */
    --cassiopeia-color-text:    #000000;  /* Textfarbe */
}

/* ---------- Seitenhintergrund ---------- */
body.site {
    background: #ffffff !important;  /* Kein Gradient */
    color: var(--cassiopeia-color-text) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ---------- Header ---------- */
.container-header {
    background-color: var(--cassiopeia-color-primary) !important;
    color: var(--cassiopeia-color-link) !important;
    border-bottom: 1px solid #ddd !important;  /* dezente Linie unten */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* ---------- Menülinks ---------- */
.container-header .mod-menu a {
    color: var(--cassiopeia-color-link) !important;
    text-decoration: none !important;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.container-header .mod-menu a:hover {
    color: var(--cassiopeia-color-hover) !important;
}

/* Aktiver Menüpunkt */
.container-header .mod-menu li.current a {
    font-weight: 600;
    border-bottom: 2px solid var(--cassiopeia-color-hover);
}

/* ---------- Hauptinhalt ---------- */
.container-main {
    background-color: #ffffff !important;
    color: var(--cassiopeia-color-text);
    padding-top: 1rem;
    padding-bottom: 2rem;
}

/* ---------- Footer ---------- */
.container-footer {
    background-color: #f6f6f6 !important;  /* Hellgrau */
    color: #000000 !important;
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Links im Footer */
.container-footer a {
    color: #000000 !important;
}
.container-footer a:hover {
    color: #808080 !important;
}

/* ---------- Sonstige Anpassungen ---------- */
a {
    color: var(--cassiopeia-color-link);
}
a:hover {
    color: var(--cassiopeia-color-hover);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--cassiopeia-color-text);
}

/* ---------- Optional: Logo schön mittig ---------- */
.container-header .site-branding {
    display: flex;
    align-items: center;
    justify-content: center;
}