/*
<link rel="stylesheet" type="text/css" 
media="screen and (max-device-width: 1236px)" href="mobile_nav_style.css">

Farben
rot #E30613
blue #003D7C
font-grey #424242
footer-grey #6b6b6b
light-grey #dbdbdb
*/

html.noscroll{
	overflow-y:hidden;
}

#top_nav_mobile{
	color:#fff;
}
.mobile_header{
	display: flex;
    align-items: center;
    justify-content:space-between;
    flex-wrap: wrap;
}
.mobile_wfg_logo{
	margin:8px;
}
.mobile_wfg_logo img{
	width:50px;
	max-width:unset;
}

.mobile_headline{
	font-size:16px;
	text-align:center;
	max-width:calc(100% - 138px);
}

.wfg_hamburger{
	margin: 4px 11px 4px 8px;
	display:block;
	cursor:pointer;
}
.wfg_hamburger>summary{
	padding:4px;
	width:29px;
	height:29px;
	position:relative;
}

.wfg_hamburger>summary>span{
	width:29px;
	height:3px;
	background-color:#fff;
	position:absolute;
	transition:0.5s;
	display:block;
}
.wfg_hamburger>summary::-webkit-details-marker{
	display:none;
}
.wfg_hamburger>summary::-moz-list-bullet { 
	list-style-type: none;  
}

.wfg_hamburger .strich1{
	top:9px;
}
.wfg_hamburger .strich2{
	top:17px;
	transition:0s;
}
.wfg_hamburger .strich3{
	top:25px;
}

.wfg_hamburger[open] .strich1{
	background-color:#E30613;
	transform:rotate(-45deg);
	top:16px;
}
.wfg_hamburger[open] .strich2{
	display:none;
}
.wfg_hamburger[open] .strich3{
	background-color:#E30613;
	transform:rotate(45deg);
	top:16px;
}

#top_nav_mobile ul.level_1{
	height:calc(100vh - 68px);
	width:calc(100% - 40px);
	border-top:1px solid #E30613;
	font-size:1.2em;
	list-style: none;
	position: absolute;
    left: 0;
    top: 57px;
    overflow-y: scroll;
    z-index: 1;
	background: #003d7c;
	padding-bottom:10px;
	padding-right:20px;
}

#top_nav_mobile .level_2>li>a{
	max-width: calc(100% - 108px);
}

#top_nav_mobile ul a{
	display:block;
	padding:16px 20px 16px 0;
}

#top_nav_mobile ul{
	margin:0;
	padding:0;
	padding-left:20px;
	-webkit-padding-start: 20px;
	font-size: 0.9em;
}
#top_nav_mobile li{
	overflow:hidden;
	display:block;
    -webkit-padding-start: 10px;
}

#top_nav_mobile .level_1>li.trail{
	background-color:rgba(0, 0, 0, 0.1);
}
#top_nav_mobile .level_2>li.trail{
	background-color:rgba(0, 0, 0, 0.2);
}
#top_nav_mobile .level_3>li.trail{
	background-color:rgba(0, 0, 0, 0.3);
}

#top_nav_mobile .icon_submenu{
    float:left;
    width:25px;
    margin:0 16px;
    cursor:pointer;
}
/*#top_nav_mobile .icon_submenu:focus~ul, #top_nav_mobile .icon_submenu:focus-within~ul{
	display:block;
}*/
#top_nav_mobile summary{
	    outline: none;
}

.nav_details{
	float:left;
	width:calc(100% - 54px);
}
.nav_only_details{
	width:100%;
}
.nav_details summary{
	padding:16px 0;
}

#top_nav_mobile a.submenu{
	float:right; 
	width:30px;
	padding-left:10px;
	transform: scale(1.8);
	padding-right:0;
}

.nav_details>div{
	width: calc(100% + 54px);
}

#top_nav_mobile a.trail>span,#top_nav_mobile li.trail>span, #top_nav_mobile li.trail>details>summary>span, .nav_details[open]>summary:after, summary.trail::-webkit-details-marker{
	
}


#top_nav_mobile .link-extern:after{
	content:"";
}
#top_nav_mobile li>a>span:after{
	position: absolute;
    content: ">";
    right: 44px;
    transform: scale(1.8);
}
#top_nav_mobile .level_1>li{
	border-bottom:1px solid #dbdbdb;
}
#top_nav_mobile .no_submenu>ul{
	display:none;
}