body { --bs-body-font-family: Open Sans, sans-serif; --bs-body-font-weight: normal; font-style: normal; --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 { font-family: Open Sans, sans-serif; font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1920 - 320)));}.navbar-wrapper a.nav-link { text-transform: uppercase;}.btn { font-family: Open Sans, sans-serif; text-transform: uppercase !important; font-style: normal; --bs-btn-font-weight: 600; --bs-btn-line-height: 1.5; --bs-btn-font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1920 - 320)));}h1 { font-family: Open Sans, sans-serif; color: rgba(255,255,255,1); font-style: normal; font-weight: 500; line-height: 1.2; font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));}h2 { font-family: Open Sans, sans-serif; color: rgba(33,37,41,1); font-style: normal; font-weight: normal; line-height: 1.2; font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1920 - 320)));}h3 { font-family: Open Sans, sans-serif; color: rgba(33,37,41,1); font-style: normal; font-weight: normal; line-height: 1.2; font-size: calc(22px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));}h4 { font-family: Open Sans, sans-serif; color: rgba(33,37,41,1); font-style: normal; font-weight: normal; line-height: 1.2; font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));}h5 { font-family: Open Sans, sans-serif; color: rgba(255,255,255,1); font-style: normal; font-weight: normal; line-height: 1.2; font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));}h6 { font-family: Open Sans, sans-serif; color: rgba(33,37,41,1); font-style: normal; font-weight: normal; line-height: 1.2; font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1920 - 320)));}.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(255,255,255,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(255,255,255,1);}.navbar-wrapper a.nav-link:hover:not(.dropdown-item a.nav-link:hover) { background-color: rgba(230,230,230,0); color: rgba(237,237,237,1);}.navbar-wrapper .dropdown-menu{ --bs-dropdown-bg: rgba(230,230,230,0)}.navbar-wrapper .dropdown-item { transition: all 300ms ease-in-out; background-color: rgba(230,230,230,0);}.navbar-wrapper .dropdown-item.active { background-color: rgba(255,255,255,0);}.navbar-wrapper .dropdown-item.active a.nav-link.active{ color: rgba(255,255,255,1);}.navbar-wrapper .dropdown-item a.nav-link:not(.dropdown-item a.nav-link.active) { transition: all 300ms ease-in-out; color: rgba(255,255,255,1);}.navbar-wrapper .dropdown-item:hover:not(.dropdown-item.active) { background-color: rgba(237,237,237,0);}.navbar-wrapper .dropdown-item:hover a.nav-link:not(.dropdown-item.active a.nav-link) { color: rgba(255,255,255,1) !important;}a[href]:not(a.nav-link, .btn,.leaflet-touch .leaflet-bar a){ transition: all 300ms ease-in-out; color: rgba(0,98,189,1);}a[href]:hover:not(a.nav-link:hover, .btn:hover,.leaflet-touch .leaflet-bar a){ color: rgba(0,124,232,1) ;}a:active:not(a.nav-link:active){ color: rgba(0,68,128,1) ;}a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none;}.top-button {background-color: rgba(230,0,126,1);}.top-button:before { color: rgba(255,255,255,1);}footer.footer { background-color: rgba(248,249,250,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%;}.sponsor-form .form-control:focus{ background-color: var(--bs-body-bg); border-color: #ffffff!important; color: var(--bs-body-color); outline: 0;}.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; } }}