@charset "utf-8";
/* CSS Document */


/*endkunde*/

#endkunde .topmenu li.active a:before {
    border-bottom: 10px solid #1c697f;
}
#endkunde .greytopbar .topmenu li.active a:before {
    border-bottom: 10px solid #dadada;
}
#endkunde .topbar .inner {
    padding: 0 25px 0 20px;
}

#endkunde .maininner {
    padding: 20px 0 0 20px;
}

#endkunde .topbar {
	background: #fff;
	height:120px;
}
#endkunde .dl-trigger {
	display:none;
}
#endkunde .main {
	margin-left:0;
	margin-bottom: 110px;
}
#endkunde .logo {
	float:left;
	background:none;
	padding:22px 60px 0 0;
	margin:0;
	width:auto;
}
#endkunde .logo img {
	height: 80px;
	width:auto;
}
#endkunde .logo:before {
	display:none;
}
#endkunde .providedby {
    background-size: auto 20px;
	height:48px;
	background-origin: content-box;
	padding:14px 0 0 20px;
}
#endkunde .providedby2 {
    background-size: auto 20px;
	height:48px;
	background-origin: content-box;
	padding:14px 0 0 20px;
}
#endkunde .providedby3 {
    background-size: auto 20px;
	height:48px;
	background-origin: content-box;
	padding:14px 0 0 20px;
}
#endkunde .topbar .active a, #endkunde .topbar a:hover {
    color: #1c697f;
}
#endkunde .topbar a {
	color:#7595a3;
}

#endkunde .topmenu li a {
	height:120px;
	padding: 4.4em 0 0 0;
}
#endkunde .mainfooter {
	position:absolute;
	bottom:0;
	height:90px;
	left:0;
}
#endkunde .mainfooter>div {
	float:right;
}
#endkunde .footermenu {
	list-style:none;
	padding-bottom:10px;
	float:left;
}
#endkunde .footermenu li {
	float:left;
}
#endkunde .footermenu li a {
	padding:0 0 0 1em;
	border-left:1px solid #e1e1e1;
	margin-left:1em;
	color:#7c8385;
}
#endkunde .footermenu li:first-child a {
	padding:0 0 0 0;
	border-left:0px solid #e1e1e1;
	margin-left:0em;
}

@media only screen and (max-width : 1023px) {
	#endkunde .logo {
    	float: left;
    	width: auto;
    	padding:22px 60px 0 20px;
	}
	
	#endkunde .dl-menu {
		list-style:none;
		padding:1em 0;
	    top: 163px;
	}
	#endkunde .dl-trigger {
		display:none;
	}
	#endkunde .dl-menu>li {
		padding:0.3em 0px;
		position:relative;
		font-size:1.13em;
	}
	#endkunde .dl-menu>.active {
		padding:0.3em 0px ;
		position:relative;
		font-size:1.13em;
		font-weight:normal;
	}
	#endkunde .dl-menu>.active a {
		font-weight:normal;
	}
	#endkunde .dl-menu>li li {
		font-size:0.8em;
	}
	
	#endkunde .dl-menu li>a {
		padding:6px 25px 10px;
		display:inline-block;
		width:100%;
	}
	
	#endkunde .dl-menu li>a:before {
		margin:0 0 0 -25px;
		width:25px;
		display:inline-block;
		font-size:0.8em;
	}
	#endkunde .dl-menu ul {
		list-style:none;
	}
	
	#endkunde .dl-submenu {
		display:none;
	}
	#endkunde .active>.dl-submenu {
		display:block;
	}
	#endkunde .dl-menu li.bezeichner {
		font-size:0.68em;
		text-transform:uppercase;
		padding:28px 25px 11px;
	}



	#endkunde .topbar .inner {
		padding:0;
	}
	#endkunde .dl-menuwrapper:first-child {
		margin-right: 0px;
	}
	#endkunde .topmenu li a {
		height:auto;
	}
	#endkunde .topbar a {
		color: #7595a3;
	}
	#endkunde .dl-menu .active>a, #endkunde .dl-menu .active:before, #endkunde .dl-menu a:hover, #endkunde .dl-menu li:hover:before {
    color: #fff;
	}
	
	#endkunde .topmenu li.active a:before {
		display:none;
	}
	#endkunde .topmenu li {
		float:none;
	}
	#endkunde .topbar .topmenu {
		display:block;
			
	}
	#endkunde .dl-trigger {
		display: inline-block;
		float: right;
		margin: 16px;
	}
	#endkunde .topbar{
		width:100%;
		top:0;
		left:0;
		bottom:auto;
		position:relative;
		z-index: 200;
	}
	#endkunde .active .dl-submenu {
		display:inline-block;
	}
	#endkunde .active .dl-submenu {
		display:none;
	}
	#endkunde .dl-trigger {
		display:inline-block;
		float: right;
		margin: 120px 0 16px 16px;
	}
	#endkunde .dl-menuwrapper button {
		border: none;
		width: 48px;
		height: 48px;
		text-indent: -900em;
		overflow: hidden;
		position: absolute;
		cursor: pointer;
		outline: none;
		right:0;
	}
	#endkunde .dl-menuwrapper button:hover, #endkunde .dl-menuwrapper>ul {
   		background: #003e50;
	}
	#endkunde .dl-menu>li li {
		padding:0.3em 0px;
		font-size:1em;
	}
	#endkunde .dl-menuwrapper button:after {
    	width: 70%;
		top: 12px;
	}
	
	#endkunde .dl-menu li li>a {
   		padding: 6px 17px 10px;
	}
	
	.dl-back {
		margin:0 -25px;
	}
	
	#endkunde .dl-menu>li li.dl-back {
	
		font-size: 0.68em;
    	text-transform: uppercase;
    	padding: 28px 25px 11px;
	}
	#endkunde .dl-menu li.parent:before {
    	content: "\e622";
	}
	
	
	
}


@media only screen and (max-width : 730px) {

	#endkunde .mainfooter>div {
		clear:left;float:left;
	}


}

@media only screen and (max-width : 500px) {
	
	#endkunde .main {
		margin-left:0;
		margin-bottom: 260px;
	}
	#endkunde .mainfooter {
		height:200px;
		
	}
	#endkunde .footermenu {
		float:none;
		width:100%;
		padding-bottom:2em;
		
	}
	#endkunde .footermenu li {
		float:none;	
	}
	#endkunde .footermenu li a {
		padding:0.7em 0;
		border-left:0px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;
		margin-left:0em;
		color:#7c8385;
		display:inline-block;
		width:100%;
	}
	#endkunde .footermenu li:first-child a {
		padding:0 0 0.7em 0;
		border-left:0px solid #666;
		margin-left:0em;
	}

}



@media only screen and (max-width : 300px) {
	#endkunde .logo  {
		width:100%;
		text-align:center;
	}
	#endkunde .logo img {
		height:80px;
		width:auto;
		margin:10px auto 0;
	}
}