/* CSS Mini Reset */
/******************/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
.clear { clear:both; }
/* STYLES */
font-family: 'Maven Pro', sans-serif;
/**********/
body{
	-webkit-font-smoothing: antialiased;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-family: 'Chivo', sans-serif;
}
#navicon{
	display:none;
}
em{
	font-style:italic;
}
#popup_box {
font-family: 'Maven Pro', sans-serif;
color: black;
}
#popup_box img{
	max-width: 100%;
	margin-top: 30px;
}
#popup_box .embed-container{
	margin-top: 30px;
    padding-bottom: 20px;
}
/* CONTENT */
/*#page1 .fp-tableCell{
	background-image:url("/img/image001.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}*/
#homevideo {
	position:absolute;
	right:40px;
	bottom:40px;
}
/*#homevideo {
	z-index:1;
	width:70vh;
	height:70vh;
	marign-left:15vh;
	margin-top:15vh;
}*/

.section{
	position:relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.acc_wrapper, .open_ajax{
	position:relative;
	float:left;
	margin-top:10px;
	width:100%;
	z-index:100;
}
.acc_wrapper:first-of-type{
	margin-top:320px;
}
.acc_wrapper h2, a.open_ajax{
	width:375px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:50px;
	min-height:45px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	font-size:21px;
	font-family: 'Chivo', sans-serif;
	display: block;
	clear: left;
}
a.open_ajax{
	background:#5F783C url(../img/arrow_right.png) center right -15px no-repeat;
	text-decoration:none;
}
.acc_wrapper .trigger{
	background:url(../img/arrow_down.png) center right -15px no-repeat;
}
.acc_wrapper .trigger_active{
	background:url(../img/arrow_up.png) center right -15px no-repeat;
}
.acc_wrapper p{
	width:375px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px 20px 20px 50px;
	color:#FFF;
	font-family: 'Chivo', sans-serif;
	font-size:13px;
}
.acc_wrapper a:link, .acc_wrapper a:hover{
	color:#FFF;
	text-decoration:none;
}
.acc_wrapper a:hover{
	text-decoration:underline;
}
.link_r{
	margin-left:385px;
	margin-top:-100px;
	width:290px !important;
	padding-left:20px !important;
}
.link_r2{
	margin-top:-45px;
}
.text_wrapper{
	font-family: 'Chivo', sans-serif;
	font-size:20px;
	line-height:25px;
	width:830px;
	margin-left:40px;
	padding-left:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align:bottom;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-top:50px;
	padding-bottom:15px;
	z-index:50;
	color: #fff;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.text_wrapper.black{
	 color:#000;
}
.text_wrapper a:link, .text_wrapper a:visited{
	text-decoration:none;
	color:#fff;
}
.text_wrapper a:hover{
	text-decoration:underline;
}
.toggle_container{
	margin-bottom:20px;
}

#header{
	position:absolute;
	top:330px;
	left:0px;
	padding-left:40px;
	background:#FFF;
	color:#000;
	font-family: 'Chivo', sans-serif;
	font-size:26px;
	height:46px;
	padding-top:8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-right:20px;
	letter-spacing:1px;
}
#header a:link, #header a:visited{
	color:#000;
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}
#autoimpuls{
	position:absolute;
	left:35px;
	bottom:20px;
	display: none;
}
#gewmess, #info{
	font-family: 'Maven Pro', sans-serif;
	color: #FFF;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	position:absolute;
	right: calc(50% - 295px);
	top: 48%;
	width: 590px;
	font-size: 30px;
	text-align: center;
}
#gewmess img {
	width:215px;
	margin-top:10px;
}
/* COLOURS */
#page2 .acc_wrapper h2, #page2 .acc_wrapper p{
	background-color:#5f783c;
}
#page3 .acc_wrapper h2, #page3 .acc_wrapper p{
	background-color:#672030;
}

.toggle_container a {
    color: #fff;
    text-decoration: underline !important;
}

#page4 .acc_wrapper h2, #page4 .acc_wrapper p{
	background-color:#a2ae00;
}
#page3 .text_wrapper, #page4 .text_wrapper{
	border-left:1px solid #3d3d3d;
}


/* NAV */
#logo{
	position:fixed;
	top:20px;
	left:40px;
	z-index::100;
}
#nav_text{
	z-index:100;
	position:fixed;
	top:80px;
	left:0px;
	display:inline-block;
}
#nav_text li{
	width:200px;
	padding-left:40px;
	list-style:none;
}
#nav_text a{
	font-family: 'Maven Pro', sans-serif;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-size:25px;
}
#nav_text .active{
	background:url(../img/linie_nav.png) left 0px top 8px no-repeat;
}
#nav_text.nav_black a{
	color:#000;
}
#nav_text:not(.nav_black) .active{
	filter: invert(100%);
	-webkit-filter: invert(100%);
}
#nav_text:not(.nav_black) .active a{
	color:#000;
}

/* FORM */
/*//////////////////////////////////////////////////////////Formular*/
/*div#formular_content {
	width:646px;
	padding-top:19px;
	padding-left:69px;
	padding-right:69px;
	padding-bottom:20px;
}
.label {
	width:442px;
	display:block;
	float:left;
	margin-bottom:5px;
}
.formfeld {
	width:194px;
	border:1px solid #000;
	margin-bottom:5px;
}
.formfeld_big {
	width:194px;
	border:1px solid #000;
	margin-bottom:5px;
	border:1px solid #000;
}
.label {
	padding-left:6px;
}
.button {
	position:relative;
	margin-bottom:7px;
	border:1px solid #066a8d;
	background-color:#CCC;
	cursor:pointer;
}*/
#forminhalt{
	font-family: 'Chivo', sans-serif;
	color:#000;
}
#form_title{
	font-family: 'Chivo', sans-serif;
	font-size:26px;
	color:#000;
}
label {
	width:100px;
	clear:left;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:21px;
	margin-bottom:5px;
}
legend  {
	color:#6ac568; /* swsg grün */
	font-weight:bold;
}
.input_wrong {
	border:1px solid #F00;
	background-color:#FCC;
	font-size:11px;
	width:180px;
	padding-left:5px;
	margin-bottom:5px;
	text-align:left;
}
.formfeld {
	border:1px solid #d9d9d9;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	width:210px;
	height:20px;
	color:#000000;
	padding-left:3px;
	background-color:#FFFFFF;
	margin-bottom:5px;
	text-align:left;
	float:left;
}
.formfeld_s {
	border:1px solid #d9d9d9;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	width:102px;
	height:20px;
	color:#000000;
	padding-left:3px;
	background-color:#FFFFFF;
	margin-bottom:5px;
	margin-right:6px;
	text-align:left;
	float:left;
}
.txtarea {
	border:1px solid #d9d9d9;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	width:310px;
	height:55px;
	color:#000000;
	padding-left:3px;
	background-color:#FFFFFF;
	margin-bottom:5px;
	margin-right:5px;
	text-align:left;
	float:left;
}

.sendbtn {
	clear:left;
	border:1px solid #000;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	width:58px;
	height:20px;
	line-height:14px;
	margin-top:27px;
	margin-left:256px;
	cursor:pointer;
	background-color:#FFF;
	color:#000000;
	padding-bottom:4px;
}
#input_wrongdiv {
	display:none;
	color:#F00;
	font-size: 11px;
}
#after_send{
	display:none;
}
#service, .form_text{
	width:100%;
	max-width:321px;
}
.fp-tableCell{
	z-index:20;
	position:relative;
}
#link_wrapper{
	position:absolute;
	top:420px;
	left:0px;
	width:100%;
}

/* FIXLINK */
#fixlink{
	position:absolute;
	left:39px;
	top:435px;
	z-index:0;
}
#fixlink a:link, #fixlink a:visited{
	font-family: 'Chivo', sans-serif;
	text-transform:uppercase;
	font-size:19px;
	/*color:#5F783C;*/
	color:#000;
	text-decoration:none;
	background:url(../img/fixlink.png) bottom left no-repeat;
	padding:0px 12px 6px 12px;
	margin-right:10px;
}
#fixlink a:hover{
	background:url(../img/fixlink_hov.png) bottom right no-repeat;
}
/*#page5 .text_wrapper {
	width:100%;
}
.vidleft {
	clear:left;
	float:left;
	margin-right: 20px;
margin-bottom: 20px;
}
.vidright {
	float:left;
	margin-bottom: 20px;
}*/

.text_wrapper{
	border-left:1px solid #FFF;
}
#page7 .text_wrapper{
	border-left:1px solid #000;
}
#page7 .text_wrapper, #page7 .text_wrapper a{
	color:#000;
}

#corona_title {
	font-weight: bold;
}

#corona, .fancybox-inner {
    width: 100% !important;
    font-size: 14pt;
}
.fancybox-wrap, .fancybox-desktop, .fancybox-type-inline, .fancybox-opened {
	width: 52% !important;
}

@media screen and (max-width: 1000px){
	.fancybox-wrap, .fancybox-desktop, .fancybox-type-inline, .fancybox-opened {
		width: 80% !important;
}
}



.embed-container{
	position: relative;
	padding-bottom:16.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.popup_txt{
	font-size: 40px;
	margin-top: 11%;
}

#overlay {
	display: none;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0.5);
	 z-index: 99999;
}

#overlay-content {
	font-family: 'Chivo', sans-serif;
	background-color: white;
	color: #000;
	font-size: 20px;
	width: 80vw;
	height: 70vh;
	overflow-y: auto;
	padding:20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 999999;
}
#overlay-content h2{
	font-size: 28px;
	margin-top: 50px;
	margin-bottom: 10px;
}

#datenschutz-btn{
	position: absolute;
	right: 20px;
	bottom: 15px;
	z-index: 999;
	color: #fff;
	font-family: 'Chivo', sans-serif;
	cursor: pointer;
}
/* COOKIES */
#cookie_wrapper{
	position:fixed;
	left:0px;
	bottom:0px;
	color:#fff;
	background:#354231;
	text-align:center;
	padding:10px 24px;
	font-size:14px;
	width:100%;
	z-index:9999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept{
	position:absolute;
	display:block;
	right:70px;
	top:13px;
	cursor:pointer;
}
#buttondatenschutz{
	cursor: pointer;
	text-decoration: underline;
}
