/* Skipmenue */
/* Darkmode importieren */
@import "darkmode.css" screen and (prefers-color-scheme: dark);


#skipmenu {
    position: fixed;
    z-index: 20000;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
#skipmenu ul{
    list-style-type:none;
}
#skipmenu li{
    position:absolute;
    left:15px;
    top:10px;
    z-index:1000;
    white-space: nowrap;
}

#skipmenu li:not(:focus-within) {
    width:1px;
    height:1px;
    overflow:hidden
}

#skipmenu li a:not(:focus):not(:active):not(:focus-within){
    width:1px;
    height:1px;
   overflow:hidden;
    white-space: nowrap;
    clip-path:inset(50%);
    /* display:inline-block; */
}

#skipmenu li a:focus,#skipmenu li a:active, #skipmenu li a:focus-within{
    width:auto;
    padding:5px;
    height:auto;
    white-space: nowrap;
    background-color:white;
}



/* Fokus */
:focus-visible{
    outline: 5px solid #8bb9fe !important;
}

/* barrierefreiheitpanel */

#himages{
    position:relative;
}

#bfreebuttons{
    width:36px;
    position:fixed;
    right:30px;
    top:75px;
    z-index:5000;
}

/* Kontrastbutton */
#kontrastbutton{
    width:36px;
    height:36px;
    border:1px solid black;
    background-image: url("../images/layout/kontrastschalter-plus.png");
    background-size:cover;
    margin-bottom:5px;
    box-shadow: 3px 3px 10px white,-3px -3px 10px white;
    position:fixed;
    right:30px;
    top:75px;
}
.highcontrast #kontrastbutton{
    background-image: url("../images/layout/kontrastschalter-minus.png");
}
#kontrastbutton:active{
    border-color:red;
}



/* Kontrast managen */

.highcontrast *{
    background-color:white !important;
    color:black !important;
}

.highcontrast #skipmenu li{
    background:none !important;
}

.highcontrast #footericons img{
    filter:grayscale(100%) contrast(1) saturate(5);
}

.highcontrast #mainnav{
border-top-color:black;
    border-bottom-color:black;
}

.highcontrast #news{
    border-top:1px solid black;
}
.highcontrast #calendar{
    border-top:1px solid black;
}
.highcontrast #naturparkvideo{
    border-top:1px solid black;
}

.highcontrast #themes{
    border-top:1px solid black;
}

.highcontrast #sitefooter{
    border-top:1px solid black;
}

.highcontrast button{
    border:1px solid black
}
.highcontrast a{
    border:1px solid black
}

.imgbunt{
    display:block;
}
.highcontrast .imgbunt{
    display:none;
}
.imgsw{
    display:none;
}
.highcontrast .imgsw{
    display:block;
}

.highcontrast button.navbar-toggler[aria-expanded=false] span.navbar-toggler-icon{
    background-image: url("../images/layout/toggle-off-sw.png");
}
.highcontrast button.navbar-toggler[aria-expanded=true] span.navbar-toggler-icon{
    background-image: url("../images/layout/toggle-on-sw.png");
}


.highcontrast button.navbar-toggler{
    border-color:black;
}

.highcontrast :focus-visible{
    outline: 3px solid red !important;
}