body {
 --bs-body-line-height: 1.5;
    --bs-body-font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1920 - 320)));
 --bs-body-color: rgba(33,37,41,1);
 background-color: rgba(255,255,255,1);
}
#nav-main-public-menu,#nav-main-public-menu .dropdown-menu {
}
.navbar-wrapper a.nav-link {
    text-transform: uppercase;
}
.btn {
 --bs-btn-line-height: 1.5;
    --bs-btn-font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1920 - 320)));
}
h1 {
    color: rgba(33,37,41,1);
    line-height: 1.2;
}
h2 {
    color: rgba(33,37,41,1);
    line-height: 1.2;
}
h3 {
    color: rgba(33,37,41,1);
    line-height: 1.2;
}
h4 {
    color: rgba(33,37,41,1);
    line-height: 1.2;
}
h5 {
    color: rgba(33,37,41,1);
    line-height: 1.2;
}
h6 {
    color: rgba(33,37,41,1);
    line-height: 1.2;
}
.navbar-wrapper a.nav-link:not(.active, .dropdown-item a.nav-link,.leaflet-touch .leaflet-bar a) {
    transition: all 300ms ease-in-out;
    background-color: rgba(230,230,230,0);
    color: rgba(215,215,215,1);
}
.navbar-wrapper a.nav-link.active:not(.dropdown-menu a.nav-link.active,.leaflet-touch .leaflet-bar a) {
    background-color: rgba(230,230,230,0);
    color: rgba(215,215,215,1);
}
.navbar-wrapper a.nav-link:hover:not(.dropdown-item a.nav-link:hover) {
    background-color: rgba(22,168,228,0);
    color: rgba(215,215,215,1);
}
.navbar-wrapper .dropdown-menu{
    --bs-dropdown-bg: rgba(230,230,230,1)
}
.navbar-wrapper .dropdown-item {
    transition: all 300ms ease-in-out;
    background-color: rgba(230,230,230,1);
}
.navbar-wrapper .dropdown-item.active {
    background-color: rgba(212,212,212,1);
}
.navbar-wrapper .dropdown-item.active a.nav-link.active{
    color: rgba(60,67,74,1);
}
.navbar-wrapper .dropdown-item a.nav-link:not(.dropdown-item a.nav-link.active) {
    transition: all 300ms ease-in-out;
    color: rgba(71,71,71,1);
}
.navbar-wrapper .dropdown-item:hover:not(.dropdown-item.active) {
    background-color: rgba(237,237,237,1);
}
.navbar-wrapper .dropdown-item:hover a.nav-link:not(.dropdown-item.active a.nav-link) {
    color: rgba(60,67,74,1) !important;
}
a[href]:not(a.nav-link, .btn,.leaflet-touch .leaflet-bar a){
    transition: all 300ms ease-in-out;
    color: rgba(44,167,240,1);
}
a[href]:hover:not(a.nav-link:hover, .btn:hover,.leaflet-touch .leaflet-bar a){
    color: rgba(37,142,206,1) ;
}
a:active:not(a.nav-link:active){
    color: rgba(44,167,240,1) ;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
.top-button {
background-color: rgba(0,98,189,1);
}
.top-button:before {
    color: rgba(255,255,255,1);
}
footer.footer {
    background-color: rgba(7,87,136,1);
    color: rgba(33,37,41,0);
}

.btn-group-sm>.btn, .btn-sm {
    --bs-btn-font-size: 0.875rem!important;
    --bs-btn-padding-y: 0.25rem!important;
    --bs-btn-padding-x: 0.5rem!important;
    font-weight: 600!important;
    line-height:1.5!important;
    padding-right: .5rem!important;
    padding-left: .5rem!important;
}

.medien-slider .slide-wrapper {
    height: 100%;
}

.medien-slider .slide-inner {
    height: 100%;
}

.animated-checkbox {
    display: inline-block;
    & input[type=checkbox] {
        display: none;
        pointer-events: none;

        & + label {
            cursor: pointer;
            display: grid;
            grid-template-columns: auto 3fr;

            & svg {
                width: 2em;
                stroke-width: 5;
                fill: white;

                .box {
                    stroke-dasharray: 320;
                    stroke-dashoffset: 0;
                    fill: white !important;
                }

                .check {
                    stroke-dasharray: 70;
                    stroke-dashoffset: 70;
                    fill: none;
                }
            }

            & span {
                padding-top: .3em;
                margin-left: .3em;
            }
        }

        &:checked + label {
            .box {
                stroke-dashoffset: 320;
                transition: stroke-dashoffset .3s linear;
            }

            .check {
                stroke-dashoffset: 0;
                transition: stroke-dashoffset .3s linear;
            }
        }
    }

    .reverse {
        .box {
            stroke-dashoffset: 0;
            transition: stroke-dashoffset .3s linear;
        }

        .check {
            stroke-dashoffset: 70;
            transition: stroke-dashoffset .3s linear;
        }
    }
}