@media all {
	.c-menu { background: #000; }
	.c-menu--slide-left, .c-menu--slide-right, .c-menu--push-left, .c-menu--push-right { overflow-y: auto; }
	.c-menu--slide-left, .c-menu--push-left { max-width: 75%; }
	.c-button {margin: 0px;width: 4em; margin-left: 1.5em;}
	.c-mask.is-active {opacity: 0;}
    
	
	
	#mainnav {background-color: transparent;}
	#showTop, #showTop2 {
		border:none;
		background:none;
		color: rgb(80,80,80);
		cursor: pointer;
		padding: 0.4em;
	}
	#showTop2 {color: #3C3C3B;padding: 1em 0.4em 0 0.4em;}
	/*#showTop img:hover, #showTop2 img:hover {
		border-radius: 6px 6px 6px 6px;
		-moz-border-radius: 6px 6px 6px 6px;
		background: #E30613 !important;
	}*/
	#showTop hover .overlay {
	  opacity: 1;
	}
	#header-mob{
		height:auto !important;
		/*padding-top:25px;*/
		padding-top:0;
	}

	#showTop img, #showTop2 img {
		max-width: 38px;
	}
	
	.MobHeader{
		position: absolute;
		top: 0;
		width: 100%;
		background-color: rgb(255,207,24);
		padding-top: 0.3em;
		min-height: 2em; /*71*/
	}
	.close {
		text-align: left;
		float:left;
		margin-bottom: 6px;
		margin-top: 0px;
		position: relative;
		left: 40px;
	}
	.directLnk{display: inline-block; position: absolute; top: 0;left: 110px;}
	.specPrj{display: inline-block; position: absolute; top: 0;right: 0%;}
	
	.directLnk ul,
	.specPrj ul {
		position: relative;
		margin: 0;
		padding: 0;
	}
	.specPrj ul {padding: 0 !important;}
	#header-mob .ym-vlist ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		/*width: calc(100% - 2em);
		overflow: hidden;
		border-top: 2px #ddd solid;
		border-bottom: 2px #ddd solid;*/
		border: none;
		/*display: inline;*/
	}
	#header-mob .ym-vlist ul .group3 {
		display: block;
		max-width: 33%;
		float: left;
	}
	#header-mob .ym-vlist ul ul {
		padding: 0 0;
		margin-bottom: 1em;
	}
	#header-mob .ym-vlist ul ul ul {
		padding: 0;
		padding-left: 1.2em;
	}
	
/*	#header-mob .ym-vlist ul li.spa_inactive ul,
	#header-mob .ym-vlist ul ul li.spa_inactive ul {display: none;}*/
	#header-mob .ym-vlist ul ul li.spa_active ul {/*display: inline-block;*/display:none;}
	#header-mob .ym-vlist ul li {
	    /*float: left;
	    width: 33%;
		max-width: 30%;*/
	    margin: 0;
	    padding: 0;
	    background-color: #fff;
	    background-color: transparent;
	    text-align: left;
	    overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#header-mob .ym-vlist ul ul li {
	    float: none;
	    width: 100%;
		max-width: 100%;
	}
	
	#header-mob .ym-vlist ul li a, 
	#header-mob .ym-vlist ul li strong, 
	#header-mob .ym-vlist ul li span {
	    width: calc(100% - 20px);
	    text-align: left;
	    color: #fff;
		border: none;
		text-shadow: none;
		text-transform: uppercase;
		font-family: 'BrutalType-Black';
		font-size: 1em; /*15px*/
		line-height: 1.2em;
		font-weight: normal;
		letter-spacing: 1px;
		position: relative;	
		padding: 5px;
	}
	#header-mob .ym-vlist ul li a:hover, #header-mob .ym-vlist ul li a:focus {
		font-size: 1.1em;
		color: rgb(255, 207, 24);
		text-decoration: none;
	}
	
	#header-mob .ym-vlist ul li .clseinfuhrung  a {
		font-size: 1em;
	}
	#header-mob .ym-vlist ul li .clseinfuhrung  a:hover, #header-mob .ym-vlist ul li .clseinfuhrung  a:focus {
		font-size: 1.1em;
	}
	
	#header-mob .ym-vlist ul li span {
		position: absolute;
		left: -15px;;
		top: -3px;
		float: none;
		width: 0;
	}
	#header-mob .ym-vlist ul li .clseinfuhrung {
		display:inline-block; 
		width: 100%;
		margin-left: 20px;
		position: relative;
		padding-left: 0;
	}
	span.clseinfuhrung a {
		color: rgb(255,207,24)!important;
		text-transform:none !important;
		font-family: 'BrutalType-Light';
	}
/*	#header-mob .ym-vlist ul li .clseinfuhrung.inactive {display: none;}
	#header-mob .ym-vlist ul li.clseinfuhrung.active {display: block;}*/
	
	#header-mob .ym-vlist ul li a {display: inline-block;}
	#header-mob .ym-vlist ul li a[aria-haspopup="false"] {color: rgb(255, 207, 24);}
	/*#header-mob .ym-vlist ul li a[aria-haspopup="false"]:hover, #header-mob .ym-vlist ul li a[aria-haspopup="false"]:focus {
		font-weight: 400;
	}
	#header-mob .ym-vlist ul li a[aria-haspopup="false"].active{
		font-weight: 400;
	}*/
	
	#header-mob .ym-vlist ul li ul li a,
	#header-mob .ym-vlist ul.mobnav_service li a
	{
		background-color: transparent;
		text-transform: none;
		font-family: 'BrutalType-Medium';
		/*font-family: 'BrutalType';*/ /*besprochen mit urs*/
		font-size: 0.9em; /*12px*/
		line-height: 1.1;
		display: block;
		color: rgb(255,207,24);
		font-weight: 300;
		letter-spacing:normal;
	}
	#header-mob .ym-vlist ul li ul li a.inactive,
	#header-mob .ym-vlist ul.mobnav_service li a.inactive {color: #fff;}
	
	/*#header-mob .ym-vlist ul li ul li ul li a {font-size: 0.8em;}
	#header-mob .ym-vlist ul li ul li ul li a.inactive {color: rgb(255,207,24);font-family: 'BrutalType-Light' padding-left: 0;;}
	#header-mob .ym-vlist ul li ul li ul li a.active {color: rgb(255,207,24);font-family: 'BrutalType-Black' padding-left: 0;;}
	
	#header-mob .ym-vlist ul li ul li ul li a:hover, #header-mob .ym-vlist ul li ul li ul li a:focus {
		font-size: 0.8em;
		font-family: 'BrutalType-Black';
	}*/

	#header-mob .ym-vlist ul li ul li a:hover, #header-mob .ym-vlist ul li ul li a:focus,
	#header-mob .ym-vlist ul.mobnav_service li a:hover, 
	#header-mob .ym-vlist ul.mobnav_service li a:focus {
		font-size: 0.975em; /*12px*/
		color: rgb(255, 207, 24);	
	}


/*	#header-mob .ym-vlist ul li ul li a[aria-haspopup="true"]:before{
		content: "+ ";
		font-family: 'BrutalType-ExtraBold';
		font-size: 12px;
		
	}
	#header-mob .ym-vlist ul li ul li a[aria-expanded="true"]:before{
		content: "- ";
		font-family: 'BrutalType-Black';
		font-size: 12px;
		
	}*/
	
	#header-mob .ym-vlist span,
	#header-mob .ym-vlist ul li ul li ul li span {display: inline-block;width: 15px;}
	#header-mob .ym-vlist ul li ul li span {display: inline-block;}
	#header-mob .ym-vlist ul li ul li ul li span {display: none;}
	
	#header-mob .ym-vlist ul li ul li span:hover,#header-mob .ym-vlist ul li ul li span:focus,
	#header-mob span.spa_active {
		color: #fff !important;/*rgb(255,207,24)*/
		cursor: pointer;
	}
	
	.directLnk .ym-hlist ul li{
		 min-width: 110px;
		 max-width: 110px;
	}
	
	.directLnk .ym-hlist ul li a,
	.specPrj .ym-hlist ul li a {
		 padding: 32px 1.3em 0.5em 1.3em;
		 text-transform: uppercase;
		 font-family: 'BrutalType-Black';
		 border-radius: 0;
		 font-size: 1em;
		 line-height: 1.3em;
	}
	
	
	
	#header-mob .ym-vlist li a:focus, 
	#header-mob .ym-vlist li a:hover, 
	#header-mob .ym-vlist li a.active {
		background-color: transparent;
		/*color: #fff;*/
		outline: 0 none;
	}
	#header-mob .ym-vlist li a.active {color: rgb(255, 207, 24);}
	
	.directLnk .ym-hlist ul li a:focus, .directLnk .ym-hlist ul li a:hover, .directLnk .ym-hlist ul li a:active {
		background-color: #000;
		color: #fff;
		outline: 1px solid #000;
		font-size: 1.1em;
	}
	
	#header-mob .mobnav_service li:nth-of-type(1) a:before,
	#header-mob .mobnav_service li:nth-of-type(2) a:before,
	#header-mob .mobnav_service li:nth-of-type(3) a:before {
		content: "\f019";
		display: inline-block;
		font: normal normal normal 18px/1 FontAwesome;
		width: 25px;
	}
	
	#header-mob .mobnav_service li:nth-of-type(2) a:before {content: "\f007";}
	#header-mob .mobnav_service li:nth-of-type(3) a:before {content: "\f129";}
		
	.bar-mainnav{
		position: relative; 
		width: 100%; 
		margin-top: 6em;
	}
	.specLnk {
		background-color: #e30613;
		margin: 0 !important;
	}
	.specLnk a {color: #fff !important;border-left: 1px solid black;}
	.specLnk a:hover, .specLnk a:focus {
		background-color: #e30613 !important;
		outline: 1px solid #e30613 !important;
		color: black !important;
		border-color:  #e30613 !important;
	}
}

@media screen and (max-width: 1100px){
	#header-mob .ym-vlist ul .group3:nth-of-type(3) {
		float: none;	
	}
	#header-mob .ym-vlist ul .group3 {max-width: 50%;}
}

@media screen and (max-width: 740px){ /* Handy */
	.directLnk .ym-hlist ul li {
		 min-width: 100px;
		 max-width: 100px;
	}
	
	
	.directLnk .ym-hlist ul li a,
	.specPrj .ym-hlist ul li a {
		 padding: 32px 1em 0.5em 1em;
		 text-transform: uppercase;
		 font-family: 'BrutalType-Black';
		 border-radius: 0;
	}
	
	.directLnk { left: 90px;}
	.mainnav {
	    width: calc(100% - 80px - 20px);
	    margin-left: 15px;
	}

}
@media screen and (max-width: 674px){ /* Handy */
	.directLnk .ym-hlist ul li,
	.specPrj .ym-hlist ul li {float:left;}
	.directLnk .ym-hlist ul li {display: block;}
	.mainnav { width: calc(100% - 120px); margin-left: 0;}
	.nav_sidebar {width: 110px;}
	.nav_sidebar .ym-hlist ul li a.lang {padding-left:0;}
	
	
	
	/*mobile direktlinks*/
	.directLnk .ym-hlist ul li, .specPrj .ym-hlist ul li {float: none;display: block;}
	.directLnk .ym-hlist ul li a, .specPrj .ym-hlist ul li a { padding: 0.2em 1em; line-height: 1.2em;}
	.directLnk{ position: relative;  left: 50px;}
	.specPrj ul {padding: 0 !important; margin: 0;}
	
	.c-menu--slide-left, .c-menu--push-left {
	    max-width: 100%;
	    z-index: 800;
	}
	#logo {z-index: 200;}
	
	.MobHeader {min-height: auto; position: relative; padding-top: 1.5em;}
	.bar-mainnav{margin-top:1em;}
	.specLnk{position: relative; left: -1px;}
}
@media screen and (max-width: 640px){ /* Handy */
	/*mobilenavi*/
	#header-mob .ym-vlist ul {max-width: 100%; display: inline-block;padding: 0;margin: 0;}
	#header-mob .ym-vlist ul .group3 { max-width: 100%; display: inline-block;}
	#header-mob .ym-vlist ul li {width: 100%; }
	
	#header-mob .ym-vlist ul li {
	    overflow: hidden;
		white-space:normal;
	}
}

@media screen and (max-width: 550px){ /* Handy */

}