#sl-barriere-widget {
        position: fixed;
        bottom: 50px;
        right: 20px;
        z-index: 9999;
        font-family: sans-serif;
    }
    #sl-barriere-toggle {
background-color: rgb(147, 223, 255) !important;
        border: none;
        padding: 10px;
        border-radius: 50%;
        cursor: pointer;
    }

     #sl-barriere-toggle img {width:50px;}
    #sl-barriere-panel {
        display: none;
        flex-direction: column;
        gap: 5px;
        margin-top: 10px;
        
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        background:grey;
    }
    #sl-barriere-panel.active {
        display: flex;
    }
    #sl-barriere-panel button,
    #sl-barriere-panel a {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        color: #000;
        background: #f5f5f5;
        border: none;
        display: block;
    }
    #sl-barriere-panel a:hover {
        background: #e0e0e0;
    }


  .sl-kontrast  .wp-site-blocks {filter: grayscale(100);}
  .sl-kontrast a {color:black !important}
  .sl-kontrast .usernav a {color:white !important;}
.sl-kontrast .bordered_headline, .bordered_headline2, .sl-kontrast .cover .wp-block-button__link {background-color: black; border:2px solid #83e800; color: white !important;}
.sl-kontrast .cover .wp-block-button__link:hover{background-color: rgb(27, 27, 27);}
.sl-kontrast .leistungen img {filter: brightness(0);}

.sl-kontrast .mail, .sl-kontrast .tel {color: black;}
.sl-kontrast h3 {color: black !important;}

.sl-kontrast footer a {color:white !important;}
.sl-kontrast footer .mail, .sl-kontrast footer .tel {color: white;}