/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/opensans/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans/open-sans-v27-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('../fonts/opensans/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/opensans/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/opensans/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans/open-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans/open-sans-v27-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/opensans/open-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/opensans/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans/open-sans-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans/open-sans-v27-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v21-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v21-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v21-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat/montserrat-v21-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v21-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat/montserrat-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v21-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat/montserrat-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat/montserrat-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat/montserrat-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat/montserrat-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat/montserrat-v21-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}



/* cookie hinweis :: start */

	.cc_container .cc_btn {
	background-color: #323232 !important; /* Farbe des Buttons */
	color: #ffffff !important; /* Textfarbe des Buttons */
	}
	
	.cc_container {
	background: #ebebeb !important; /* Hintergrundfarbe des gesamten Bereichs */
	color: #323232 !important; /* Schriftfarbe des gesamten Bereichs */
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	}
	
	.cc_container a {
	color: #323232 !important; /* Textlink-Farbe "Mehr Infos" */
	font-size: 1em !important;
	}
	
	.cc_container .cc_btn_decline {
	background-color: #323232 !important; /* Farbe des Buttons */
	color: #ffffff !important; /* Textfarbe des Buttons */
	}
	
	.hinweistext{
				   color:#646464;
	}
	
	.hinweistext2{
				   color:#dd0000;
	}
                
/* cookie hinweis :: ende */

body {			
	position:absolute; 
	top:0; 
	left:0; 
	margin:0px;
	padding:0px;
	width: 100%; 
	height:100%;
	color:#969696;
	background-color:#ffffff; 
	transition: all 0.4s ease-in-out;
}

	/* body nach links fahren, wenn einklinker aufgeklappt wird */
	.body_einklinker_active {			
		position:absolute; 
		top:0; 
		left:0; 
		margin:0px;
		padding:0px;
		width: 100%; 
		height:100%;
		color:#969696;
		background-color:#ffffff; 
		transition: all 0.4s ease-in-out;
		left:-400px;
	}


html {                  
   height:100%;
   margin-bottom:1px;
   overflow-y:scroll;
   overflow-x:hidden;
}

/* fix für iphone scrolling im iframe :: start */

	.scroll-wrapper{
		position: fixed; 
		right: 0; 
		bottom: 0; 
		left: 0;
		top: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}    
/* fix für iphone scrolling im iframe :: ende */



.scrollicon{
	text-align: center;
	text-decoration:none;
	width:40px;
	height:40px;
	
	position:fixed;
	bottom:20px;
	right:70px;
	display:none;
	border:0px solid #333;
	z-index:1001;
	text-decoration:none;
	background-image: url(../images/scrollicon.png);
	background-repeat: no-repeat;
	opacity:0.4;
}


.scrollicon div{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#ffffff;
	padding-top:18px;
}

.scrollicon:hover {
	opacity:1;
}


a {           font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0; }
a:link {      text-decoration: none; color: #323232; }
a:active {    text-decoration: underline; color: #323232; }
a:visited {   text-decoration: none; color: #323232; }
a:hover { 
	text-decoration: underline;
	color: #323232;
	-moz-transition: all 0.4s ease-out;  /* FF4+ */
	-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.4s ease-out;  /* IE10? */
	transition: all 0.4s ease-out;
}

a[href^="tel"] {
  text-decoration: none;
  cursor: default;
  color: #404040;
}

/* begin content-links fuer funktionen */

	a.f_link_www:link, a.f_link_www:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:9px 20px 9px 35px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_arrow_link.png);
		background-position:top 15px left 12px;
		background-repeat:no-repeat;
		clear:both;
		
		background-color:transparent;
		border:1px solid #323232;
		
		text-transform:uppercase;
	}

	a.f_link_www:hover, a.f_link_www:active {
		font-size:16px;
		line-height:24px;
		color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:9px 20px 9px 35px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_arrow_link_weiss.png);
		background-position:top 15px left 12px;
		background-repeat:no-repeat;
		clear:both;
		
		background-color:#323232;
		border:1px solid #323232;
		
		animation: pulse_icon_link_www 0.7s 1;
		
		text-transform:uppercase;
	}
	
		@keyframes pulse_icon_link_www {
			0% {
				background-position:top 15px left 12px;
			}

			50% {
				background-position:top 15px left 15px;
			}

			100% {
				background-position:top 15px left 12px;
			}
		}
	
	
	a.f_link_file:link, a.f_link_file:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:9px 20px 9px 35px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_download.png);
		background-position:top 10px left 10px;
		background-repeat:no-repeat;
		clear:both;
		
		background-color:transparent;
		border:1px solid #323232;
		
		text-transform:uppercase;
	}

	a.f_link_file:hover, a.f_link_file:active {
		font-size:16px;
		line-height:24px;
		color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:9px 20px 9px 35px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_download_weiss.png);
		background-position:top 10px left 10px;
		background-repeat:no-repeat;
		clear:both;
		
		background-color:#323232;
		border:1px solid #323232;
		
		animation: pulse_icon_link_file 0.7s 1;
		
		text-transform:uppercase;
	}


		@keyframes pulse_icon_link_file {
			0% {
				background-position:top 10px left 10px;
			}

			50% {
				background-position:top 15px left 10px;
			}

			100% {
				background-position:top 10px left 10px;
			}
		}
	
	
	a.f_link_pdf:link, a.f_link_pdf:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:0 0 0 29px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_pdf.png);
		background-position:top 2px left;
		background-repeat:no-repeat;
		clear:both;
		
		text-transform:uppercase;
	}

	a.f_link_pdf:hover, a.f_link_pdf:active {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:0 0 0 29px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_pdf.png);
		background-position:top 2px left;
		background-repeat:no-repeat;
		clear:both;
		animation: pulse_arrow_link_pdf 0.7s 1;
		
		text-transform:uppercase;
	}


		@keyframes pulse_arrow_link_pdf {
			0% {
				background-position:top 2px left;
			}

			50% {
				background-position:top 5px left;
			}

			100% {
				background-position:top 2px left;
			}
		}
	
	
	a.f_link_vid:link, a.f_link_vid:visited {
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:9px 20px 9px 35px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_youtube.png);
		background-position:top 14px left 10px;
		background-repeat:no-repeat;
		clear:both;
		
		background-color:transparent;
		border:1px solid #323232;
		
		text-transform:uppercase;
	}

	a.f_link_vid:hover, a.f_link_vid:active {
		font-size:16px;
		line-height:24px;
		color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		margin:5px 0 5px 0;
		padding:9px 20px 9px 35px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_youtube_weiss.png);
		background-position:top 14px left 10px;
		background-repeat:no-repeat;
		clear:both;
		
		background-color:#323232;
		border:1px solid #323232;
		
		animation: pulse_arrow_link_video 0.7s 1;
		
		text-transform:uppercase;
	}
	
		@keyframes pulse_arrow_link_video {
			0% {
				background-position:left 10px top 14px;
			}

			50% {
				background-position:left 15px top 14px;
			}

			100% {
				background-position:left 10px top 14px;
			}
		}

/* end content-links */


a.c_link:link, a.c_link:visited {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
}

a.c_link:hover, a.c_link:active {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:underline;
}

	.like_c_link{
		font-size:16px;
		line-height:24px;
		color: #323232;
		font-weight: normal;
		text-decoration:none;
		cursor:pointer;
		float:left;
		display:inline;
		position:relative;
		margin:0 0 0 0;
		padding:0 0 0 15px;
		background-image:url(../images/ui_icon_plus.png);
		background-repeat:no-repeat;
		background-position:center left;
	}
	
		.like_c_link:hover{
			text-decoration:underline;
		}
		
	.like_c_link_del {
		font-size:14px;
		line-height:24px;
		color: #d10019;
		font-weight: normal;
		text-decoration:none;
		float:left;
		display:inline;
		position:relative;
		margin:10px 0 40px 0;
		padding:0 0 0 30px;
		background-image:url(../images/ui_icon_delete.png);
		background-repeat:no-repeat;
		background-position:left center;
		clear:both;
		cursor:pointer;
	}

		.like_c_link_del:hover {
			font-size:14px;
			line-height:24px;
			color: #202020;
			font-weight: normal;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			margin:10px 0 40px 0;
			padding:0 0 0 30px;
			background-image:url(../images/ui_icon_delete.png);
			background-repeat:no-repeat;
			background-position:left center;
			clear:both;
			cursor:pointer;
		}


a.c_link_more:link, a.c_link_more:visited {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0;
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: 400;
	text-decoration:none;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	float:left;
	display:inline;
	position:relative;
	clear:both;
	background-image:url(../images/ui_icon_arrow_link.png);
	background-position:center left 0px;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

a.c_link_more:hover, a.c_link_more:active {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0;
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: 400;
	text-decoration:underline;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	float:left;
	display:inline;
	position:relative;
	clear:both;
	background-image:url(../images/ui_icon_arrow_link.png);
	background-position:center left 0px;
	background-repeat:no-repeat;
	animation: pulse_arrow_link_more 0.7s 1;
	text-transform:uppercase;
}


	@keyframes pulse_arrow_link_more {
		0% {
			background-position:center left 0px;
		}

		50% {
			background-position:center left 5px;
		}

		100% {
			background-position:center left 0px;
		}
	}

a.c_link_back:link, a.c_link_back:visited {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0;
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_arrow_link_back.png);
	background-position:center left 0px;
	background-repeat:no-repeat;
	clear:both;
	text-transform:uppercase;
}

a.c_link_back:hover, a.c_link_back:active {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; outline:0;
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: 400;
	text-decoration:underline;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	float:right;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_arrow_link_back.png);
	background-position:center left 0px;
	background-repeat:no-repeat;
	clear:both;
	animation: pulse_arrow_link_back 0.7s 1;
	text-transform:uppercase;
}

	@keyframes pulse_arrow_link_back {
		0% {
			background-position:center left 0px;
		}

		50% {
			background-position:center left 5px;
		}

		100% {
			background-position:center left 0px;
		}
	}

a.link_facebook:link, a.link_facebook:visited {
	float:left;
	display:inline;
	position:relative;
	width:11px;
	height:20px;
	text-decoration:none;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	background-image:url(../images/ui_icon_facebook_01.png);
	background-position:center left;
	background-repeat:no-repeat;
}

a.link_facebook:hover, a.link_facebook:active {
	float:left;
	display:inline;
	position:relative;
	width:11px;
	height:20px;
	text-decoration:none;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	background-image:url(../images/ui_icon_facebook_02.png);
	background-position:center left;
	background-repeat:no-repeat;
}

a.link_instagram:link, a.link_instagram:visited {
	float:left;
	display:inline;
	position:relative;
	width:21px;
	height:20px;
	text-decoration:none;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	background-image:url(../images/ui_icon_instagram_01.png);
	background-position:center left;
	background-repeat:no-repeat;
}

a.link_instagram:hover, a.link_instagram:active {
	float:left;
	display:inline;
	position:relative;
	width:21px;
	height:20px;
	text-decoration:none;
	margin:0 20px 0 0;
	padding:0 0 0 0;
	background-image:url(../images/ui_icon_instagram_02.png);
	background-position:center left;
	background-repeat:no-repeat;
}




a.link_tel_all:link, a.link_tel_all:visited, a.link_tel_all:hover, a.link_tel_all:active {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #686d6f;
	font-weight: normal;
	text-decoration:none;
}


a.link_tel_top:link, a.link_tel_top:visited, a.link_tel_top:hover, a.link_tel_top:active {
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

a.link_tel_footer:link, a.link_tel_footer:visited, a.link_tel_footer:hover, a.link_tel_footer:active {
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

a.link_mail_top:link, a.link_mail_top:visited {
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

a.link_mail_top:hover, a.link_mail_top:active {
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:underline;
}



a.nav_top_menu:link, a.nav_top_menu:visited {
	float:left;
	display:inline;
	position:relative;
	width:30px;
	height:24px;
	/*
	background-image:url(../images/ui_icon_nav_01.png);
	background-position:center top;
	background-repeat:no-repeat;
	*/
	margin:-4px 0 0 0;
	padding:0 0 66px 40px;
}

a.nav_top_menu:hover, a.nav_top_menu:active {
	float:left;
	display:inline;
	position:relative;
	width:30px;
	height:24px;
	/*
	background-image:url(../images/ui_icon_nav_02.png);
	background-position:center top;
	background-repeat:no-repeat;
	*/
	margin:-4px 0 0 0;
	padding-bottom:0 0 66px 40px;
}


	.bg_navi_dropdown{
		float:right;
		display:inline;
		position:relative;
		background-color:#f0f0f0;
		color:#ffffff;
	}

a.nav_top_01:link, a.nav_top_01:visited {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #686d6f;
	font-weight: 400;
	margin:0 0 0 30px;
	padding:8px 0 40px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
	border-top:2px solid transparent;
}

a.nav_top_01:hover, a.nav_top_01:active {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #686d6f;
	font-weight: 400;
	margin:0 0 0 30px;
	padding:8px 0 40px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
	border-top:2px solid #686d6f;
}


	
a.nav_top_01_active:link, a.nav_top_01_active:visited, a.nav_top_01_active:hover, a.nav_top_01_active:active {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #686d6f;
	font-weight: 400;
	margin:0 0 0 30px;
	padding:8px 0 40px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
	border-top:2px solid #686d6f;
}

	a.nav_top_01_drop:link, a.nav_top_01_drop:visited, a.nav_top_01_drop:hover, a.nav_top_01_drop:active {
		background-image:url(../images/ui_icon_nav_drop.png);
		background-position:right 12px;
		background-repeat:no-repeat;
		padding-right:15px;
	}

		a.nav_top_01_sub:link, a.nav_top_01_sub:visited {
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:16px;
			color: #686d6f;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 15px 15px 15px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:240px;
			border-bottom:1px solid #686d6f;
			background-color:#f5f5f5;
			z-index:1001;
			text-align:right;
			-moz-transition: all 0.4s ease-out;  /* FF4+ */
			-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.4s ease-out;  /* IE10? */
			transition: all 0.4s ease-out;
			text-transform:uppercase;
		}


		a.nav_top_01_sub:hover, a.nav_top_01_sub:active {
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:16px;
			color: #ffffff;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 25px 15px 5px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:240px;
			border-bottom:1px solid #686d6f;
			background-color:#686d6f;
			z-index:1001;
			text-align:right;
			-moz-transition: all 0.4s ease-out;  /* FF4+ */
			-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.4s ease-out;  /* IE10? */
			transition: all 0.4s ease-out;
			text-transform:uppercase;
		}
			

		a.nav_top_01_sub_active:link, a.nav_top_01_sub_active:visited, a.nav_top_01_sub_active:hover, a.nav_top_01_sub_active:active {
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:18px;
			line-height:18px;
			color: #ffffff;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 25px 15px 5px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:240px;
			border-bottom:1px solid #323232;
			background-color:#323232;
			z-index:1001;
			text-align:right;
			-moz-transition: all 0.4s ease-out;  /* FF4+ */
			-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.4s ease-out;  /* IE10? */
			transition: all 0.4s ease-out;
			text-transform:uppercase;
		}
		
		
		a.nav_top_01_sub_lan:link, a.nav_top_01_sub_lan:visited, a.nav_top_01_sub_lan:hover, a.nav_top_01_sub_lan:active {
			width:45px;
		}


a.nav_top_01_scroll:link, a.nav_top_01_scroll:visited {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #686d6f;
	font-weight: normal;
	margin:0 0 0 30px;
	padding:8px 0 30px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
	border-top:2px solid transparent;
}

a.nav_top_01_scroll:hover, a.nav_top_01_scroll:active {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #686d6f;
	font-weight: normal;
	margin:0 0 0 30px;
	padding:8px 0 30px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
	border-top:2px solid #686d6f;
}


	
a.nav_top_01_scroll_active:link, a.nav_top_01_scroll_active:visited, a.nav_top_01_scroll_active:hover, a.nav_top_01_scroll_active:active {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #686d6f;
	font-weight: normal;
	margin:0 0 0 30px;
	padding:8px 0 30px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
	border-top:2px solid #686d6f;
}

	a.nav_top_01_scroll_drop:link, a.nav_top_01_scroll_drop:visited, a.nav_top_01_scroll_drop:hover, a.nav_top_01_scroll_drop:active {
		background-image:url(../images/ui_icon_nav_drop.png);
		background-position:right 12px;
		background-repeat:no-repeat;
		padding-right:15px;
	}	


a.nav_bottom_01:link, a.nav_bottom_01:visited {
	float:left;
	display:inline;
	position:relative;
	margin:0 0 0 30px;
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

a.nav_bottom_01:hover, a.nav_bottom_01:active {
	float:left;
	display:inline;
	position:relative;
	margin:0 0 0 30px;
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:underline;
}

a.linkbox_transparent_header:link, a.linkbox_transparent_header:visited {
	float:left;
	display:inline;
	position:relative;
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	background-color:transparent;
	border:1px solid #ffffff;
	margin:0 0 0 0;
	padding:9px 20px 9px 20px;
	text-transform:uppercase;
}

a.linkbox_transparent_header:hover, a.linkbox_transparent_header:active {
	float:left;
	display:inline;
	position:relative;
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #ffffff;
	margin:0 0 0 0;
	padding:9px 20px 9px 20px;
	text-transform:uppercase;
}

a.linkbox_transparent:link, a.linkbox_transparent:visited {
	float:left;
	display:inline;
	position:relative;
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	background-color:transparent;
	border:1px solid #323232;
	margin:20px 0 0 0;
	padding:9px 20px 9px 20px;
	text-transform:uppercase;
}

a.linkbox_transparent:hover, a.linkbox_transparent:active {
	float:left;
	display:inline;
	position:relative;
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	background-color:#323232;
	border:1px solid #323232;
	margin:20px 0 0 0;
	padding:9px 20px 9px 20px;
	text-transform:uppercase;
}

a.linkbox_transparent_pfeil:link, a.linkbox_transparent_pfeil:visited {
	font-size:16px;
	line-height:24px;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	margin:5px 0 5px 0;
	padding:9px 20px 9px 35px;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_arrow_link.png);
	background-position:top 15px left 12px;
	background-repeat:no-repeat;
	clear:both;
	
	background-color:transparent;
	border:1px solid #323232;
	
	text-transform:uppercase;
}

a.linkbox_transparent_pfeil:hover, a.linkbox_transparent_pfeil:active {
	font-size:16px;
	line-height:24px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	margin:5px 0 5px 0;
	padding:9px 20px 9px 35px;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_arrow_link_weiss.png);
	background-position:top 15px left 12px;
	background-repeat:no-repeat;
	clear:both;
	
	background-color:#323232;
	border:1px solid #323232;
	
	animation: pulse_icon_linkbox_transparent_pfeil 0.7s 1;
	
	text-transform:uppercase;
}

	@keyframes pulse_icon_linkbox_transparent_pfeil {
		0% {
			background-position:top 15px left 12px;
		}

		50% {
			background-position:top 15px left 15px;
		}

		100% {
			background-position:top 15px left 12px;
		}
	}


	a.linkbox_clear:link, a.linkbox_clear:visited, a.linkbox_clear:hover, a.linkbox_clear:active {
		clear:both;
	}


@keyframes pulse_arrow_linkboxen {
	0% {
		background-position:center left 20px;
	}

	50% {
		background-position:center left 25px;
	}

	100% {
		background-position:center left 20px;
	}
}
	
	


a.c_link_gr:link, a.c_link_gr:visited {
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #323232;
	font-weight:400;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
}

a.c_link_gr:hover, a.c_link_gr:active {
	font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color: #323232;
	font-weight:400;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
	text-transform:uppercase;
}


/* dropdown navi :: start */

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:1001;
	font-style:normal;
}


.nav li{
	margin:0 0 0 0;
}

.nav ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999px;
  right:12px;
  z-index: 1001;
}

.nav li:hover ul{
  top: 65px;  
  padding:0 0 0 0; 
  z-index: 1001; 
  right:0px;
  margin:0 0 0 0;
  /* background-color:#f0f0f0; */
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

/* dropdown navi :: ende */


/* dropdown scroll-navi :: start */

.nav_scroll, .nav_scroll ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:1001;
	font-style:normal;
}

.nav_scroll li{
	margin:0 0 0 0;
}

.nav_scroll ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999px;
  right: 12px;
  z-index: 1001;
}

.nav_scroll li:hover ul{
  top: 56px;  
  padding:0 0 0 0; 
  z-index: 1000; 
  right:12px;
  margin:0 0 0 0;
  /* background-color:#f0f0f0; */
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}


/* dropdown scroll-navi :: ende */


/* dropdown burger-menu :: start */

.nav_menu, .nav_menu ul { 
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0;
	z-index:1001;
	font-style:normal;
}


.nav_menu li{
	margin:0 0 0 0;
}

.nav_menu ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999px;
  right:0px;
  z-index: 1001;
}

.nav_menu li:hover ul{
  top: 65px;  
  padding:0 0 0 0; 
  z-index: 1001; 
  right:0;
  margin:0 0 0 0;
  /* background-color:#f0f0f0; */
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

/* dropdown burger-menu :: ende */

/* dropdown burger-menu scroll :: start */

.nav_menu_scroll, .nav_menu_scroll ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:1001;
	font-style:normal;
}


.nav_menu_scroll li{
	margin:0 0 0 0;
}

.nav_menu_scroll ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999px;
  right:0px;
  z-index: 1001;
}

.nav_menu_scroll li:hover ul{
  top: 56px;  
  padding:0 0 0 0; 
  z-index: 1001; 
  right:0;
  margin:0 0 0 0;
  /* background-color:#f0f0f0; */
  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

/* dropdown burger-menu scroll :: ende */


/* markieren hauptnavi-punkt bei mouseover im dropdown :: start */
	
	.nav:hover a.nav_top_01{
		border-top:2px solid #686d6f;
	}
	
	.nav_scroll:hover a.nav_top_01_scroll{
		border-top:2px solid #686d6f;
	}
	
/* markieren hauptnavi-punkt bei mouseover im dropdown :: ende */


h1{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:40px; line-height:49px; color: #323232; font-weight:300; margin:0 0 10px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }

h2{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #323232; font-weight:300; margin:0 0 0 0; padding:15px 0 0 0; word-wrap: break-word; }
h2.h2_marker{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #323232; font-weight:300; margin:0 0 5px 0; padding:15px 0 0 0; word-wrap: break-word; background-image:url(../images/ui_marker_headline_grau.png); background-repeat:no-repeat; background-position:left top; }
h2.h2_h1{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:40px; line-height:49px; color: #323232; font-weight:300; margin:0 0 20px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }

.div_like_h2_h1 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:40px; line-height:49px; color: #323232; font-weight:300; margin:0 0 20px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }
.div_like_h2_h1 p {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:40px; line-height:49px; color: #323232; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }
.div_like_h2_h1 a {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:40px; line-height:49px; color: #323232; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }

h2.h2_slider{ float:left; display:inline; position:relative; clear:both; font-family:  'Montserrat', Arial, Helvetica, sans-serif; font-size:50px; line-height:60px; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }
h2.h2_slider_marker{ float:left; display:inline; position:relative; clear:both; font-family:  'Montserrat', Arial, Helvetica, sans-serif; font-size:50px; line-height:60px; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:9px 0 0 0; word-wrap: break-word; text-transform:uppercase; background-image:url(../images/ui_marker_headline_weiss.png); background-repeat:no-repeat; background-position:left top; }


h3{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color: #323232; font-weight:400; margin:0 0 8px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }
h3.h3_accordeon{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; color: #323232; font-weight:400; margin:0 0 8px 0; padding: 15px 0 10px 53px; word-wrap: break-word; text-transform:uppercase; }

h3.h3_slider{ float:left; display:inline; position:relative; clear:both; font-family:  'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color: #ffffff; font-weight:300; margin:0 0 0 0; padding:15px 0 0 0; word-wrap: break-word; background-image:url(../images/ui_marker_headline_weiss.png); background-repeat:no-repeat; background-position:left top; }


h4{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #323232; font-weight:400; margin:0 0 25px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }
h4.h4_galery{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #323232; font-weight:400; margin:0 0 35px 0; padding:0 0 0 0; word-wrap: break-word; text-transform:uppercase; }
h4.h4_footer{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color: #ffffff; text-transform:uppercase; font-weight:400; margin:0 0 13px 0; padding:15px 0 0 0; word-wrap: break-word; background-image:url(../images/ui_marker_headline_weiss.png); background-repeat:no-repeat; background-position:left top; }


h5{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; color: #404040; font-weight:700; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word;}
h6{ font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; color: #404040; font-weight:700; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word;}

p,div { font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#686d6f; margin-top:0px; padding-top:0px; word-wrap: break-word; }
td {    font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#686d6f; margin-top:0px; padding-top:0px; }

a, p, src, div, td, tr, table, input, textarea { outline:0; }

.standard{ float:left; display:inline; position:relative; margin:0px; padding:0px; text-align:left;}
.standard_r{ float:right; display:inline; position:relative; margin:0px; padding:0px; text-align:left;}

.pointer{
	cursor:pointer;
}

	.pointer:hover .h3_marker{
		color:#323232;
	}

.bg_clear{
	clear:both;
}


.topdiv { padding:0px; margin:0px; height:100%; width:100%; position:absolute; top:0px; }
.toptab { height:100%; width:100%; padding:0px; margin:0px; }


/* formular :: start */


input{ background-color:#f0f0f0; 
              color:#646464;
              font-size:16px;
              font-family:  'Montserrat', Arial, Helvetica, sans-serif;
			  border:0px solid #c8c8c8;
			  border-bottom:1px solid #c8c8c8;
			  margin:0 40px 20px 0;
			  padding:15px 20px 14px 20px;
			  float:left;
			  display:inline;
			  position:relative;
			  background-repeat:no-repeat;
			  background-position:left top;
			  box-sizing:border-box;
			  width:100%;
			   }
			   
	input.input_100p{
		width:100%;
	}
			   
select {      background-color:#f0f0f0; 
              color:#646464;
              font-size:16px;
              font-family:  'Montserrat', Arial, Helvetica, sans-serif;
			  border: 0px solid #c8c8c8;
			  border-bottom: 1px solid #c8c8c8;
			 
			  float:left;
			  display:inline;
			  position:relative;
			    background-repeat:no-repeat;
			  background-position:top left;
			  
			   margin:0 40px 20px 0;
			  padding:15px 20px 14px 20px;
			   /* font-style:italic; */
			   
			   }


input.checkbox_in { background-color:transparent; 
              color:#f0f0f0;
              font-size:15px;
              font-family: Arial, Helvetica, sans-serif;
			  border:0px solid #c8c8c8;
			  border-radius:2px;
			  width:14px;
			  height:14px;
			  margin:4px 5px 10px 10px;
			   }
			   
input.input_file{
	border:0px solid #c8c8c8;
	background-color:#ffffff;
	padding:0 0 0 0;
	font-size:15px;
	clear:both;
	width:100%;
}
			   
input.input_honey{
	z-index:999;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}

			   
.button {      
	  background-color:#323232; 
	  color:#ffffff;
	  font-size:16px;
	  line-height:17px;
	  font-weight:normal;
	  font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	  border:0px solid #323232;
	  width:auto;
	  height:44px;
	  float:right;
	  font-style:normal;
	  padding:0px 20px 0px 20px;
	  margin:0 0 0 0;
	   }
	   

.button_filter {      
	  background-color:#323232; 
	  color:#ffffff;
	  font-size:16px;
	  line-height:17px;
	  font-weight:normal;
	  font-family:  'Montserrat', Arial, Helvetica, sans-serif;
	  border:1px solid #323232;
	  float:left;
	  font-style:normal;
	  padding:20px 20px 20px 20px;
	  margin:0 20px 20px 0;
	  cursor:pointer;
	   }
	   
	
	.button_filter.is-checked{   
		background-color:transparent; 
		color:#323232; 
	}
	
	
	.button_filter:enabled:hover {
		background-color:transparent; 
		color:#323232; 
	}
	
	.button_filter:focus {
		background-color:transparent; 
		color:#323232; 
	}
 
.button_invisible {    background-color:#FFFFFF/*ecece9*/; 
			width:0px;
			height:0px;
			font-size:0px;
			color:#FFFFFF;
            border:0px solid #c8c8c8;
			margin:0px;
			padding:0px;
			   }				   
			   


textarea {    background-color:#f0f0f0; 
              color:#646464;
              font-size:16px;
              font-family:  'Montserrat', Arial, Helvetica, sans-serif;
			  border:0px solid #c8c8c8;
			  border-bottom:1px solid #c8c8c8;
			  width:100%;
			  height:142px;
			  margin:20px 0 20px 0;
			  padding:20px 20px 20px 20px;
			  
			  float:left;
			  display:inline;
			  position:relative;
			   background-repeat:no-repeat;
			  background-position:top left;
			  box-sizing:border-box;
			  resize: none;
			   }

/* formular :: ende */



ul{
	padding:0 0 0 10px;
	margin:5px 0 15px 10px;
	list-style-image:url(../images/ui_icon_bullet_nicecon.png);
	line-height:24px;
	display:block;
	font-style:normal;
}

ul li {
	margin:0 0 5px 10px;
}


.bgdiv_con_100{
	float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0;
}

.bgdiv_con_100_grau{
	float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-color:#f5f5f5;
}

.bgdiv_con_center{
	margin:0 auto; padding:0px; text-align:left;
}

.rahmen_overflow{
	overflow:hidden;
}

.txt_center{
	text-align:center;
}

.txt_center_weiss{
	text-align:center;
	color:#ffffff;
}

	.txt_center_weiss p{
		color:#ffffff;
	}

.sp_100p{ margin:0 0 0 0; padding:0 0 0 0; width:100%; }

.sp_100p_box_green{
	margin:0 0 0 0;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	background-color:#78ad5f;
}

.sp_100p_box_red{
	margin:0 0 0 0;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	background-color:#dd0000;
}

.kursiv{
	font-style:italic;
}

.weiss{
	color:#ffffff;
}

.rot{
	color:#c00d0e;
}

.gold{
	color:#323232;
}

.blau{
	color:#323232;
}

.gruen{
	color:#323232;
}


.grau40{
	color:#404040;
}

.grau64{
	color:#646464;
}

.txt_bold{
	font-weight:bold;
}

.txt_italic{
	font-style:italic;
}

.txt_small{
	font-size:14px;
}


.msg_ok{
	font-size:18px;
	font-weight:bold;
	color:#35a936;
}

.msg_ok_small{
	font-size:15px;
	font-weight:bold;
	color:#35a936;
}

.msg_error{
	font-size:18px;
	font-weight:bold;
	color:#d10019;
}

.msg_error_small{
	font-size:15px;
	font-weight:bold;
	color:#d10019;
}


/* Accordion */

.accordion-open {
    /* background:#eb5729; */
    border:0;
	color: #ffffff;
	font-size:18px;
}
.accordion-open span {
    display:block;
    float:left;
    padding:0px;
}
.accordion-open span {
    display:block;
    float:left;
	position:absolute;
    background:url(../images/ui_bg_icon_minus_gr.png) center center no-repeat;
    padding:0px;
	/* height:53px; */
	width:53px;
	top:0;
	bottom:0;
}
.accordion-close span {
    display:block;
    float:left;
	position:absolute;
    background:url(../images/ui_bg_icon_plus_gr.png) center center no-repeat;
    padding:0px;
	/* height:53px; */
	width:53px;
	top:0;
	bottom:0;
}


/* ende Accordion */

/* projekt :: start */


.projektstatus_gruen{
	font-style:italic;
	color:#a94e39;
}

.projektstatus_rot{
	font-style:italic;
	color:#a94e39;
}

.projektstatus_blau{
	font-style:italic;
	color:#a94e39;
}

.projektstatus_grau{
	font-style:italic;
	color:#686d6f;
}


/* schnell-kontakt / tel :: start */
	
	/*
	.cta_box{
		display:block;
	}

	.cta_tel{
		float:left;
		display:none;
		position:fixed;
		bottom:0;
		width:100%;
		height:50px;
		background: url(../images/ui_icon_tel_cta.png) no-repeat center center, #686d6f;
		z-index:999;
		border-top:1px solid #ffffff;
	}
	
		.cta_tel img{
			width:100%;
			height:100%;
		}
	*/
	
	.cta_tel{
		float:left;
		display:block;
		position:fixed;
		bottom:20px;
		right:20px;
		width:60px;
		height:60px;
		border-radius:60px;
		background: url(../images/ui_icon_tel_cta.png) no-repeat center center, #686d6f;
		/* background-size:25px 25px; */
		border:1px solid #ffffff;
		background-position:center center;
		z-index:999;
	}
	
		.cta_tel img{
			width:100%;
			height:100%;
		}
	
/* schnell-kontakt / tel :: ende */


/* navi :: start */

	.bgdiv_nav_top_z1{
		float:left;
		display:inline;
		position:relative;
		height:48px;
		margin:0 0 0 0;
		padding:14px 0 0 0;
		box-sizing:border-box;
		background-color:#686d6f;
		box-sizing:border-box;
	}
	
		.nav_top_z1_zeiten{
			float:left;
			display:inline;
			position:relative;
			color:#ffffff;
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:0 0 0 0;
			padding:0 0 0 25px;
			background-image:url(../images/ui_icon_zeiten.png);
			background-repeat:no-repeat;
			background-position:center left;
		}
		
		.nav_top_z1_tel{
			float:right;
			display:inline;
			position:relative;
			color:#ffffff;
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:0 0 0 0;
			padding:0 0 0 25px;
			background-image:url(../images/ui_icon_tel.png);
			background-repeat:no-repeat;
			background-position:center left;
		}
		
		.nav_top_z1_mail{
			float:right;
			display:inline;
			position:relative;
			color:#ffffff;
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:0 0 0 40px;
			padding:0 0 0 25px;
			background-image:url(../images/ui_icon_mail.png);
			background-repeat:no-repeat;
			background-position:center left;
		}
		
	.bgdiv_nav_top_z2{
		float:left;
		display:inline;
		position:relative;
		height:161px;
		border-bottom:1px solid #dcdcdc;
	}
	
	
		.nav_top_logo{
			float:left;
			display:inline;
			position:relative;
			width:240px;
			margin:40px 0 0 0;
			padding:0 0 0 0;
		}
		
			.nav_top_logo img{
				height:80px;
			}

		.nav_top_links{
			float:right;
			display:inline;
			position:relative;
			margin:97px 0 0 0;
			padding:0 0 0 0;
		}
		

/* navi :: ende */
	
/* scroll-navi :: start*/

	.bgdiv_nav_scroll{
		float:left;
		position:fixed;
		top:0px;
		left:0px;
		display:none;
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		height:100px;
		z-index:1001;
		background-image:url(../images/abdecker_weiss_95.png);
		border-bottom:1px solid #dcdcdc;
		transition: all 0.4s ease-in-out;
	}
		
		.nav_top_logo_scroll{
			float:left;
			display:inline;
			position:relative;
			width:145px;
			margin:20px 0 0 0;
			padding:0 0 0 0;
		}
		
			.nav_top_logo_scroll img{
				height:60px;
			}
			
		.nav_top_links_scroll{
			float:right;
			display:inline;
			position:relative;
			margin:45px 0 0 0;
			padding:0 0 0 0;
		}
	
/* scroll-navi */

/* logo mobile :: start */

	.bgdiv_logo_mobile{
		height:119px;
		background-image:url(../images/bg_nav_scroll.png);
		background-repeat:repeat-x;
		z-index:99;
	}

		.nav_mobile_logo{
			float:left;
			display:inline;
			position:relative;
			margin:20px 0 0 0;
			padding:0 0 0 0;
			width:200px;
			-moz-transition: all 0.4s ease-out;  /* FF4+ */
			-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
			-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
			-ms-transition: all 0.4s ease-out;  /* IE10? */
			transition: all 0.4s ease-out;
		}
		
			.nav_mobile_logo img{
				width:200px;
			}

/* logo mobile :: ende */
	
	
.top_navi_mobi_100{
	background-color:#ffffff;
}

/* abdecker :: start */

	.bg_abdecker_75{
		width:100%;
		height:100%;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/bg_schwarz_75.png);
		background-repeat:repeat;
	}
	
	.bg_abdecker_40{
		width:100%;
		height:100%;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/bg_schwarz_40.png);
		background-repeat:repeat;
	}
	
	.bg_abdecker_gold{
		width:100%;
		height:100%;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/bg_gold_90.png);
		background-repeat:repeat;
	}

/* abdecker :: ende */



	/* testimonials :: start */
	
		.kunde{
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:18px;
			font-style:normal;
			color:#ffffff;
			font-weight:700;
		}
		
		.firma{
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size:18px;
			font-style:normal;
			color:#ffffff;
			font-weight:400;
			font-style:italic;
		}
	
	
	/* testimonials :: ende */	
	
	
	/* cta :: start */
	
		.cta_info p strong{
			color:#323232;
		}
		
		.cta_info a{
			font-weight:700;
			color:#323232;
		}
	
	/* cta :: ende */
	
	
	/* referenzen :: start */
	
		.box_referenzen_infos{
			width:100%;
			margin:0 0 20px 0;
			line-height:28px
		}
		
			.box_referenzen_infos td{
				line-height:28px;
				padding-bottom:10px;
			}
		
			.referenzen_punkte{
				font-weight:700;
				width:200px;
				margin:0 20px 10px 0;
				line-height:28px
			}
			
				.referenzen_punkte td{
					line-height:28px;
					padding-bottom:10px;
				}
			
	/* referenzen :: ende */
	
	
.trenner_con_100{
	float:left;
	display:inline;
	position:relative;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	background-color:#dcdcdc;
}

.trenner_con_100_accordeon{
	float:left;
	display:inline;
	position:relative;
	width:100%;
	height:1px;
	margin:0 0 20px 0;
	background-color:#dcdcdc;
}

	.trenner_con_100_accordeon_inner{
		float:left;
		display:inline;
		position:relative;
		width:100%;
		height:1px;
		margin:5px 0 20px 0;
		background-color:#dcdcdc;
	}
	
	
	.content_teaser{
		width:100%;
		font-size:16px;
		line-height:24px;
		margin:0 0 25px 0;
		padding:0 0 5px 0;
		border-bottom:1px solid #e6e6e6;
	}
	
		.content_teaser p{
			font-size:18px;
		}
		
		
	.content_teaser_noborder{
		width:100%;
		font-size:16px;
		line-height:24px;
		margin:0 0 25px 0;
		padding:0 0 0 0;
	}
	
		.content_teaser_noborder p{
			font-size:18px;
		}
	
	
	

	/* image-splitter :: start */
	
		.ba-slider {
			position: relative;
			overflow: hidden;
		}
		 
		.ba-slider img {
			width: 100%;
			display:block;
			max-width:none;
		}
		 
		.ba-slider .resize {
			position: absolute;
			top:0;
			left: 0;
			height: 100%;
			width: 50%;
			overflow: hidden;
		}


		.ba-slider .handle { /* Thin line seperator */
		  position:absolute; 
		  left:50%;
		  top:0;
		  bottom:0;
		  width:2px;
		  margin-left:-1px;
		 
		  background: rgba(197,153,64,1);
		  cursor: ew-resize;
		}

		
		.ba-slider .handle:after {  /* Big orange knob  */
			position: absolute;
			top: 50%;
			width: 56px;
			height: 58px;
			margin: -28px 0 0 -27px;
			content:'';
			transition:all 0.3s ease;
			background-image:url(../images/ui_icon_arrow_splitter.png);
			background-size:cover;
		}

		.ba-slider .handle.ba-draggable:after {
			width: 42px;
			height: 44px;
			margin: -21px 0 0 -20px;
			background-image:url(../images/ui_icon_arrow_splitter.png);
			background-size:cover;
		}
	
	/* image-splitter :: ende */
	
	

/* projekt :: ende */



/* ColorBox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}


/* responsive menu */
	
		
		.menu { 
			  float: left;
			  overflow-y:auto;
			  border-top:1px solid #dcdcdc;
			  -webkit-transition: all 0.3s ease;  
			  -moz-transition: all 0.3s ease;
			  -ms-transition: all 0.3s ease;
			  transition: all 0.3s ease; 
			  
			}
			.menu ul { 
			  padding: 0px;
			  margin: 0px;
			  list-style: none;
			  position: relative;
			  display: inline-table;
			  z-index:9999;
			   
			}
			.menu > li > ul.sub-menu {
				min-width: 10em;
				padding: 4px 0;
				background-color: #00f0f0;
				border: 1px solid #ffffff;
				  z-index:9999;
			}
			.menu ul li { padding: 0px; margin: 0px; }
			.menu > ul > li { display: inline-block; }
			.menu ul li a { display: block; text-decoration: none; color: #686d6f; font-size: 18px; font-family:  'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; }
			.menu ul li > a { height:20px; padding: 20px; }
			.menu ul ul { 
			  display: none; 
			  position: absolute; 
			  top:100%;
			  min-width: 160px;
			  background-color: #f0f0f0;
			  border: 1px solid #f0f0f0;
			}
			.menu ul li:hover > ul { display: block; }
			.menu ul ul > li { position: relative; }
			.menu ul ul > li a { padding: 5px 5px 5px 20px; height: auto; background-color: #f0f0f0; }
			.menu ul ul > li a:hover { background-color: #9d9d9d; color: #ffffff; padding-left:40px; }
			.menu ul ul > li a.sub1active { background-color: #646464; color: #ffffff; }
			.menu ul ul ul { position: absolute; left: 100%; top:0; }

	/* ende responsive menu */	
	
	
	
	  /*.container { width:100%; z-index:10000; display:inline; float:right; position:relative;}*/
  
	  a.menu-link { display: block; color: #ffffff; float: left; text-decoration: none; padding: 14px 0 10px 0;}
	  .menu { clear: both; min-width: inherit; float: none; background:#005282; }
	  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #d4edfc; }
	  .menu, .menu > ul ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; }
	  .menu > li > ul.sub-menu { padding: 0px; border: none; }
	  .menu.active, .menu > ul ul.active { max-height: 4000px; height:90%; }
	  .menu ul { display: inline; }
	  .menu > ul { border-top: 0px solid #f0f0f0; }
	  .menu li, .menu > ul > li { display: block; }
	  .menu li a { color: #323232; display: block; padding: 0; border-bottom: 1px solid #ffffff; position: relative; background:#f5f5f5; }
	  .menu li a:hover { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#686d6f; }
	  .menu li a.nav_res_sub2:hover { padding-left:40px; font-style:italic; }
		
		.menu li a.menu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#686d6f; }
		.menu li a.submenu_active { color: #ffffff; display: block; padding-left: 40px; background:#9d9d9d; }
		.menu li a.has-submenu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #ffffff; position: relative; background:#2d2d2d; }
	  
	  .menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 20px;
	  }
	  
	  .menu li.has-submenu2 > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 20px;
	  }
	  
	  .menu li.has-submenu > a.active:after {
		content: "-";
	  }
	  
	  .menu li.has-submenu2 > a.active:after {
		content: "-";
	  }
	  .menu ul ul > li a { background: #ffffff; color:#323232; height:20px; padding: 20px; padding-left:40px; border-bottom: 1px solid #f0f0f0; }
	  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	  
	  .menu ul ul ul > li a { background: #ffffff; color:#1e1e1e; height:20px; padding: 20px; border-bottom: 1px solid #f0f0f0; }


/* menu-icon :: start */


/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon3_scroll, #nav-icon4 {
  width: 30px;
  height: 24px;
  position: relative;
  margin: 0 0 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background: #686d6f;
  opacity: 1;
  left: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3_scroll span {
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background: #686d6f;
  opacity: 1;
  left: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  margin-top:4px;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 0px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 30px;
  width: 0%;
  left: 50%;
}



	.nav_menu:hover #nav-icon3 span:nth-child(1) {
	  top: 0px;
	  width: 0%;
	  left: 50%;
	}

	.nav_menu:hover #nav-icon3 span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.nav_menu:hover #nav-icon3 span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	.nav_menu:hover #nav-icon3 span:nth-child(4) {
	  top: 30px;
	  width: 0%;
	  left: 50%;
	}
	
	
/* Icon 3 scroll */

#nav-icon3_scroll span:nth-child(1) {
  top: 0px;
}

#nav-icon3_scroll span:nth-child(2),#nav-icon3_scroll span:nth-child(3) {
  top: 10px;
}

#nav-icon3_scroll span:nth-child(4) {
  top: 20px;
}

#nav-icon3_scroll.open span:nth-child(1) {
  top: 0px;
  width: 0%;
  left: 50%;
}

#nav-icon3_scroll.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3_scroll.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3_scroll.open span:nth-child(4) {
  top: 30px;
  width: 0%;
  left: 50%;
}



	.nav_menu_scroll:hover #nav-icon3_scroll span:nth-child(1) {
	  top: 0px;
	  width: 0%;
	  left: 50%;
	}

	.nav_menu_scroll:hover #nav-icon3_scroll span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.nav_menu_scroll:hover #nav-icon3_scroll span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	.nav_menu_scroll:hover #nav-icon3_scroll span:nth-child(4) {
	  top: 30px;
	  width: 0%;
	  left: 50%;
	}

	

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

/* menu-icon :: ende */