/* Navbar Farbe und zentriert*/
.container-header .container-nav {
    background-color: #2FAE5A;
    justify-content: center;
}


body {
    background-color: #ffffff; /* Ändern Sie hier den Hex-Code */
}

:root {
    --body-bg: #ffffff; /* Hintergrundfarbe */
    --cassiopeia-color-primary: #2FAE5A; /* Primärfarbe für Akzente */
    --cassiopeia-color-hover: #2FAE5A;
}

/* Hintergrund des Hauptinhaltsbereiches */
.site-content {
    background-color: #2FAE5A;
}

/* Footer Hintergrundfarbe */
.footer {
    background-color: #000000;
}

/* Footer zentrieren */
.footer .grid-child {
    justify-content: center;
}

/* ===eigener Footer=== */
.footer-copy {
    text-align: center;      /* Zentrierung */
    font-size: 0.9em;        /* kleinere Schrift */
    color: #fff;             /* dezente Farbe, optional */
    margin: 10px 0;
    line-height: 1.4;
}

.footer-copy a {
    text-decoration: none;  /* kein Unterstrich */
    color: inherit;         /* gleiche Farbe wie Text */
    background: none !important; /* keine Hintergrundfarbe */
}

@media (max-width: 768px) {
    .footer-copy {
        font-size: 0.85em;   /* kleiner auf Smartphones */
    }
}

/* Hover-Effekt entfernen */
.footer-copy a:hover {
    color: inherit !important;      /* Farbe ändert sich nicht */
    background: none !important;    /* Hintergrundfarbe bleibt weg */
    cursor: pointer;                /* trotzdem Zeiger anzeigen */
}
/* ENDE===eigener Footer=== */

/* Neuer Beitrag Button oben links statt unten links */
.new-article-top-left {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9999;
}

.new-article-top-left .btn {
    display: inline-flex;
    align-items: center;
    font-size: 0.9em;
}
/* Neuer Beitrag Button oben links statt unten links */