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

/* Skipmenue */

#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: 100;
    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;
    /* display:block; */
}





/* Fokus */
:focus-visible {
    outline: 3px solid red !important;
}

/* Kontrastdarstellung */
#himages {
    position: relative;
}

#kontrastbutton {
    width: 32px;
    height: 32px;
    border: 1px solid black;
    box-shadow: 3px 3px 10px white, -3px -3px 10px white;
    position: fixed;
    right: 30px;
    top: 75px;
    z-index: 20000;
    background-image: url("../images/layout/kontrastschalter-plus.png");
    background-size: cover;
}

.highcontrast #kontrastbutton {
    background-image: url("../images/layout/kontrastschalter-minus.png");
}

#kontrastbutton:active {
    border-color: red;
}

.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;
    background-image: none;
}

.highcontrast .navbar {
    background-image: none;
}

.highcontrast #mbutton > div {
    background-color: black !important;
}

.highcontrast body {
    background-image: none;
}

.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 button {
    border: 1px solid black
}

.highcontrast a {
    border: 1px solid black
}

.highcontrast a:hover {
    outline: 3px solid red !important;
}

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

.imgbunt {
    display: block;
}

.highcontrast .imgbunt {
    display: none;
}

.imgsw {
    display: none;
}

.highcontrast .imgsw {
    display: block;
}

.highcontrast #slidercaptions {
    background-color: white;
    height: 1.5em;
    bottom: 20px;
}

/* Hauptinhalt */
#maincontent{
    scroll-margin-top: 50px;
}

#hits{
    scroll-margin-top: 100px;
}