

@media all and (max-width:1190px){
nav {/*ausgeblendet */position:absolute;right:0;top:6rem;transform: translateX(100%);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;/*height: calc(100vh - 2rem);*/background-color: rgb(28, 103, 168);display: flex;flex-direction: column;justify-content: flex-end;}
[id^=drop]:checked ~ nav {/*eingeblendet */top:6rem;transform: translateX(0);right: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;/*height: calc(100vh - 4rem);*/background-color: rgb(28, 103, 168);display: flex;flex-direction: column;justify-content: flex-end;border-radius: 3rem 0 0 3rem;}
.menu{padding:1rem;align-self: flex-end;}
.menu li {padding:0.5rem 2rem;font-family: 'open_sansbold';}
.menu ul {padding:0.5rem 0 0.5rem 1rem;}
.menu li li{padding:0.5rem;}

.menu li a {padding:0.5rem 2rem;}
.menu li a:hover:after {content:"";width:3px;height:100%;background-color:#5EC0F0;position:absolute;bottom:0;left:0;z-index:20;}
.menu li li a:hover:after {content:unset;}
.menu li li a {padding:0.5rem;}

label{flex:0;}
.burger-icon {display: block;width: 2rem;height: 0.22rem;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;background:#fff;}
input#drop:checked ~ .toggle .burger-icon:nth-child(1){transform: rotate(45deg);position:absolute;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
input:checked ~ .toggle .burger-icon:nth-child(2){transform: rotate(-45deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
input:checked ~ .toggle .burger-icon:nth-child(3){display:none;}
input:checked ~ .toggle {/*justify-content: center; */display: flex;}

.toggle {display: flex; padding:1rem 1.5rem; text-decoration: none; z-index: 40; position:relative;}
.toggle:before{width: 4rem;height: 4rem;z-index: -1;background-color: #1d70b7;content: "";position: absolute;left: 0.5rem;top: 0rem;border-radius: 100%;}
.burger{display: flex; width: 2rem; height: 2rem; flex-direction: column; justify-content: space-around; align-items: center;}
}

/*.toggle,*/[id^=drop] {display:none;}
.menu li {list-style-type:none;position:relative;}
.menu li a {color:#fff;padding:1rem;text-decoration:none;text-transform:uppercase;text-shadow: 0 0 1px #0c4b82, 0 0 4px #1d70b7;}
.menu li li a {color:#fff;padding:0.5rem;text-decoration:none;text-transform: none;}

@media all and (min-width:1190px){
nav {display: flex;flex-direction: row;justify-content: flex-end;}
.menu{display:flex;flex-direction:row;}
.menu ul{padding:1rem;margin:0 0 0 1rem;position:absolute;top:3rem;left:0;background: rgb(28, 103, 168);border-radius:0 1rem 0 0;display:none;/**/}
.menu li:hover ul {display:block;}
.menu li {padding:1rem 0;}
.menu li a:hover:after {content:"";width:2rem;height:3px;background-color:#5EC0F0;position:absolute;bottom:0;left:calc(50% - 1rem);z-index:20;}
.menu li li {border-bottom:1px solid rgba(255,255,255,0.3);}
.menu li li:last-child {border-bottom:0;}
.menu li li a{padding:0.5rem 1rem;}
}