@font-face {
	font-family: SourceSansPro;
	src: url('source-sans-pro/SourceSansPro-Regular.otf');
}

@font-face {
	font-family: SourceSansPro;
	src: url('source-sans-pro/SourceSansPro-Bold.otf');
	font-weight: bold;
}
@font-face {
	font-family: SourceSansPro;
	src: url('source-sans-pro/SourceSansPro-It.otf');
	font-style: italic;
}
@font-face {
	font-family: SourceSansPro;
	src: url('source-sans-pro/SourceSansPro-BoldIt.otf');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: SourceSansPro;
	src: url('source-sans-pro/SourceSansPro-Light.otf');
	font-weight: 300;
}
@font-face {
	font-family: SourceSansPro;
	src: url('source-sans-pro/SourceSansPro-LightIt.otf');
	font-style: italic;
	font-weight: 300;
}

*{
	padding:0;
	margin:0;
}

html{
    overflow: hidden;    
}

html,body {
    height:100%; /* braucht es für die min-height des Containers */
	
}

body
{
	position:relative;
	width:100%;
	height:100%;
	color:black;
	font-family: 'SourceSansPro', sans-serif;
	font-size:18px;
	overflow-x:hidden;
	background-color: white;
	font-weight:300;
	background-color:#e9e9e9;
}

.ce-bodytext{
	font-size:18px;
	text-align: justify;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

.animation_div_item .ce-bodytext
{
	text-align:center;
}

input, select
{
	color:#6d6e70;
}

a
{
	text-decoration:none;
	color:inherit;
}

div:before { 
  display: block; 
  content: " "; 
  margin-top: -255px; 
  height: 255px; 
  visibility: hidden; 
}
b
{
	font-weight:bold;
}

img
{
	width:100%;
	margin-bottom:10px;
}

p
{
	margin:0px;
}

#navbar
{
	font-size:0;
}

.ce-bodytext ul, .ce-bodytext ol
{
	padding-left:15px;
}

.ce-bodytext ul li {
	color:#44ac34 ;
	list-style-type:square;
}

.ce-bodytext ul li .li_content {
	color:black;
}


.menu_container
{
	width:100%; 
	position:fixed; 
	-webkit-box-shadow: 0px 7px 5px 0px rgba(43,47,49,0.69);
	-moz-box-shadow: 0px 7px 5px 0px rgba(43,47,49,0.69);
	box-shadow: 0px 7px 5px 0px rgba(43,47,49,0.69);
	background-color:white;
	padding:0px;
	z-index:10;
	
}

/*schwarzes Menü*/
	.menu_container_top
	{
		background-color:#2b2f31;
		width:100%;
		margin:0px;
		float:left;
		text-align:center;
	}
	
	.menu_container_top_div
	{
		padding:0px;
		z-index:1000;
	}

	.menu_top
	{
		background-color:#2b2f31;
	}

	.header_nav
	{
		max-width:1100px; 
		display:inline-block; 
		width:100%;
	}

	.header_nav li
	{
		 list-style-type: disc;
		 display:list-item;
		 margin-right:50px;
		 float:right;
		 margin-top:5px;
	}
	
	.header_nav li.language_flags
	{
		list-style-type:none;
		margin-right:10px;
	}

	.header_nav li
	{
		color: #44ac34 ;
		font-size:14px;
	}

	.header_nav li a
	{
		color: white;
		padding-left:0px;
		box-sizing:border-box;
		text-transform: uppercase;
		text-decoration:none;
		font-size:14px;
	}

	.header_nav li a:hover
	{
		background-color:transparent;
		opacity:0.5;
		box-sizing:border-box;
	}
	
	.menu_container_top_div .nav > li > a
	{
		padding:0px;
	}
	
/*schwarzes Menü*/


/*weisses Menü*/
	.menu_container_second
	{
		background-color:white; 
		width:100%; 

		margin:0px;
		max-width:1100px;
		box-sizing:border-box;
	}
	
	.menu_second_logo_div
	{
		height:150px; 
		float:left;
		padding:0px;
		box-sizing:border-box;
	}
	
	.menu_second_logo_div img
	{
		width:100%;
		max-width:315px;
		margin-top:15px; 
		box-sizing:border-box;
		padding:10px;
		box-sizing:border-box;
	}
	
	.logo
	{
		width:100%;
		max-width:300px;
		margin-top:25px; 
		box-sizing:border-box;
		padding:10px;
		box-sizing:border-box;
	}
	
	.menu_second
	{
		padding:0px;
		box-sizing:border-box;
	}
	
	.header_nav_big_container
	{
		width:100%;
		box-sizing:border-box;
		padding:0px;
	}

	.header_nav_big
	{
		height:150px;
		display:inline-block; 
		height:auto; 
		float:left;
		width:100%;
		box-sizing:border-box;
	}

	.header_nav_big li
	{
		height:150px;
		width:146px;
		text-align:center;
		cursor:pointer;
		box-sizing:border-box;
	}
	
	.header_nav_big li.current_page_item
	{
		color: #44ac34 ;
		
	}
	
	.header_nav_big li.current_page_item a
	{
		color: #44ac34 ;
	}


	.header_nav_big li a
	{
		color: #2b2f31;
		height:150px;
		border-radius:0;
		padding-top:110px;
		text-align:center;
		text-transform: uppercase;
		font-size:16px;
	}

	.header_nav_big li a:hover
	{
		color: #44ac34 ;
		
	}
	
	.nav > li > a:hover, .nav > li > a:focus
	{
		background-color:transparent;
	}

	
	ul.nav li.dropdown:hover ul.dropdown-menu
	{
		display:block;
		margin-top:0px;
	}
	
	.header_nav_big li ul
	{
		border-radius:0px;
		background-color:#2b2f31;
		color:white;
		text-align:left;
		margin:0px;
		padding:0px;
		box-shadow:none;
		font-size:12px;
		width:160px;
	}
	
	
	.header_nav_big li ul li, .header_nav_big li.current_page_item ul li
	{
		height:auto;
		padding:0px;
		width:100%;
		text-align:left;
		background-color:#2b2f31;
	}
	
	.header_nav_big li ul li a, .header_nav_big li.current_page_item ul li a
	{
		height:auto;
		padding:10px;
		color:white;
		width:100%;
		text-align:left;
		font-size:13px;
		text-transform: none;
	}
	
	.header_nav_big li ul li a:hover
	{
		background-color:#80ce51;
	}
	
	.header_nav_big li ul li a:focus, .header_nav_big li ul li a:hover
	{
		background-color:#80ce51;
	}
	
	.header_nav_big .open > a, .header_nav_big .open > a:focus, .header_nav_big .open > a:hover
	{
		background-color:#80ce51;
	}

	.header_nav_big li ul
	{
		/*opacity:0;
		visibility:hidden;*/
	}
	
	.header_nav_big li.current_page_item > ul, .header_nav_big li.current-menu-item > ul 
	{
		/*display:none;
		opacity:1;
		visibility:visible;*/
	}
	
	a.anchor {
		display: block;
		position: relative;
		top: -250px;
		visibility: hidden;
	}
	
	.header_nav_big_container .nav > li > a
	{
		padding-left:10px;
		padding-right:10px;
	}
	
	.header_nav_big_container	.nav-pills > li + li
	{
		margin:0px;
	}
/*weisses Menü*/

.content_container_div
{
	padding-top:10px;
	padding-bottom:10px;
}


.content_div_item, .slider_item, .kachel_div_item, .animation_div_item, .content_div_footer, .kachel_div_item_schmal
{
	margin:auto;
	padding:15px;
	text-align:left;
	box-sizing:border-box;
	padding-top:30px;
	
}

.content_div_footer
{
	
}

.kachel_div_item, .animation_div_item, .kachel_div_item_schmal
{
	padding:0px;
	width:100%;
	display:inline-block;
	float:left;
}

.kachel_div_item img, .kachel_div_item_schmal img
{
	margin:0px;
}

.animation_div_item
{
	background-color:black;
	color:#44ac34 ;
	display:inline-block;
	
}

.animation_div_top, .animation_div_bottom
{
	width:32%;
	float:left;
	background-color:black;
	text-align:center;
	padding:30px;
	box-sizing:border-box;
}

.animation_trenner
{
	width:2%; 
	float:left;
	padding-top:30px;
	padding-bottom:30px;
	box-sizing:border-box;
}

.animation_trenner_top
{
	height:200px;
}

.animation_trenner_bottom
{
	height:100px;
	text-align:center;
}

.animation_div_top
{
	height:200px;
	font-size:36px;
	font-weight:bold;
}

.animation_div_top .ce-bodytext
{
	font-size:36px;
}

.animation_div_top_big
{
	font-size:150px;
	line-height:150px;
}

.animation_div_top_big .ce-bodytext
{
 font-size:150px;
}

.animation_zahl .ce-bodytext
{
	font-size:100px;
	line-height:150px;
}


/* .animation_3 */
/* { */
	/* -webkit-transform: rotateY(130deg); /* Safari */ */
    /* transform: rotateY(130deg); */
	/* transition: transform 1s; */
/* } */

/* .animation_3 { */
 
	/* animation: animation_3-rotate 10s both infinite; */
/* } */

/* @keyframes animation_3-rotate { */
  /* 0% { */
    /* transform: rotateY(0); */
  /* } */

  /* 50% { */
    /* transform: rotateY(180deg); */
  /* } */

  /* 100% { */
    /* transform: rotateY(360deg); */
  /* } */
/* } */

.animation_div_bottom
{
	height:120px;
	font-size:30px;
}

.animation_div_bottom .ce-bodytext
{
	font-size:30px;
	line-height:30px;
}

.kachel{
	width:25%;
	float:left;
}

.content_div_item, .content_div_footer
{
	max-width:1100px;
}

/*.kachel_div_item, .animation_div_item
{
	max-width:1100px; 
	float:none;
}*/

.kachel_div_item_schmal
{
	max-width:1100px; 
	float:none;
}

.content_div_footer img 
{
	max-width:90%;
}

.slider_item
{
	width:100%;
	height:500px;
	box-sizing:border-box;
	margin:auto;
	padding:0px;
	float:left;
	background-color:black;
}

.slider_item div
{
	/* height:100%; */
	height:500px;
}

.slider_image
{
	background: no-repeat center center ; 

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	position:absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	
}


.slider_item div.slider_image_text
{
	padding: 30px;
	border: 2px solid white;
	margin: auto;
	display: inline-block;
	height: auto;
	background-color: rgba(0,0,0,0.2);
	color: white;
	font-size: 35px;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
	margin-top:150px;
	max-width:100%;
}

.karusell_image
{
	width:25%;
	float:left;
	padding:15px;
	box-sizing:border-box;
	text-align:center;
}

.karusell_image img
{
	height:50px;
	width:auto;
	max-width:100%;
}

.spalte_50
{
	width:50%;
	float:left;
	padding:15px;
	box-sizing:border-box;
}

.spalte_45, .spalte_30, .spalte_60, .spalte_50_x
{
	width:45%;
	float:left;
	padding:15px;
	box-sizing:border-box;
}

.spalte_30
{
	width:30%;
}

.spalte_60
{
	width:60%;
}

.spalte_50_x
{
	width:50%;
	padding:0px;
}

.spalte_10
{
	width:10%;
	float:left;
	padding:15px;
	box-sizing:border-box;
}

header
{
	text-align:center;
	margin-bottom:30px;
}


h2
{
	font-weight:bold;
}

h1, .h1, h2, .h2, h3, .h3
{
	margin-top:10px;
	margin-bottom:10px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

a:hover, a:focus
{
	color:inherit;	
}

.tel_phone_mobile_1
{
	display:none;
	position:absolute; 
	top:90px; 
	left:400px;
	z-index:100;
	font-size:23px;
}

.tel_phone
{
	position:absolute; 
	top:40px; 
	left:35px;
	z-index:100;
	font-size:23px;
}

.tel_phone_mobile_2
{
	display:none;
	float:left;
	z-index:100;
}

/* .header_nav li .tel_menu a  */
/* { */
	/* color:#44ac34 ; */
	/* font-weight:bold; */
/* } */

.header_nav li .mail_menu a 
{
	text-transform:none;
}

/* .mail_menu */
/* { */
	/* font-weight:bold; */
/* } */

.animate_switch span:nth-child(2) { 
    -webkit-animation-delay: 5s; 
    -ms-animation-delay: 5s; 
    animation-delay: 5s; 
}

.animate_switch
{
	position:relative;
}

.animate_switch span {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    -webkit-animation: animateWord 10s linear infinite 0s;
    -ms-animation: animateWord 10s linear infinite 0s;
    animation: animateWord 10s linear infinite 0s;
    -o-animation: animateWord 10s linear infinite 0s;
	left:0;
	right:0;
	margin:auto;
}

@-webkit-keyframes animateWord {
    0% { opacity: 0; }
    50% { opacity: 1;}
    100% { opacity: 0; }
}

@keyframes animateWord {
    0% { opacity: 0; }
    50% { opacity: 1;}
    100% { opacity: 0; }
}

.desktop
{
	
}

.mobile
{
	display:none;
}

@media (max-width: 1200px) {
	.tel_phone_mobile_1
	{
		display:block;
	}
	
	.tel_phone
	{
		display:none;
	}
}

@media (max-width: 1200px) {
	
	/*schwarzes Menü*/
		.header_nav li, .header_nav li.language_flags
		{
			/* width:100%; */
			margin:5px;
			list-style:none;
		}
		
		.header_nav li.language_flags
		{
			margin-bottom:2px;
		}
		
		.header_nav li a
		{
			width:100%; 
			padding-right:0px;
		}
	/*schwarzes Menü*/
	
	/*weisses Menü*/
		
		
		.header_nav_big_container
		{
			box-sizing:border-box;
		}
		
		.menu_container_second
		{
			margin-right:0px;
			width:100%;
		}
		
		.mobile_menu_second
		{
			width:20%;
			float:left;
		}
		
		.menu_second
		{
			width:100%;
			float:left;
		}
		
		.menu_second_logo_div
		{
			width:80%;

		}
		
		.header_nav_big
		{
			width:100%;
		}
		
		.header_nav_big li
		{
			width:100%;
			margin:0px;
			list-style:none;
		}
		
		.header_nav_big li a
		{
			width:100%;
			padding-right:0px;
			padding:5px;
			text-align:center;
			
			
		}
		
		.header_nav_big li, .header_nav_big li a
		{
			height:auto;
			
		}
		
		.header_nav_big li.current_page_item > ul, .header_nav_big li.current-menu-item > ul 
		{
			display:block;
			opacity:1;
			visibility:visible;
			border-left:none;
			border-right:none;
		}
		
		.header_nav_big li.current_page_item > ul, .header_nav_big li.current-menu-item > ul 
		{
			position:relative;
			width:100%;
			background-color:white; 
			color:#2b2f31;
			text-align:center;
		}
		
		.header_nav_big li > ul, .header_nav_big li > ul 
		{
			display:block;
			opacity:1;
			visibility:visible;
			border-left:none;
			border-right:none;
		}
		
		.header_nav_big li > ul, .header_nav_big li > ul 
		{
			position:relative;
			width:100%;
			background-color:white; 
			color:#2b2f31;
			text-align:center;
		}
		
		.header_nav_big li.current_page_item > ul a, .header_nav_big li.current-menu-item > ul a
		{
			color:#2b2f31;
			text-align:center;
		}
		
		.header_nav_big li ul li, .header_nav_big li.current_page_item ul li
		{
			text-align:center;
			background-color:white;
		}
		
		.header_nav_big li ul li a, .header_nav_big li.current_page_item ul li a
		{
			color:#2b2f31;
			text-align:center;
		}
		
		.header_nav_big li > ul a, .header_nav_big li > ul a, .header_nav_big li ul li a
		{
			color:#2b2f31;
			text-align:center;
		}
	/*weisses Menü*/
	
	/*Menü collapse früher*/
		.navbar-header {
			float: none;
		}
		.navbar-left,.navbar-right {
			float: none !important;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.collapse.in{
			display:block !important;
		}
	/*Menü collapse früher*/
}

/*KONTAKT*/
	
	.powermail_fieldset
	{
		width:50%;
		float:left;
	}
	.tx-powermail h3, .tx-powermail label, .powermail_all_label, .powermail_legend
	{
		display:none;
	}
	
	.tx-powermail h1
	{
		font-size:16px;
	}
	
	.powermail_form > .powermail_fieldset:nth-of-type(2n)
	{
		padding-left:10px;
	}
	
	.powermail_form > .powermail_fieldset:nth-of-type(2n+1)
	{
		padding-right:10px;
	}
	
	.table-striped > tbody > tr:nth-of-type(2n)
	{
		background-color:white;
	}

	.table-striped > tbody > tr:nth-of-type(2n+1)
	{
		background-color:#e9e9e9;
	}
	
	.powermail_input, .powermail_textarea  
	{
		width:100%;
		padding:5px;
		background-color:#e9e9e9;
		margin-bottom:10px;
		border:none;
	}
	
	.powermail_textarea  
	{
		height:173px;
	}
	
	.powermail_submit
	{
		width:100%; 
		max-width:200px;
		background-color:#44ac34 ;
		border:none;
		color:white;
		cursor:pointer;
		padding:5px;
		font-weight:bold;
		margin-bottom:10px;
		height:35px;
	}
	
	.powermail_submit:hover
	{
		opacity:0.7;
	}
	
	.parsley-required, .parsley-custom-error-message
	{
		list-style:none;
		margin-bottom:10px;
		color:#f1471d;
	}
	
	.parsley-errors-list
	{
		margin:0px;
	}
	
	.btn-primary, .btn-danger
	{
		background-color:#44ac34 ;
		border-radius:0px;
		border:none;
		color:white;
	}
	
	.btn-primary:hover, .btn-danger:hover
	{
		background-color:#44ac34 ;
		opacity:0.7;
	}
	
	.container-fluid
	{
		padding:0px;
	}
	
	/*KONTAKT*/

	.routeLink a
	{
		color:#44ac34 ;
		padding-right:5px;
	}
	
	div[class*=' backgroundimage'],div[class^='backgroundimage']
	{
		display:inline-block;
		width:100%;
	}
	
	/* .backgroundimage-c87 */
	/* { */
		/* display:inline-block; */
		/* width:100%; */
		/* background-size:cover; */
		/* background-position:center center; */
	/* } */
	
@media (max-width: 900px) 
{
	

	.animation_div_item
	{
		 display:none; 
	}
}

@media (max-width: 800px) {
	
	.slider_item div.slider_image_text
	{

		font-size: 26px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top:180px;
	}
	
	.tel_phone_mobile_1
	{
		left:350px;
	}
	
	
	
	
}


@media (max-width: 500px) {
	
	h1, .h1
	{
		font-size:20px;
	}
	
	h2, .h2{
		font-size:18px;
	}
	
	h3, .h3{
		font-size:16px;
	}
	
	.ce-bodytext
	{
		font-size:14px;
	}
	
	.menu_second_logo_div
	{
		height:60px;
		
	}
	
	.menu_second_logo_div img
	{
		height:55px;
		width:auto;
		margin-top:5px;
	}

	.powermail_fieldset
	{
		width:100%;
	}
	
	.powermail_form > .powermail_fieldset:nth-of-type(2n)
	{
		padding-left:0px;
	}
	
	.powermail_form > .powermail_fieldset:nth-of-type(2n+1)
	{
		padding-right:0px;
	}
	
	.spalte_50
	{
		width:100%;

	}
	
	.slider_item div.slider_image_text
	{

		font-size: 18px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top:190px;
	}

	
}


@media (max-width: 600px) {
	
	.tel_phone, .tel_phone_mobile_1
	{
		display:none;
	}
	
	.tel_phone_mobile_2
	{
		display:block;
	}
	
	.karusell_image
	{
		width:50%;
	}
	
	.spalte_45, .spalte_50_x
	{
		width:100%;
	}
	
	.spalte_30
	{
		width:100%;
	}
	
	.spalte_60
	{
		width:100%;
	}

	.spalte_adresse
	{
		width:70%;
	}
	
	.spalte_logos
	{
		width:30%;
	}

	.desktop
	{
		display:none;
	}

	.mobile
	{
		display:block;
	}
}

.pointer
{
	cursor:pointer;
	
}

.pointer:hover
{
	opacity:0.5;
}

.align-center
{
	text-align:center;
}

.align-right
{
	text-align:right;
}
/* specific page styles for extension "tx_backgroundimage4ce" */
.backgroundimage-c87 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media all {
	.backgroundimage-c87 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}
@media all and (min-width: 768px) {
	.backgroundimage-c87 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}
@media all and (min-width: 992px) {
	.backgroundimage-c87 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}
@media all and (min-width: 1200px) {
	.backgroundimage-c87 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}

.backgroundimage-c304 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media all {
	.backgroundimage-c304 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}
@media all and (min-width: 768px) {
	.backgroundimage-c304 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}
@media all and (min-width: 992px) {
	.backgroundimage-c304 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}
@media all and (min-width: 1200px) {
	.backgroundimage-c304 {
		background-image: url("../images/map_2.png");
		min-height: 123px;
	}
}


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}