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

* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

div {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.wrapper1200 {max-width: 1200px;margin: 0 auto;padding: 0 15px;}

.delay1sec {
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;}
.delay2sec {
    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;}
.delay3sec {
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;}
    
    
/*  COOKIE HINWEIS*/
 .iwcc-accept-all {border: 1px solid #567195!important;background: #567195!important;}
 .iwcc-show-details a{color: #567195!important;}
/*  COOKIE HINWEIS*/



body {
	color:#333;
	FONT-SIZE: 16px;
	line-height: 1.5;
	-webkit-text-size-adjust:none;
	font-family: 'Open Sans';
	font-weight: 400;
	word-wrap: break-word;
	height: 100%;
/*	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/

}	
p {margin:10px 0;}
i {margin:0 5px 0 0;min-width:15px;}
sup {margin-left: -5px;}
.hr {height: 2px;border-bottom: 1px solid #ededed;margin: 15px auto;max-width: 1200px;}

.clearboth {clear: both;}

a {
	color: #7CB61C;
	text-decoration: none;
	border:0; 
	-webkit-transition:color 0.1s ease-in;  
	-moz-transition:color 0.1s ease-in;  
	-o-transition:color 0.1s ease-in;  
	transition:color 0.1s ease-in;
}
a:hover {text-decoration: none;color: #555;}

ul {list-style-type: square;list-style-position: outside;padding: 5px 20px;}	
li {padding: 2px 0;line-height: 1.3;}
ol {list-style-position: outside;padding: 5px 20px;}	


h1{font-weight: 300;font-size: 34px; line-height: 1.3;margin-bottom: 0px;max-width: 750px;margin-top: 10px;}
h2{font-size: 24px;line-height: 1.3;margin:10px 0;}


.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}





/*SLIDEOUT MENU*/

.site-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#site-canvas {
	position: relative;
	height: 100%;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;	
}
.show-nav #site-canvas {
	-webkit-transform: translateX(-270px);
	transform: translateX(-270px);
	-webkit-transform: translate3d(-270px, 0, 0);
	transform: translate3d(-270px, 0, 0);
}
/*SLIDEOUT MENU ENDE*/



.yform{padding: 30px 0 50px 0;position: relative;background-color: #ededed;}
#formular{max-width: 1100px;padding: 0 15px;margin: 0 auto;}

/*HEADER*/

header{position: relative;background: url('/media/header.png') #ededed no-repeat center top;
background-size: auto 100%;
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-position-x: 70%;}
.headerinner{position: relative;max-width: 1100px;margin: 0 auto;padding: 0 15px;}


header::after{position: absolute; width: 100%;height: 28px;bottom: 0;
content: '';background: url('/media/shadow-x.png') center bottom no-repeat;
	background-size: 100% 11px;
-webkit-background-size: 100% 11px;
-moz-background-size: 100% 11px;
-o-background-size: 100% 11px;}


#notice{position: absolute;width: 250px;z-index: 999;top: 220px;right: 0px;}
#notice img{width: 100%;}
#notice.sticky{position: fixed;width: 180px;z-index: 999;top: -30px;right: 10%;}

.topnavi{padding: 15px 0 0 0;margin: 0;}
.topnavi li{display: inline-block;margin-right: 10px;}
.topnavi li a{display: block;font-size: 14px;color: #666;font-weight: 400;}
.topnavi li a:hover{color: #7CB61C;}

.logo{text-align: right;padding: 10px 0;}
.logo img{max-width: 250px;}

.testemonial {max-width: 700px;padding: 0 0 30px 0;}
.testemonial p{margin: 0;font-size: 30px;color: #7CB61C;}
.testemonial h1{margin: 0;font-size: 50px;line-height: 1.2;color: #444;}

.mainnavi{max-width: 1100px;margin: 0 auto;padding: 30px 15px;}
.mainnavi li{display: inline-block;margin-right: 20px;}
.mainnavi li a{display: block;font-size: 20px;color: #7CB61C;font-weight: 400;}
.mainnavi li a:hover{color: #555;}
.mainnavi li:last-child a{background-color: #7CB61C;padding: 5px 10px;color: #fff;box-shadow: 1px 1px 3px #444;border-radius: 5px;
}
.mainnavi li:last-child a:hover{background-color: #555;box-shadow: 2px 2px 3px #555;}


/*Blockmodul*/

.BlockModul{background-color: #ededed;position: relative;}
.BlockModulInner{max-width: 1100px;margin: 0 auto;padding: 70px 0;display: flex;}
.BlockModul .Image{width: 33.333%;padding: 22px 15px 15px 15px;font-size: 0;}
.BlockModul .Image img{width: 100%;}
.BlockModul .Text{width: 66.666%;padding: 15px;}
.BlockModul .Text p{line-height: 1.6;}
.BlockModul .Text h2{margin: 0 0 15px 0;padding: 0;font-size: 35px;}
.BlockModul::before{position: absolute; width: 100%;height: 28px;top: 0;
content: '';background: url('/media/shadow-y-dark.png') center top no-repeat;
	background-size: 100% 11px;
-webkit-background-size: 100% 11px;
-moz-background-size: 100% 11px;
-o-background-size: 100% 11px;}

/*Button*/

.Button{background-color: #fff;display: inline-block;border-radius: 20px;padding: 10px 30px;font-size: 16px;border: 1px solid #7CB61C;margin: 10px 0 10px -5px;line-height: 1;}
.Button:hover{background-color: rgba(255, 255, 255, .75);box-shadow: 0px 3px 5px #666;}

/*Farben für die Blocks*/

.BGgreen{background-color: #7CB61C;}
.BGgreen .Text{color: #fff;}
.BGgreen .Text a{color: #fff;}
.BGgreen .Text .Button{color: #555;}

.BGgrey{background-color: #666;}
.BGgrey .Text{color: #fff;}
.BGgrey .Button{border: 1px solid #555;color: #555;}

.BGgreylight{background-color: #ededed;}
.BGgreylight .Text{color: #555;}
.BGgreylight .Button{border: 1px solid #555;color: #555;}

.BGwhite{background-color: #fff;}
.BGwhite .Text{color: #555;}
.BGwhite .Button{border: 1px solid #555;color: #555;background-color: #fff;}






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

#notice{width: 160px;top: 200px;}


}






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

.BlockModulInner{padding: 40px 0;display: block;text-align: center;}
.BlockModul .Image, .BlockModul .Text{width: 100%;}
.BlockModul .Image img{max-width: 400px;}

.mainnavi{padding: 20px 15px;text-align: center;}
.mainnavi li{display: inline-block;margin: 5px;}
.mainnavi li a{font-size: 16px;font-weight: 400;}

.logo{text-align: center;padding: 40px 0 40px 0;}
.logo img{max-width: 200px;}

.testemonial {text-align: center;}
.testemonial p{font-size: 16px;}
.testemonial h1{font-size: 30px;}

header{background-position-x: 200px;}
.topnavi {text-align: center;}
.topnavi li{display: inline-block;margin: 0 5px;text-align: center;}

.BlockModul .Text h2{font-size: 30px;}

ul {list-style-type: none;padding: 10px 0px;}
ol {list-style-type: none;}	

#notice{width: 100px;top: 40px;}
#notice.sticky{width: 140px;top: -20px;right: 0;}

}



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

.mainnavi li{display: block;}
header{background-position-x: 100px;}
.BlockModul .Text h2{font-size: 24px;}
.Button{padding: 10px 20px;font-size: 14px;}

#notice.sticky{width: 100px;}
}























/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('/assets/fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('/assets/fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/assets/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/assets/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/assets/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}