#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 .wp-block-button__link {background-color: white; border:1px solid black; color:black; }
  .sl-kontrast .aktuelles-marquee {background:rgb(236, 236, 236); border:1px solid black;}
  .sl-kontrast .aktuelles-marquee * {color:black;}



.sl-kontrast #modal-1-content ul li a {color:black;}
.sl-kontrast #modal-1-content > ul  > li > ul > li {background-color: white;}
.sl-kontrast #modal-1-content ul li {border:1px solid transparent;}
.sl-kontrast #modal-1-content ul li:hover {background-color: white; border:1px solid black;}
.sl-kontrast #modal-1-content ul li:hover a {color: black;}