html, body {
	font-family: 'Open Sans', sans-serif;
}


/* ----- Containers ----- */
.container, .container-mini { display: block; margin: auto; }

.container-mini { text-align: center; }
.container-mini .rs-column {
	display: inline-block;
	float: none;
	border-right: 2px solid #d9d9d9;
	padding: 15px;
}
/*.green.container-mini .rs-column{ border: none; }*/
.container-mini .rs-column:last-of-type { border-right: none; }

#container { clear: both; } /* content container */



/* ----- Main Header ----- */
#header nav { padding-top:12px; }
#header nav ul { list-style-type: none; margin: 0; padding: 0; }
#header nav li a {
	text-decoration: none;
	font-size: 16px;
	color: #000;
}
#header .submenu.trail,
#header nav li.active,
#header nav li:hover > a {
	color: #009933 !important;
}




/* nav, level 2 */
#header nav .level_2-wrapper {
	background-color: #009933;
}
#header nav ul.level_2 > li > a { color: #fff; }


/* nav-right: not visible for mobile (elements are included in main nav) */
.nav-right { display: none; }



.headershape {
	position: absolute;
	z-index: -1;
	display: none; /* temporary */
}  
.logo > img { padding-top: 10px; max-width: 300px; }


/* ---- Templates ---- */
.text_slider_oben_Bild_Textbox > figure > img{
	width:100%;
	height:auto;
} 
.slider_oben_textbox_helper{
	position:relative;
}
.slider_oben_textbox{ 
    background-color: #fff;
    opacity: 0.9;
    position: absolute; 
    padding: 50px 40px 10px 40px;  
    margin-top: -50%;
    text-align: center;
    width: 50%;
    right: 0;
}
/* backend classes 
* green-cipping *  *  *  *
*/
.bggreen{
    color: #fff;
	background-color:#009933
} 
.bggreen a{
    color: #fff; 
} 
.bggreen a:hover{
    color: #fff; 
} 

.clipping-top{
    -webkit-clip-path: polygon(100% 100%, 150% 100%, 50% 0%, -50% 100%);
    clip-path: polygon(100% 100%, 150% 100%, 50% 0%, -50% 100%);
    padding-top: 150px; 
} 
.clipping-bottom{
    -webkit-clip-path: polygon(100% 50%, 100% 0%, -50% 0%, 50% 99%); 
    clip-path: polygon(100% 50%, 100% 0%, -50% 0%, 50% 99%);
    padding-bottom: 120px;
    padding-top: 70px; 
} 

/* ----- Footer ----- */
#footer { background-color:#009933; text-align: center; }
#footer .inside { padding: 20px 0 5px 0; }
#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer ul > li > a,
#footer ul > li.active {
	color:#fff;
}
#footer ul > li:hover > a { color: #e7edc4; } /* temporary */

#footer .footer-middle li { font-size: 16px; }
#footer .footer-right {	display: none !important; } /* !important temporary */
#footer .copyright {
	clear: both;
	text-align: center;
	padding-top: 2em;
	font-size: 12px; 
	text-indent: -9999px; /* text-indent temporary */
}


.ce_divider hr { margin: 2em 0; height: 0; border-top: 1px solid #d9d9d9; }


.slider_testersatz{
    background-color: #009933;
} 
.slider_testersatz > img{
	width:100%;
	height:auto;
	-webkit-clip-path: polygon(100% 66%, 100% 0%, -100% 0%, 50% 100%);
	clip-path: polygon(100% 66%, 100% 0%, -100% 0%, 50% 100%);
}



a { color: #000; text-decoration: none; }
a:hover { color: #009933; }
h1, h2, h3, h4, h5 { margin-top: 0; }




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container { width: 750px; }
	.container-mini { width: 735px; }
	
	.logo, .nav-main { float: left; }
	
	/* links displayed in own menu (header-right) */
	#header .nav-main nav ul.level_1 > li.privacy,
	#header .nav-main nav ul.level_1 > li.imprint,
	#header .nav-main nav ul.level_1 > li.search {
		display: none;
	}
	
	/* nav, level 1 */
	#header nav ul.level_1 > li {
	   float: left;
	   padding: 20px 15px;
	}
	#header nav ul.level_1 > li > a {
		font-weight: bold;
	}
	#header nav ul.level_1 > li:hover {
		cursor: pointer;
	}
	
	
	/* nav, level 2 */
	#header nav .level_2-wrapper {
		position: absolute;
		width: 100%;
		left: 0;
		margin-top: 20px;
		height: 75px;
		opacity: 0;
		transition: opacity 0.3s linear;
	}
	#header nav ul.level_1 > li:hover > .level_2-wrapper { opacity: 1; z-index: 99; }
	#header nav ul.level_1 > li.submenu.trail > .level_2-wrapper { opacity: 1; z-index: 98; }
	#header nav ul.level_2 { margin: 7px auto; }
	#header nav ul.level_2 li {
		float: left;
		width: 20%;
		padding: 5px 0;
	}
	#header nav ul.level_2 > li:hover > a, 
	#header nav ul.level_2 > li.active { color: #e7edc4 !important; } /* temporary */
	
	
	/* Footer */
	#footer .inside { padding-top: 45px; }	
	#footer .footer-left { float: left; text-align: left; }
	#footer .footer-left img { max-width: 300px; } /* temporary */
	
	#footer .footer-middle { line-height: 2em; }
	#footer .footer-middle ul > li:nth-child(1),
	#footer .footer-middle ul > li:nth-child(2) { margin-right: 75%; }
	#footer .footer-middle ul > li:nth-child(3) { margin: -64px 50% 0 25%; }
	#footer .footer-middle ul > li:nth-child(4) { margin: 0 50% 0 25%; }
	#footer .footer-middle ul > li:nth-child(5) { margin: -64px 25% 0 50%; }
	#footer .footer-middle ul > li:nth-child(6) { margin: 0 25% 0 50%; }
	#footer .footer-middle ul > li:nth-child(7) { margin: -64px 0 0 75%; }
	#footer .footer-middle ul > li:nth-child(8) { margin-left: 75%; }

	#footer .footer-right {
		float: right;
		display: block;
		font-size: 12px;
		margin-top: -15px;
		line-height: 2em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container { width: 970px; }
	.container-mini { width: 750px; }	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.nav-right { float: right;  display: block;}
	
	.container { width: 1170px; }
	.container-mini { width: 970px; }
}

@media (min-width: 1500px) {
	.nav-main { margin-left: 7%; }
}