.navipage {/*width:100%; height:100%;*/ 
	/*max-width:610px;*/width:60%; float:left; min-height:30px; vertical-align:top;
	z-index:100; position:relative; right:0; top:0;
	-webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;
	}
.hidden{display:none;}




/*************************************************************/
/* this section is for styling the horizontal menu (PC-view) */
/*************************************************************/
.trigger {position:absolute; display:none;}

	/*Menu:*/
/*.menupc {width:78%; position:absolute; right:0; top:0; background:#fff; z-index:400;
		-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -ms-touch-action: none;
		-webkit-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; transition:0.5s;
		margin-top:50px;
		}
	/*Menu-tabs*/
/*.menupc ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; float:right;}
.menupc li {display:block; position:relative; bottom:0;}

.menupc > ul {margin:0 auto; width:100%;}
.menupc > ul > li {float:right; position:relative; margin:0 0 0 2%;} .menupc > ul > li.home {margin:0;} /*menu-tabs order inverted*/
/*.menupc ul li.back {display:none;}
.menupc ul li.sublink {display:none;}

.menupc a {display:block; font-size:100%; color:grey; text-decoration:none; position:relative; z-index:10; text-transform:uppercase;}
.menupc > ul > li > a {line-height:30px;}
.menupc > ul > li.last-child > a {border:0;}
.menupc > ul > li > label {display:block; position:relative; width:100%; margin-top:-80px; height:80px; z-index:100;
					-webkit-transition:0s 0.5s; -o-transition:0s 0.5s; -moz-transition:0s 0.5s; transition:0s 0.5s;
					}
*/

/*.navipage .selected, footer .selected  	{font-weight:bold;}
.navipage li.selected:after {
	content:''; 
	width:50%; 
	height:2px; 
	background:#555; 
	position:absolute;
	bottom:-2px;
	margin-left: 25%;
	}
*/



/*******************************************************************/
/* this section is for styling the slide-in menu (Smartphone-view) */
/*******************************************************************/
.naviscreen {width:200px; position:fixed; left:-320px; top:0; bottom:0; overflow:hidden; overflow-y:auto;
		-webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;
		}
.naviscreen input {position:absolute; display:none;}

	/*'m-open' => open the menu; 'm-close' => close the menu;*/
.m-open {position:absolute; top:0; /*right:0;*/left:0; background:#fff; display:none;
		 /*width:50px; height:50px;*/
		width:25px; height:25px;
		-webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;
		}
.m-open label {display:block; /*width:50px; height:50px;*/width:25px; height:25px; cursor:pointer; position:relative; }
.m-open label:before {content:""; display:block; /*width:30px; height:15px;*/width:25px; height:12px; border-top:4px solid #000; border-bottom:4px solid #000; position:absolute; /*left:10px; top:12px;*/left:0; top:2px;}
.m-open label:after {content:""; display:block; /*width:30px; height:5px;*/width:25px; height:4px; background:#000; position:absolute; /*left:10px; top:22px;*/left:0; top:10px;}
.menutablet li.m-close {position:relative; background:#fff; color:#000; /*text-indent:80px;*/ text-transform:uppercase;}
.menutablet li.m-close label {display:block; /*width:40px; height:40px;*/width:25px; height:25px; position:absolute; /*left:30px; top:9px;*/right:0; top:0; cursor:pointer; font:bold 18px/25px arial, sans-serif; border-left:1px solid #000; border-right:1px solid #000;}
/*.menutablet li.m-close label:before {content:""; display:block; width:30px; height:14px; border-top:4px solid #000; border-bottom:4px solid #000;}
.menutablet li.m-close label:after {content:""; display:block; width:30px; height:4px; background:#000; position:absolute; left:0; top:9px;}*/

	/*Menu:*/
.menutablet {position:absolute; left:0; top:0; width:100%; z-index:50;
			-webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;
			}
	/*Menu-tabs:*/
.menutablet ul {padding:0; margin:0; list-style:none; position:absolute; left:0; top:0; width:100%;}
.menutablet ul li {display:block; width:100%; float:left; /*height:40px; line-height:40px;*/height:25px; line-height:25px; background:#fff; border-top:1px solid #999; border-bottom:1px solid #222;}
.menutablet ul li:last-child {border-radius:0 0 10px 0;}
.menutablet ul li a {display:block; color:#000; text-decoration:none; /*padding-left:15px;*/ text-transform:uppercase; width:100%; padding:0;}
/*.menutablet ul li a:hover {color:#666;}*/
.menutablet ul li a.navi_suche_sel { width:100%; padding:0; }

.menutablet ul .selected {
	background:silver; 
	}

	/*Submenu-tabs:*/
.menutablet ul ul {left:-9999px; top:-9999px; z-index:100; opacity:0;
				-webkit-transform:scale(2); -moz-transform:scale(2); -o-transform:scale(2); transform:scale(2);
				-webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;
				-webkit-transition: opacity 0.5s, left 0s 0.5s, top 0s 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, left 0s 0.5s, top 0s 0.5s, -moz-transform 0.5s; -o-transition: opacity 0.5s, left 0s 0.5, top 0s 0.5s, -o-transform 0.5s; transition: opacity 0.5s, left 0s 0.5s, top 0s 0.5s, transform 0.5s;
				}
.menutablet div {width:40px; height:40px; position:relative; float:right; border-left:1px solid #666;}
.menutablet div label {display:block; width:20px; height:9px; position:absolute; background:#505050; left:10px; top:12px; cursor:pointer; border-top:3px solid #ddd; border-bottom:3px solid #ddd;}
.menutablet div label:before {display:block; width:20px; height:3px; content:""; background:#ddd; position:absolute; top:3px; left:0;}

.menutablet li.close {position:relative; color:#fff; text-align:center; text-transform:uppercase; z-index:200;}
.menutablet li.close span {padding-right:80px; padding-left:20px;}
.menutablet li.close label.closeSub {display:block; width:40px; height:40px; position:absolute; right:0; top:0; cursor:pointer; background:#444; border-left:1px solid #666;}
.menutablet li.close label.closeSub:before {content:""; display:block; width:20px; height:9px; border-top:3px solid #ddd; border-bottom:3px solid #ddd; position:absolute; left:10px; top:12px;}
.menutablet li.close label.closeSub:after {content:""; display:block; width:20px; height:3px; background:#ddd; position:absolute; left:10px; top:18px;}

.menutablet li.close label.closeMenu {display:block; width:40px; height:40px; position:absolute; left:25px; top:0; cursor:pointer; background:#444;}
.menutablet li.close label.closeMenu:before {content:""; display:block; width:30px; height:14px; border-top:4px solid #696; border-bottom:4px solid #696; position:absolute; left:5px; top:9px;}
.menutablet li.close label.closeMenu:after {content:""; display:block; width:30px; height:4px; background:#696; position:absolute; left:5px; top:18px;}



@media (max-width:749px) {
	.menupc/*, .hkontakt*/ {display:none;}
	.navipage  {width:40%;}
	.m-open {display:block;}

/*	#menu-open:checked ~ .navipage {float:right;width:calc(100% - 200px);}	/* 'left' must be the 'width' of .naviscreen */
	#menu-open:checked ~ .naviscreen {left:0; z-index:9999;}
	#menu-open:checked ~ .navipage .m-open {display:none;}	/* 'right' must be the 'width' of .naviscreen */
/*	#menu-open:checked ~ .navipage .menupc {display:none;}	/* 'left' must be the 'width' of .naviscreen */
	/*#menu-open:checked ~ .navipage .menupc ul {display:none;}*/
	/*#menu-open:checked ~ .navipage .logo {max-width:100%;}*/
	
		/*Submenu-tabs:*/
	#sub1-open:checked ~ .menutablet ul.sub1,
	#sub2-open:checked ~ .menutablet ul.sub2,
	#sub3-open:checked ~ .menutablet ul.sub3,
	#sub4-open:checked ~ .menutablet ul.sub4 {left:0; top:0; opacity:1; /*margin-left:200px;*/
											-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);
											-webkit-transition: opacity 0.5s, left 0s, top 0s, -webkit-transform 0.5s; 
											-moz-transition: opacity 0.5s, left 0s, top 0s, -moz-transform 0.5s; 
											-o-transition: opacity 0.5s, left 0s, top 0s, -o-transform 0.5s; 
											transition: opacity 0.5s, left 0s, top 0s, transform 0.5s;
											}
	}