/* Zielt auf den Container der Zaraz-Zustimmung ab */
/* Falls Zaraz eine ID nutzt, ersetze .zaraz-container durch #zaraz-consent-modal */

.zaraz-container div[style*="font-family: sans-serif"] {
    line-height: 1.6 !important;
    font-family: sans-serif !important;
    color: #ffffff !important;
    background-color: #1f232b; /* Mastodon-ähnlicher Hintergrund, falls nötig */
    padding: 15px;
    border-radius: 8px;
}

.zaraz-container p {
    margin-bottom: 12px !important;
    color: #ffffff !important;
    display: block !important;
}

.zaraz-container strong {
    font-weight: bold !important;
    color: #ffffff !important;
}

.zaraz-container code {
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 4px;
    border-radius: 4px;
    color: #64b5f6 !important;
}

.zaraz-container a {
    color: #64b5f6 !important;
    text-decoration: underline !important;
}

/* Verhindert, dass Mastodon Links beim Hover ausgraut */
.zaraz-container a:hover {
    color: #90caf9 !important;
    text-decoration: none !important;
}

.my-custom-consent p { 
   all: initial; /* Setzt alle Mastodon-Styles für diesen Bereich zurück */
   display: block;
   margin-bottom: 12px;
   color: white;
   font-family: sans-serif;
}