*{
	padding:0;
	margin:0;
	
	font-family: 'PT Sans', sans-serif;
}

.container{
	padding-top:15px;
	padding-bottom:20px;
	
}

.ds > span{
	display: flex;
	justify-content: flex-start;
}

.ds > span label{
	padding-left:10px;
	margin-top:3px;
}

body{
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
	color:#000;
	overflow-x:hidden;
}

p, a, li, span, input, textarea{
	font-size:18px;
	line-height:1.5;
}

h1, .h1{
	font-size:45px !important;
	margin-bottom:20px;
}

h2, .h2{
	font-size:36px !important;
	margin-bottom:20px;
}


#menucontainer{
	
	top:0;
	width:100%;
	padding:10px;
	background-color:#fff;
	
	display:flex;
	justify-content:space-between;
	overflow-y:visible;
	
	position:fixed;
	z-index:20;
}

#menu{
	overflow:visible;
}

#menu ul{
	display:flex;
	justify-content:space-evenly;

}

#menucontainer li{
	list-style-type:none;
	margin-top:30px;
}

#menucontainer li strong.active{
	font-weight:normal;
	color:#0076AA;
}

#menucontainer li a{
	font-weight:normal;
	color:#000;
}

#menucontainer > .container{
	
	display:flex;
	justify-content:space-between;
}



#menu li.submenu > a{
	text-decoration:none;
}

#menu li.submenu:hover > .level_2{
	display:block;
	
}



#menu ul.level_2{
	display: none;
	position: absolute;
	z-index: 1;
	
}

#menu ul.level_2 li:hover{
	background:#0076AA;
}

#menu ul.level_2 li{
	margin-top:5px;
	background:#96c01e;
	padding:10px;
}


#menu ul.level_2 li.active{
	background:#0076AA;
	color:#fff;

}
#menu ul.level_2 li.active strong{
	color:#fff;
	padding:10px;
}

#menu ul.level_2 li a{
	color:#fff;
	padding:10px;
}






#logo{
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	
	height:100px;
	min-width:280px;
}





#footercontainer{
	padding:20px 20px 20px 20px;
	background-color: #0076AA;
	color:#fff;
}

footer .inside{
	width:100%;
}

#footer{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

#footercontainer li{
	list-style-type:none;
}

#footercontainer a{
	color:#fff;
}


#footerUnderline p, #footerUnderline a{
	text-align:center;
	color:#bbb;
	margin-top:15px;
	font-size:14px;
}

.footerTextBlock{
	margin-bottom:15px;
	padding-left:0px !important;
}

.footerTextBlock .left, .kontaktTable .left{
	float:left;
}

.footerTextBlock .right, .kontaktTable .right{
	float:right;
}
















.blauTrapez{
	
	margin-top:150px;
	
	padding-top:35px;
	padding-bottom:100px;
	
	color:#fff;
	overflow:hidden;
	position:relative;
	margin-bottom:50px;
}

.blauTrapez .blueBG{
	width:100%;
	height:130%;
	position:absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0076aa+0,009e92+100 */
	background: #0076aa; /* Old browsers */
	background: -moz-linear-gradient(left, #0076aa 0%, #009e92 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0076aa 0%,#009e92 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0076aa 0%,#009e92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076aa', endColorstr='#009e92',GradientType=1 ); /* IE6-9 */
	transform-origin: bottom right;
}

div.linkbox, div.infobox{
	padding-left:0px;
}


.blueBG{
	transform:translate(0, -130px) skew(0, 5deg);
	bottom:0;
	max-height:600px;
}

.bigHeading{
	padding:15px 30px;
	display:table;
	text-align:center;
	color: #fff;
    font-weight: bold;
    border-right:3px solid #fff;
    width:90%;
}

.blauTrapez p{
	color:#bbb;
}

.headingInfoText{
	padding:15px 15px;
}

.bold{
	font-weight:bold;
}

.blueText p, .blueText{
	padding-top:15px;
	color:#0076aa;
	font-size:20px;
	font-weight:100;
}


.linkText{
	padding-left:0px;
	position:relative;
	padding-bottom:20px;
}

.linkText p a{
	width:0;
	height:0;
	overflow:hidden;
	color:transparent;
	
}

.linkText p{
	padding:15px 80px 0px 15px;
	padding-left:0;
	width:95%;
}

.linkText.green p{
	border-top:3px solid #96c01e;
}

.linkText.green a::after, .linkText.turkey a::after{
	position:absolute;
	border:1px solid grey;
	content:">";
	color:#96c01e;
	font-weight:bold;
	padding:10px 25px 5px 25px;
	font-size:40px;
	right:40px;
	top:20px;
}

.linkText.turkey a::after{
	color:#009e92;
}


.linkText.turkey p{
	border-top:3px solid #009e92;
}



.solarbox a{
	text-decoration: none;
	color: #96c01e;
}

.solarbox a::after{
	content:">";
	color: #96c01e;
	margin-left:30px;
	padding:13px 15px 10px 15px;
	border:1px solid grey;
}


.kontaktBalken{
	background-image:url(../img/blueShimmer.jpg);
	background-size:cover;
	background-position:left center;
	background-repeat:no-repeat;
	
	padding-top:80px;
	padding-bottom:80px;
	
	margin-top:50px;
	margin-bottom:80px;
}


.ansprechenbox{
	color:#fff;
	background-color:rgba(255,255,255, 0.15);
	border-radius:20px;
	border:2px solid #fff;
	padding:0px 5px 5px 5px;
	
	display: flex;
	align-items: center;
	flex-wrap:wrap;
}

.ansprechButton{
	overflow:visible;
	margin-top:10px;
	margin-bottom:15px;
	max-width:90%;
}

.ansprechButton h3 a{
	background: -moz-linear-gradient(top,#dfdd00,#96c11e);
	background: -webkit-linear-gradient(top,#dfdd00,#96c11e);
	background: -o-linear-gradient(top,#dfdd00,#96c11e);
	background: -ms-linear-gradient(top,#dfdd00,#96c11e);
	background: linear-gradient(to bottom,#dfdd00,#96c11e);
	-pie-background: linear-gradient(top,#dfdd00,#96c11e);
	
	border-radius: 12px;
	padding:30px;
}

.ansprechButton h3 a{
	display:block;
	font-weight: bold;
	color:#fff;
}


.ansprechButton h3 a:hover {
    background: -moz-linear-gradient(top,#E3E6E8,#afb6bd);
    background: -webkit-linear-gradient(top,#E3E6E8,#afb6bd);
    background: -o-linear-gradient(top,#E3E6E8,#afb6bd);
    background: -ms-linear-gradient(top,#E3E6E8,#afb6bd);
    background: linear-gradient(to bottom,#E3E6E8,#afb6bd);
    -pie-background: linear-gradient(top,#E3E6E8,#afb6bd);
}



.greenLineTop{
	border-top:3px solid #96c01e;

}

.turkeyLineTop{
	border-top:3px solid #009e92;

}


.infobox ul{
	padding-left:45px;
}

.infobox li{
	list-style-type:none;
}

.infobox li::before{
	content:"\2b24";
	color:#009e92;
	position:absolute;
	margin-left:-20px;
	font-size:9px;
	margin-top:6px;
}

li{
	margin-bottom:5px;
}




#article-39{
	margin-top:-100px;
}

input.formfield, textarea.formfield{
	width:100%;
	margin-bottom:10px;
	border-left:5px solid #96c01e;
	border-right:1px solid #bbb;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	
	padding:10px;
}

textarea.formfield{
	width:calc(100% - 15px);
}


.ce_form .widget, .ce_form label, div.ce_form, #article-39 .ce_headline{
	padding-left:0;
}

.ce_form .widget.formfield{
	min-height:60px;
	line-height:2;
}

button.sender{
	width:calc(100% - 15px);
	padding:13px;
	color:#fff;
	background:#96c01e;
	border:none;
	border-radius:3px;
	font-weight:bold;
	margin-bottom:25px;
}

button.sender:hover{
	background:#0076AA;
}


.widget-captcha{
	margin-bottom:20px;
}

.widget-captcha > label{
	width:100%;
}

.widget-captcha input{
	width:100px;
	margin-right:15px;
}

.widget-captcha .captcha_text{
	width:100%;
}


.kontaktTable{
	font-size:18px;
}

.kontaktTable a{
	color:#96c01e;
}

.kontaktTable td{
	padding-bottom:5px;
}


a.pv span:first-child::after{
	content:"\25BE";
	margin-left:5px;
	
	
}


.dse ul{
	padding-left:25px;
	padding-bottom:20px;
}
.dse ul ul li::before{
	content:"\2b24";
	color:#009e92;
	position:absolute;
	margin-left:-20px;
	font-size:9px;
	margin-top:6px;
}


.redirectbox{
	height:50VH;
}

.redirectbox > .ce_text{
	margin-top:calc(10VH + 100px);
	transform:translate(0, -50%);
	margin-bottom:25%;
}



.slider-control .slider-menu{
	display:none;
}

.refText{
	padding-left:25px;
}

.refbox img{
	width:100%;
	height:auto;
}


.slider-control .slider-prev {
    left: 0;
    position: absolute;
	margin-top: -25%;
	color:transparent;
	transform:translate(0, -50%);
	font-size:0px;
	padding:30px;
	
	background-image:url(../img/arrow-left.png);
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.slider-control .slider-next {
    right: 0;
    position: absolute;
	margin-top: -25%;
	color:transparent;
	transform:translate(0, -50%);
	font-size:0px;
	padding:30px;
	
	background-image:url(../img/arrow-right.png);
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
}


.cookiebar{
	z-index:99999999999999999999999999;
	background-color:rgba(0,0,0,0.7);
	font-size:16px !important;
}

.cookiebar span, .cookiebar a, .cookiebar button{
	font-size:14px !important;
}




@media (max-width:992px){
	
	.bigHeading {
		border:none;
	}
	
	h1{
		font-size:24px !important;
		margin-top:0 !important;
	}
	
	h2{
		font-size:20px !important;
		margin-top:0 !important;
	}
	
	.blauTrapez{
		padding-top:5px !important;
	}
	
	
	
	
	
	#menucontainer{
		padding:0;
	}
	
	#menu ul{
		flex-direction:column;
		position:relative !important;
		display:block !important;
		width:90VW;
	}
	
	#menu ul.level_2{
		display:block;
	}
	
	#menu{
		margin-top:100px;
		transform: translate(-25%,0);
		transition-duration:0.3s;
		transition-timing-function:ease-out;

	}
	
	#menu ul.level_2 li {
		background:none !important;
		color:#000 !important;
	}
	#menu ul.level_2 li a, #menu ul.level_2 li strong{
		color:#000 !important;
	}

	#menu .level_1{
		overflow:hidden;
		height:0;
		transition-duration:0.3s;
		transition-timing-function:ease-out;
		
		
		background-color:#fff;
		box-shadow:-300px 0px 0px #fff;
		display:table;
	}

	#menuTrigger{
		display:table !important;
		padding:30px;
		background-color:#0076AA;
		
		position:absolute;
		top:0;
		right:0;
		margin-top:35px;
		margin-right:30px;
		
		height:60px;
		cursor:pointer;
		
		background-image:url(../img/openM.png);
		background-repeat:no-repeat;
		background-size:90% 90%;
		background-position:center center;
	}
	
	#logo{
		position: absolute;
		left: 25px;
	}
	
	#menucontainer li{
		margin-top:5px;
	}
	
	#menucontainer .level_2 li{
		margin-top:0px;
		padding:0 5px !important;
	}
	
	#menucontainer .level_2 li strong.active{
		color:#0076AA !important;
	}
	
	.greenLineTop{
		border-top:3px solid #96c01e;
		padding-top:25px;
		margin-bottom:30px;
	}
	
	.turkeyLineTop{
		border-top:3px solid #009e92;
		padding-top:25px;
		margin-bottom:30px;
	}
	
	h1{
		font-size:30px !important;	
	}
	
	h2{
		font-size:26px !important;
	}

}


#menuTrigger{
	display:none;
}

@media (max-width:600px){
	
	.solarbox a::after {
		display:none;
	}
	
	.widget-captcha input{
		width:50px !important;
	}
	
	.ansprechButton{
		padding-right:0 !important;
		margin-left:10px;
	}
	
	.ansprechText{
		text-align:center;
	}
	
	#menu{
		padding-left:0;
		margin-top:60px;
	}
	
	#menu ul{
		width:90VW;
	}
	
	#menucontainer{
		height:80px;
	}
	
	#menu ul.level_1{
		
	}
	
	
	#menuTrigger{
		display:table !important;
		padding:20px;
		background-color:#0076AA;
		
		position:absolute;
		top:0;
		right:0;
		margin-top:20px;
		margin-right:20px;
		
		height:40px;
	}
	
	
	#logo{
		background-image:url(../img/favicon.png);
		transform: translate(-50%,0);
		height:50px;
		min-width:50px;
		left:40px;
	}
	
	.blauTrapez{
		margin-top:80px;
		margin-bottom:15px;
	}
	
	textarea.formfield, input.formfield{
		width:calc(100%);
	}
	
	.widget-text{
		padding-right:0 !important;
	}
	
}