/* --- 1. GLOBALE RESETS & VARIABLEN --- */
:root {
    --gold: #d4af37;
    --black: #000000;
    --white: #ffffff;
    --transition: 0.3s ease;
}

/* Verhindert, dass Elemente auf Mobile nach rechts ausbrechen */
html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}

/* --- 2. HEADER ISOLATION (Fix für vertikalen/doppelten Header) --- */
.agisto-header {
    width: 100% !important;
    display: block !important; 
    position: relative !important;
    background: var(--white);
    z-index: 9999;
}

/* Falls der Worker einen zweiten Header der externen Seite mitschleift, blenden wir ihn aus */
header:not(.agisto-header) {
    display: none !important;
}

/* --- 3. FOOTER STYLES --- */
.agisto-footer {
    background-color: #000;
    color: var(--white);
    font-family: sans-serif;
    width: 100%;
}

.agisto-footer .footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.agisto-footer .footer-grid {
    display: grid;
    /* Desktop Standard */
    grid-template-columns: 320px 1fr 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

.agisto-footer .footer-brand img { 
    height: 48px !important; 
    width: auto !important; 
}

.agisto-footer .footer-col h4 { 
    margin-bottom: 0.75rem;
    color: var(--white);
    font-size: 1.1rem;
}

.agisto-footer .footer-col ul { list-style: none; padding: 0; margin: 0; }
.agisto-footer .footer-col ul li { margin: 0.35rem 0; }
.agisto-footer .footer-col a { color: rgba(255,255,255,0.85); text-decoration: none; }

.agisto-footer .footer-bottom {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 1rem;
}

.agisto-footer .footer-bottom p { color: rgba(255,255,255,0.5); font-size: 0.875rem; }
.agisto-footer .footer-legal { display: flex; gap: 2rem; }
.agisto-footer .footer-legal a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 0.875rem;
    transition: var(--transition);
}

.agisto-footer .footer-legal a:hover { color: var(--gold); }

/* Consentmanager Links (Sichtbar auf Schwarz) */
.agisto-footer .footer-legal .cmpfooterlink,
.agisto-footer .footer-legal .cmpfooterlinkcmp {
    color: var(--white) !important; 
    text-decoration: none !

/* --- LOGO OPTIMIERUNG FÜR DARK MODE --- */

/* 1. Falls der Blog eine CSS-Klasse wie .dark oder .dark-mode nutzt */
.dark .agisto-header img,
.dark-mode .agisto-header img,
[data-theme='dark'] .agisto-header img {
    filter: brightness(0) invert(1);
}

/* 2. Falls der Blog auf die Systemeinstellung des Handys reagiert */
@media (prefers-color-scheme: dark) {
    .agisto-header img {
        filter: brightness(0) invert(1);
    }
}

/* --- LOGO OPTIMIERUNG FÜR DARK MODE --- */

/* 1. Falls der Blog eine CSS-Klasse wie .dark oder .dark-mode nutzt */
.dark .agisto-header img,
.dark-mode .agisto-header img,
[data-theme='dark'] .agisto-header img {
    filter: brightness(0) invert(1);
}

/* 2. Falls der Blog auf die Systemeinstellung des Handys reagiert */
@media (prefers-color-scheme: dark) {
    .agisto-header img {
        filter: brightness(0) invert(1);
    }
}