/* ==========================================================================
   BARRIEREFREIHEIT - SCHWARZ-WEIß MODUS
   ========================================================================== */

/* Basis-Styles für Schwarz-Weiß Modus */
body.accessibility-contrast-mode {
    filter: grayscale(100%) contrast(150%) !important;
    background-color: white !important;
    color: black !important;
}

body.accessibility-contrast-mode * {
    background-color: transparent !important;
    color: inherit !important;
    border-color: black !important;
}

/* Button und Card Styles */
body.accessibility-contrast-mode .btn,
body.accessibility-contrast-mode .card,
body.accessibility-contrast-mode .footer {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}
body.accessibility-contrast-mode .navbar {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
    padding: 1em;
}
body.accessibility-contrast-mode .btn:hover,
body.accessibility-contrast-mode .btn:focus {
    background-color: black !important;
    color: white !important;
}

body.accessibility-contrast-mode .accessibility-btn.active {
    background-color: black !important;
    color: white !important;
    border-color: black !important;
}

/* Bilder im Schwarz-Weiß Modus */
body.accessibility-contrast-mode img {
    filter: grayscale(100%) contrast(150%) !important;
}

/* ==========================================================================
   SPEZIFISCHE KOMPONENTEN-STYLES
   ========================================================================== */

/* Topic Link Items */
body.accessibility-contrast-mode .topic-link-item {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}

body.accessibility-contrast-mode .topic-link-item:hover {
    background-color: black !important;
    color: white !important;
}

/* Subpages Links */
body.accessibility-contrast-mode .subpages-link {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}

body.accessibility-contrast-mode .subpages-link:hover {
    background-color: black !important;
    color: white !important;
}

/* Post Teasers */
body.accessibility-contrast-mode .post-teaser {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}

body.accessibility-contrast-mode .post-teaser:hover {
    background-color: black !important;
    color: white !important;
}

/* Slide Text Wrapper */
body.accessibility-contrast-mode .slide-text-wrapper {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}

/* Scroldown Wrapper */
body.accessibility-contrast-mode .scroldown-wrapper {
    background-color: white !important;
    color: black !important;
}

/* ==========================================================================
   ZUSÄTZLICHE KOMPONENTEN (falls benötigt)
   ========================================================================== */

/* Weitere spezifische Komponenten können hier hinzugefügt werden */
body.accessibility-contrast-mode .custom-component {
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}

body.accessibility-contrast-mode .custom-component:hover {
    background-color: black !important;
    color: white !important;
}
body.accessibility-contrast-mode .accessibility-menu .accessibility-btn:first-child{
    border-radius: 2em 0 0 2em;
}
body.accessibility-contrast-mode .accessibility-menu .accessibility-btn:last-child{
        border-radius: 0 2em 2em 0;
}
body.accessibility-contrast-mode .offcanvas-menu .offcanvas-menu-wrapper,
body.accessibility-contrast-mode .offcanvas-menu .offcanvas-menu-wrapper .menu-level-1,
body.accessibility-contrast-mode .offcanvas-menu .offcanvas-menu-wrapper .menu-level-2,
body.accessibility-contrast-mode .offcanvas-menu .offcanvas-menu-wrapper .menu-level-3  
{
    background-color: white !important;
    color: black !important;
}
body.accessibility-contrast-mode a{
    text-decoration: underline;
}