/* 
layout 
@EKS

*/


#simple-menu{
position:absolute;
right:20px;
top:30px;
}


/* +++++++++++++++++++++++++++ basic */

.wrapper {
	width: 100%;
	position: absolute;
}

.col,
.cols {
	display: inline-block;
	vertical-align: top;
}


.wrap {
	width: 90%;
	margin: 0 auto;
	
}

.wrap-content {	
	margin-top: 80px;
	margin-top:0;
	min-height:60vh;
}

@media handheld, only screen and (max-width: 880px) {
	.wrap {
		width: 85%;
	}
	.startseite .wrap-content {
		
	}

}
@media handheld, only screen and (max-width: 550px) {
	.wrap {
		width: 100%;
	}
	.wrap-content {
		margin-top: 80px;
	}

	.header .eks-logo {
		margin-left:24px;
	}
	.startseite .wrap-content {
		margin-top: 10px;
	}
}









/* +++++++++++++++++++++++++++ header */
.header {
	padding: 40px 0 0 0;
}

@media handheld, only screen and (max-width: 1441px) {
	.header {
		padding: 20px 0 0 0;
	}
}

.header ul.logo-trigger{}

.header ul.logo-trigger li {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
}


.eks-logo {
	display: block;
	width: 200px;
	height: 60px;
}
@media handheld, only screen and (max-width: 550px) {
	.eks-logo {
		display: block;
		width: 126px;
		height: 30px;
	}
	.header ul.logo-trigger li {
		display: inline-block;
		vertical-align: middle;
		width: 47%;
		margin-bottom:0;
	}
	
	.header {
		position: fixed;
		width: 100%;
		z-index: 9999;
		top: 0;
	}
}




/* +++++++++++++++++++++++++++ desktop meta */

.desktop-meta {
	display: block;
	display: none;
	margin-bottom: 8px;
	padding: 0;
	height:15px;
	min-height:15px;
}
@media handheld, only screen and (max-width: 1441px) {
	.desktop-meta {
		display: none;
	}
}

.desktop-meta .col-1,
.desktop-meta .col-2 {
	width: 49%;
}
.desktop-meta .col-1 li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	min-height:30px;
	
}
 .desktop-meta .col-1 li a{ padding-top:4px !important; min-height:28px  !important;   display:block  !important;}

.desktop-meta .col-1 li:first-child {
	margin-left: 0;
}
.desktop-meta .col-2 {
	text-align: right;
}




/* +++++++++++++++++++++++++++ bildstreifen */

.bildstreifen {
	display: block;
	height: 104px;
	width: 100%;
	position: absolute;
	top: 160px;
	z-index: 100;
}
@media handheld, only screen and (max-width: 1441px) {
	.bildstreifen {
		top: 82px;
	}
}
@media handheld, only screen and (max-width: 550px) {
	.bildstreifen {
		top: 70px;
		height: 100px;
	}
}


/* +++++++++++++++++++++++++++ breadcrump */

.breadcrump {
	margin-bottom: 30px;
	/** padding-top: 20px; **/
}

.breadcrump ul{
	padding-left:0 !important;
}
.breadcrump li {
	padding-left:0 !important;
	display: inline-block;
	margin-right: 10px;
}





/* +++++++++++++++++++++++++++ 2 col grid */

.details .wrap-content {
}

.details .content {
	/** padding: 15px 5% 40px 5%; **/
	padding: 20px 15px 40px 20px;	
	margin-bottom: 40px;
}

.details .content .col-a {
	width: 60%;
	margin-right: 5%;
}
.details .content .col-b {
	width: 32%;
}


.a-22 .content .col-a {
	width: 32%;
	margin-right: 5%;
}
.a-22 .content .col-b {
	width: 60%;
}



@media handheld, only screen and (max-width: 880px) {
	.details .content .col-a,
	.details .content .col-b {
		width: 100%;
		margin-right: 0%;
	}	
	
}











/* +++++++++++++++++++++++++++ desktop footer */
.startseite .desktop-footer {
	margin-top: 0;
}
.desktop-footer {
    display: block;
    padding-top: 30px;
    padding-bottom: 60px;
}
@media handheld, only screen and (max-width: 1441px) {
	.desktop-footer {
    	display: none;
    }
}

.desktop-footer li {
	list-style-type: none;
}
.desktop-footer .col {
	width: 24%;
}
.desktop-footer p {
	margin-top: 40px;
}








/* +++++++++++++++++++++++++++ navigation */

.nav-trigger {
	display: none;
	width: 30px;
	height: 16px;
	float: right;
}
.desktop-nav-level-1 {
	display: inline-block;
	top:52px;
	position:absolute;
	margin-left:200px !important;
	margin:auto;
	width:auto;
} 
.desktop-nav-level-1 li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}


.desktop-nav-level-1 li:hover .subnavContainer {
	display: block;
}


.desktop-nav-level-1 ul li {
	position: relative;
}

.desktop-nav-level-1 ul li:focus-within .subnavContainer {
	display: block;
}

.desktop-nav-level-1 li:first-child {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0px;
}


.desktop-nav-level-1 .subnavContainer {
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 1000;
	margin: 0;
	padding-top: 15px;
}

.desktop-nav-level-1 .nav-2 {
	background-color: #0c224e;
	padding: 20px 20px 20px 20px;
	margin-top: 10px;
	border-radius: 1rem;
	-webkit-box-shadow: 9px 8px 9px -6px rgba(0,0,0,0.29);
	-moz-box-shadow: 9px 8px 9px -6px rgba(0,0,0,0.29);
	box-shadow: 9px 8px 9px -6px rgba(0,0,0,0.29);
}

.desktop-nav-level-1 .nav-2 li {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}

.desktop-nav-level-1 .nav-2 li a {
	white-space: nowrap;
}

@media handheld, only screen and (max-width: 1441px) {
	.nav-trigger {
		display: block;
	}
	.desktop-nav-level-1 {
		display: none;
	}
}


/* +++++++++++++++++++++++++++ sidr */
#sidr {
	width: 600px;
}


/* suche */
.sidr form {
    margin: 0 25px;
}

#sidr .search {
	margin-bottom: 22px;
	padding: 5px;
}

#sidr .search input {
	padding: 17px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 0;
}

.desktop-meta .search input {
	width: 190px;
	color: #2b2a29;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top:1px;
	border-radius: 10px;
}

.sidr .sidr-inner {
	overflow: auto;
	margin: auto;
	width:100%;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#sidr > div {
	padding: 0 10%;
}

#sidr ul.nav-2 {
	display: none;
}

.sidr ul {
	border: none;
}
.sidr ul li {
	border: none;
    display: block;
    margin: 0;
}

.sidr ul.nav-2 {
	margin-bottom: 15px;
}

.sidr ul.nav-2 li a {
	padding-left: 40px !important;
}

.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/*
.sidr ul.nav-2,
.sidr ul.links-nav-2 {
	margin-left: 40px;
}

 */

#sidr .sub {
	padding-top: 25px;
}

#sidr div > ul {
	width: 95%;
	border: none;
}
#sidr 
.sidr ul.links-nav-2 {
	margin-left: 30px;
}    
.sidr ul li:hover > a {
	box-shadow: none;
}
.sidr ul li a {
	padding-top: 6px;
	padding-bottom: 6px;
}


.sidr p {
	margin-left: 12px;
	margin-bottom: 150px;
}




.subnavi-context {
	margin-top: 60px;
}

.details .content .col-a .subnavi-context ul li {
	background-color: #cdcdcd;
	padding: 5px 15px 7px 15px;
	margin-bottom: 10px;
	background-image: none;
	display: inline-block;
}
.details .content .col-a .subnavi-context ul li:hover {
	background-color: #a0a0a0;
	padding: 5px 15px 7px 15px;
	margin-bottom: 10px;
	background-image: none;
	display: inline-block;
}

.subnavi-context li a {
	color: #fff;
	font-size: 15px;
}



@media handheld, only screen and (max-width: 550px) {
	
	#sidr {
		width: 300px;
	}
	
	#sidr > div {
		padding: 20px 2%;
	}
	
	.sidr ul.nav-2,
	.sidr ul.links-nav-2 {
		margin-left: 20px;
	} 

}

.searchwidgetcontainer{
	width:60px;
	height:65px;
	position:fixed;
	z-index:9999;
	top:175px;
	right:2px;
	transition: width 1s;
}
.searchwidgetcontainer:hover{
	width:250px;
}
@media  screen and (max-width: 1441px) {
	.searchwidgetcontainer{display:none;}	
}


.searchwidget{
	width: 100%;
	/**background-color:#283583; */
	background-color:#0c224e;
	padding: 10px 0  8px 10px;
	border-radius: 15px 0 0 15px;
}
.search form {
	align-items: center;
}

.search input{
	color:#0c224e;
	width:190px;
	height: 18px;
	border:solid white 1px;
	border-radius:8px;
	padding:5px;
	display: block;
}





/**** link intern ***/
span.link_intern{
	display:inline-block;
	margin-bottom:1rem;
	background-color:#E270A8;
	color:white;
	padding:10px 10px;	
	border-radius:2rem;
}
span.link_intern a {color:white; 	font-size: 1rem !important;} 
span.link_intern a:hover {color:#283583;}