/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/opensans/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/opensans/open-sans-v35-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/opensans/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/opensans/open-sans-v35-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/opensans/open-sans-v35-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/opensans/open-sans-v35-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* cabin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cabin/cabin-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cabin/cabin-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cabin/cabin-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/cabin/cabin-v26-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/cabin/cabin-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/cabin/cabin-v26-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cabin/cabin-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cabin-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/cabin/cabin-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




body {			
	position:absolute; 
	top:0; 
	left:0; 
	margin:0px;
	padding:0px;
	width: 100%; 
	height:100%;
	font-size: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;
   scroll-behavior: smooth;
}

/* 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: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.75rem;
	color:#ffffff;
	padding-top:18px;
}

.scrollicon:hover {
	opacity:1;
}


a {           font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0; }
a:link {      text-decoration: none; color: #ff6200; }
a:active {    text-decoration: underline; color: #ff6200; }
a:visited {   text-decoration: none; color: #ff6200; }
a:hover { 
	text-decoration: underline;
	color: #ff6200;
	-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: #5a5a5a;
}

.kontakt_anschrift a[href^="tel"] {
  text-decoration: none;
  cursor: default;
  color: #5a5a5a;
  font-weight:700;
}

/* begin content-links fuer funktionen */

	a.f_link_www:link, a.f_link_www:visited {
		font-size:1rem;
		line-height:1.5rem;
		color: #486173;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_arrow_link.png);
		background-position:center left 7px;
		background-repeat:no-repeat;
		clear:both;
	}

	a.f_link_www:hover, a.f_link_www:active {
		font-size:1rem;
		line-height:1.5rem;
		color: #ff6200;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_arrow_link.png);
		background-position:center left 7px;
		background-repeat:no-repeat;
		clear:both;
		animation: pulse_icon_link_www 0.7s 1;
	}
	
		@keyframes pulse_icon_link_www {
			0% {
				background-position:center left 7px;
			}

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

			100% {
				background-position:center left 7px;
			}
		}
	
	
	a.f_link_file:link, a.f_link_file:visited {
		font-size:1rem;
		line-height:1.5rem;
		color: #486173;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_download.png);
		background-position:top 5px left 0px;
		background-repeat:no-repeat;
		clear:both;
	}

	a.f_link_file:hover, a.f_link_file:active {
		font-size:1rem;
		line-height:1.5rem;
		color: #ff6200;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_download.png);
		background-position:top 5px left 0px;
		background-repeat:no-repeat;
		clear:both;
		animation: pulse_icon_link_file 0.7s 1;
	}


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

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

			100% {
				background-position:top 5px left 0px;
			}
		}
	
	
	a.f_link_pdf:link, a.f_link_pdf:visited {
		font-size:1rem;
		line-height:1.5rem;
		color: #486173;
		font-weight: 400;
		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;
	}

	a.f_link_pdf:hover, a.f_link_pdf:active {
		font-size:1rem;
		line-height:1.5rem;
		color: #ff6200;
		font-weight: 400;
		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;
	}


		@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:1rem;
		line-height:1.5rem;
		color: #486173;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_youtube.png);
		background-position:top 10px left 0px;
		background-repeat:no-repeat;
		clear:both;
	}

	a.f_link_vid:hover, a.f_link_vid:active {
		font-size:1rem;
		line-height:1.5rem;
		color: #ff6200;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 25px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_youtube.png);
		background-position:top 10px left 0px;
		background-repeat:no-repeat;
		clear:both;
		animation: pulse_arrow_link_video 0.7s 1;
	}
	
		@keyframes pulse_arrow_link_video {
			0% {
				background-position:left 0px top 10px;
			}

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

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

/* end content-links */


a.c_link:link, a.c_link:visited {
	font-size:1rem;
	line-height:1.5rem;
	color: #3c3c3c;
	font-weight: normal;
	text-decoration:none;
}

a.c_link:hover, a.c_link:active {
	font-size:1rem;
	line-height:1.5rem;
	color: #ff6200;
	font-weight: normal;
	text-decoration:none;
}

a.c_link_blau:link, a.c_link_blau:visited {
	font-size:1rem;
	line-height:1.5rem;
	color: #486173;
	font-weight: normal;
	text-decoration:underline;
}

a.c_link_blau:hover, a.c_link_blau:active {
	font-size:1rem;
	line-height:1.5rem;
	color: #ff6200;
	font-weight: normal;
	text-decoration:underline;
}

a.c_link_blau2:link, a.c_link_blau2:visited {
	font-size:1rem;
	line-height:1.5rem;
	color: #486173;
	font-weight: normal;
	text-decoration:none;
	margin:10px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_blau2:hover, a.c_link_blau2:active {
	font-size:1rem;
	line-height:1.5rem;
	color: #ff6200;
	font-weight: normal;
	text-decoration:none;
	margin:10px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

	.like_c_link{
		font-size:1rem;
		line-height:1.5rem;
		color: #ff6200;
		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;
		}


a.c_link_more_bold:link, a.c_link_more_bold:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #486173;
	font-weight: 700;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 17px;
	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;
}

a.c_link_more_bold:hover, a.c_link_more_bold:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #ff6200;
	font-weight: 700;
	text-decoration:none;
	margin:5px 0 0 0;
	padding:0 0 0 17px;
	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;
}

a.c_link_more:link, a.c_link_more:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #3c3c3c;
	font-weight: 400;
	text-decoration:none;
	margin:8px 0 0 0;
	padding:0 0 0 15px;
	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;
}

a.c_link_more:hover, a.c_link_more:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:8px 0 0 0;
	padding:0 0 0 15px;
	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;
}


	@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_more_absolute:link, a.c_link_more_absolute:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #3c3c3c;
	font-weight: 400;
	text-decoration:none;
	margin:15px 0 0 0;
	padding:0 0 0 16px;
	float:left;
	display:inline;
	position:absolute;
	bottom:20px;
	left:20px;
	clear:both;
	background-image:url(../images/ui_icon_arrow_link.png);
	background-position:center left 0px;
	background-repeat:no-repeat;
}

a.c_link_more_absolute:hover, a.c_link_more_absolute:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:15px 0 0 0;
	padding:0 0 0 16px;
	float:left;
	display:inline;
	position:absolute;
	bottom:20px;
	left:20px;
	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_absolute 0.7s 1;
}


	@keyframes pulse_arrow_link_more_absolute{
		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: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #3c3c3c;
	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 5px;
	background-repeat:no-repeat;
	clear:both;
}

a.c_link_back:hover, a.c_link_back:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #ff6200;
	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 5px;
	background-repeat:no-repeat;
	clear:both;
	animation: pulse_arrow_link_back 0.7s 1;
}

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

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

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

a.c_link_breadcrumb:link, a.c_link_breadcrumb:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #3c3c3c;
	font-weight: 400;
	text-decoration:none;
	margin:0 10px 0 0;
	padding:0 15px 0 0;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_arrow_link.png);
	background-position:center right 0px;
	background-repeat:no-repeat;
}

a.c_link_breadcrumb:hover, a.c_link_breadcrumb:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; font-weight:normal; outline:0;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:0 10px 0 0;
	padding:0 15px 0 0;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_arrow_link.png);
	background-position:center right 0px;
	background-repeat:no-repeat;
	animation: pulse_arrow_link_breadcrumb 0.7s 1;
}


	@keyframes pulse_arrow_link_breadcrumb {
		0% {
			background-position:center right 0px;
		}

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

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


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:1rem;
	line-height:1.5rem;
	color: #5a5a5a;
	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:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

a.link_tel_einklinker:link, a.link_tel_einklinker:visited, a.link_tel_einklinker:hover, a.link_tel_einklinker:active {
	font-family:  'Cabin', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.5rem;
	color: #ffffff;
	font-weight:600;
	text-decoration:none;
}

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 23px 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: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	margin:84px 20px 0 0;
	padding:0 0 14px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

a.nav_top_01:hover, a.nav_top_01:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	margin:84px 20px 0 0;
	padding:0 0 14px 0;
	float:left;
	display:inline;
	position:relative;
	text-decoration: underline;
	text-decoration-color: #ff6200;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

	
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: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	margin:84px 20px 0 0;
	padding:0 0 14px 0;
	float:left;
	display:inline;
	position:relative;
	text-decoration: underline;
	text-decoration-color: #ff6200;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}


	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_weiss.png);
		background-position:top 5px right;
		background-repeat:no-repeat;
		padding-right:12px;
	}
	
	a.nav_top_01_drop_scroll:link, a.nav_top_01_drop_scroll:visited, a.nav_top_01_drop_scroll:hover, a.nav_top_01_drop_scroll:active {
		background-image:url(../images/ui_icon_nav_drop.png);
		background-position:top 5px right;
		background-repeat:no-repeat;
		padding-right:12px;
	}
	
	a.nav_top_01_lan:link, a.nav_top_01_lan:visited, a.nav_top_01_lan:hover, a.nav_top_01_lan:active {
		text-transform:uppercase;
		/* margin:0 0 0 0; */
	}
	
	a.nav_top_01_scroll:link, a.nav_top_01_scroll:visited, a.nav_top_01_scroll:hover, a.nav_top_01_scroll:active {
		color:#001531;
		margin:33px 20px 0 0;
		padding-bottom:32px;
	}

		a.nav_top_01_sub:link, a.nav_top_01_sub:visited {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:1rem;
			line-height:1rem;
			color: #3c3c3c;
			font-weight: 400;
			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 #33445b;
			background-color:#f5f5f5;
			z-index:1001;
			text-align:left;
			-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.nav_top_01_sub:hover, a.nav_top_01_sub:active {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:1rem;
			line-height:1rem;
			color: #ffffff;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 5px 15px 25px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:240px;
			border-bottom:1px solid #33445b;
			background-color:#001531;
			z-index:1001;
			text-align:left;
			-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.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: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:1rem;
			line-height:1rem;
			color: #ffffff;
			font-weight: normal;
			margin:0 0 0 0;
			padding:15px 5px 15px 25px;
			text-decoration:none;
			float:left;
			display:inline;
			position:relative;
			clear:both;
			width:240px;
			border-bottom:1px solid #33445b;
			background-color:#001531;
			z-index:1001;
			text-align:left;
			-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.nav_top_01_sub_02:link, a.nav_top_01_sub_02:visited {
				font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				font-size:1rem;
				line-height:1rem;
				color: #404040;
				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 #33445b;
				background-color:#dcdcdc;
				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;
				font-style:italic;				
			}


			a.nav_top_01_sub_02:hover, a.nav_top_01_sub_02:active {
				font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				font-size:1rem;
				line-height:1rem;
				color: #ffffff;
				font-weight: normal;
				margin:0 0 0 0;
				padding:15px 5px 15px 25px;
				text-decoration:none;
				/*float:left;
				display:inline;
				position:relative;
				clear:both;*/
				width:240px;
				border-bottom:1px solid #33445b;
				background-color:#33445b;
				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;
				font-style:italic;
			}
				

			a.nav_top_01_sub_02_active:link, a.nav_top_01_sub_02_active:visited, a.nav_top_01_sub_02_active:hover, a.nav_top_01_sub_02_active:active {
				font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				font-size:1rem;
				line-height:1rem;
				color: #ffffff;
				font-weight: normal;
				margin:0 0 0 0;
				padding:15px 5px 15px 25px;
				text-decoration:none;
				/*float:left;
				display:inline;
				position:relative;
				clear:both;*/
				width:240px;
				border-bottom:1px solid #33445b;
				background-color:#33445b;
				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;
				font-style:italic;
			}


a.nav_top_02:link, a.nav_top_02:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	margin:18px 30px 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

a.nav_top_02:hover, a.nav_top_02:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	margin:18px 30px 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	
	text-decoration: underline;
	text-decoration-color: #ff6200;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

	
a.nav_top_02_active:link, a.nav_top_02_active:visited, a.nav_top_02_active:hover, a.nav_top_02_active:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	margin:18px 30px 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	
	text-decoration: underline;
	text-decoration-color: #ff6200;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.nav_top_trenner{
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/trenner_vert_nav_top.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:1px;
	height:30px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}	

.nav_top_lupe{
	float:left;
	display:inline;
	position:relative;
	width:22px;
	height:22px;
	cursor:pointer;
	margin:14px 0 0 0;
	padding:0 0 14px 30px;
	background-image:url(../images/ui_icon_lupe_weiss.png);
	background-repeat:no-repeat;
	background-position:top right;
}

	.nav_top_lupe:hover{
		background-image:url(../images/ui_icon_lupe_orange.png);
	}
	
	.nav_top_lupe_btn{
		float:left;
		display:inline;
		position:relative;
		width:22px;
		height:22px;
		cursor:pointer;
		margin:17px 0 0 10px;
		padding:0 0 10px 0;
		background-image:url(../images/ui_icon_lupe_weiss.png);
		background-repeat:no-repeat;
		background-position:top center;
	}

		.nav_top_lupe_btn:hover{
			background-image:url(../images/ui_icon_lupe_orange.png);
		}
		
		
	.content_lupe_btn{
		float:left;
		display:inline;
		position:relative;
		width:22px;
		height:22px;
		cursor:pointer;
		margin:17px 0 0 10px;
		padding:0 0 10px 0;
		background-image:url(../images/ui_icon_lupe_blau.png);
		background-repeat:no-repeat;
		background-position:top center;
	}

		.content_lupe_btn:hover{
			background-image:url(../images/ui_icon_lupe_orange.png);
		}


a.nav_bottom_01:link, a.nav_bottom_01:visited {
	margin:0 0 0 0;
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

a.nav_bottom_01:hover, a.nav_bottom_01:active {
	margin:0 0 0 0;
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	color: #ff6200;
	font-weight: normal;
	text-decoration:none;
}

a.nav_bottom_01_active:link, a.nav_bottom_01_active:visited, a.nav_bottom_01_active:hover, a.nav_bottom_01_active:active {
	margin:0 0 0 0;
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1.5rem;
	color: #ff6200;
	font-weight: normal;
	text-decoration:none;
}




a.navi_mitglied_werden:link, a.navi_mitglied_werden:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	text-decoration:none;
	margin:71px 0 0 0;
	padding:12px 23px 12px 18px;
	background-image:url(../images/ui_icon_nav_drop_weiss.png);
	background-position:top 17px right 10px;
	background-repeat:no-repeat;
	float:right;
	display:inline;
	position:relative;
	background-color:#ff6200;
	border:1px solid #ff6200;
	-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.navi_mitglied_werden:hover, a.navi_mitglied_werden:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:71px 0 0 0;
	padding:12px 23px 12px 18px;
	background-image:url(../images/ui_icon_nav_drop.png);
	background-position:top 17px right 10px;
	background-repeat:no-repeat;
	float:right;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ff6200;
	-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.navi_mitglied_werden_active:link, a.navi_mitglied_werden_active:visited, a.navi_mitglied_werden_active:hover, a.navi_mitglied_werden_active:active {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:1rem;
		line-height:1rem;
		color: #ff6200;
		font-weight: 400;
		text-decoration:none;
		margin:71px 0 0 0;
		padding:12px 23px 12px 18px;
		background-image:url(../images/ui_icon_nav_drop.png);
		background-position:top 17px right 10px;
		background-repeat:no-repeat;
		float:right;
		display:inline;
		position:relative;
		background-color:#ffffff;
		border:1px solid #ff6200;
	}
	
	a.linkbox_mitglied_werden_scroll:link, a.linkbox_mitglied_werden_scroll:visited, a.linkbox_mitglied_werden_scroll:hover, a.linkbox_mitglied_werden_scroll:active {
		margin:20px 0 0 0;
	}

a.linkbox_orange:link, a.linkbox_orange:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	text-decoration:none;
	margin:20px 20px 0 0;
	padding:12px 18px 12px 18px;
	float:left;
	display:inline;
	position:relative;
	background-color:#ff6200;
	border:1px solid #ff6200;
	-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.linkbox_orange:hover, a.linkbox_orange:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:20px 20px 0 0;
	padding:12px 18px 12px 18px;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ff6200;
	-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.linkbox_weiss:link, a.linkbox_weiss:visited {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:20px 0 0 0;
	padding:12px 18px 12px 18px;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ff6200;
	-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.linkbox_weiss:hover, a.linkbox_weiss:active {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	text-decoration:none;
	margin:20px 0 0 0;
	padding:12px 18px 12px 18px;
	float:left;
	display:inline;
	position:relative;
	background-color:#ff6200;
	border:1px solid #ff6200;
	-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.linkbox_nofloat:link, a.linkbox_nofloat:visited, a.linkbox_nofloat:hover, a.linkbox_nofloat:active {
		float:none;
	}
	
	a.linkbox_clear:link, a.linkbox_clear:visited, a.linkbox_clear:hover, a.linkbox_clear:active {
		clear:both;
	}

	



a.c_link_gr:link, a.c_link_gr:visited {
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #3c3c3c;
	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:  'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	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;
  left:17px;
  z-index: 1001;
}

.nav li:hover ul{
  top: 87px;  
  padding:0 0 0 0; 
  z-index: 1001; 
  left: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 navi z1 suche :: start */

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


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

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

.nav_z1_suche li:hover ul{
  top: 40px;  
  padding:10px 10px 10px 10px; 
  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 z1 suche :: ende */

/* dropdown sprachwechsel :: start */

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


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

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

.nav_lan li:hover ul{
  top: 45px;  
  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 sprachwechsel :: 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;
  left:40px;
  z-index: 1001;
}

.nav_scroll li:hover ul{
  top: 56px;  
  padding:0 0 0 0; 
  z-index: 1000; 
  left:40px;
  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 sprachwechsel scroll :: start */

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


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

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

.nav_lan_scroll li:hover ul{
  top: 56px;  
  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 sprachwechsel scroll :: ende */



/* dropdown burger-menu :: start */

.nav_menu, .nav_menu ul { 
	list-style: none;
	margin: 2px 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: 45px;  
  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: 13px 0 0 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{
		color:#ff6200;
		text-decoration: underline;
		text-decoration-color: #ff6200;
		text-decoration-thickness: 1px;
		text-underline-offset: 5px;
	}
	
	.nav_scroll:hover a.nav_top_01_scroll{
		color:#ff6200;
		text-decoration: underline;
		text-decoration-color: #ff6200;
		text-decoration-thickness: 1px;
		text-underline-offset: 5px;
	}
	
/* markieren hauptnavi-punkt bei mouseover im dropdown :: ende */

/* dropdown-menu multilevel Navigation Zeile 1 :: start */

	.dropdown_z1 {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.dropdown_z1 li {
		position: relative;
		z-index: 999;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	}
	
	/*
	.dropdown_z1 li a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	*/

	.dropdown_z1 li ul {
		position: absolute;
		list-style: none;
		display: none;
		line-height: normal;
		right:16px;
		top:21px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.dropdown_z1 li ul li a {
		text-align: left;
		/* color: #cccccc; */
		/* font-size: 0.875rem; */
		/* padding: 10px; */
		display: block;
		/* white-space: nowrap; */
	}
	
	/*
	.dropdown_z1 li ul li a:hover {
		background-color: #0abf53;
		color: #ffffff;
	}
	*/

	.dropdown_z1 li ul li ul {
		/* left: 100%; */
		/* margin: -48px 0 0 0; */
		/* padding: 0 0 0 0; */
		width:270px;
		left:-270px;
		top: 0;
	}
	
	/*
	ul li:hover>a {
		background-color: #0abf53;
		color: #ffffff !important;
		
	}
	*/
	
	ul li:hover a.nav_top_01{
		text-decoration:underline;
		text-decoration-color:#ff6200;
		text-decoration-thickness:1px;
		text-underline-offset:5px;
	}
	
	ul li ul li:hover a.nav_top_01_sub{
		color:#ffffff;
		background-color:#001531;
	}
	
	ul li:hover>ul {
		display: block;
	}


/* dropdown-menu multilevel Navigation Zeile 1 :: ende */


/* dropdown-menu multilevel Navigation Zeile 1 Suche :: start */

	.dropdown_z1_suche {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.dropdown_z1_suche li {
		position: relative;
		z-index: 999;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	}
	
	/*
	.dropdown_z1_suche li a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	*/

	.dropdown_z1_suche li ul {
		position: absolute;
		list-style: none;
		display: none;
		line-height: normal;
		right:0px;
		top:50px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width:330px;
		background-color:#001531;
		box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	}

	.dropdown_z1_suche li ul li a {
		text-align: left;
		/* color: #cccccc; */
		/* font-size: 0.875rem; */
		/* padding: 10px; */
		display: block;
		/* white-space: nowrap; */
	}
	
	/*
	.dropdown_z1 li ul li a:hover {
		background-color: #0abf53;
		color: #ffffff;
	}
	*/

	.dropdown_z1_suche li ul li ul {
		/* left: 100%; */
		/* margin: -48px 0 0 0; */
		/* padding: 0 0 0 0; */
		width:270px;
		left:-270px;
		top: 0;
	}
	
	/*
	ul li:hover>a {
		background-color: #0abf53;
		color: #ffffff !important;
		
	}
	*/
	
	ul li:hover a.nav_top_01{
		text-decoration:underline;
		text-decoration-color:#ff6200;
		text-decoration-thickness:1px;
		text-underline-offset:5px;
	}
	
	ul li ul li:hover a.nav_top_01_sub{
		color:#ffffff;
		background-color:#001531;
	}
	
	ul li:hover>ul {
		display: block;
	}


/* dropdown-menu multilevel Navigation Zeile 1 Suche :: ende */


/* dropdown-menu multilevel Navigation Zeile 2 :: start */

	.dropdown_z2 {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.dropdown_z2 li {
		position: relative;
		z-index: 888;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	}
	
	/*
	.dropdown_z2 li a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	*/

	.dropdown_z2 li ul {
		position: absolute;
		list-style: none;
		display: none;
		line-height: normal;
		left:0px;
		top:113px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		
	}

	.dropdown_z2 li ul li a {
		text-align: left;
		/* color: #cccccc; */
		/* font-size: 0.875rem; */
		/* padding: 10px; */
		display: block;
		/* white-space: nowrap; */
	}
	
	/*
	.dropdown_z2 li ul li a:hover {
		background-color: #0abf53;
		color: #ffffff;
	}
	*/

	.dropdown_z2 li ul li ul {
		/* left: 100%; */
		/* margin: -48px 0 0 0; */
		/* padding: 0 0 0 0; */
		width:270px;
		left:-270px;
		top: 0;
	}
	
	
	/*
	ul li:hover>a {
		background-color: #0abf53;
		color: #ffffff !important;
		
	}
	*/
	
	ul li:hover a.nav_top_01{
		text-decoration:underline;
		text-decoration-color:#ff6200;
		text-decoration-thickness:1px;
		text-underline-offset:5px;
	}
	
	ul li ul li:hover a.nav_top_01_sub{
		color:#ffffff;
		background-color:#001531;
	}
	
	ul li:hover>ul {
		display: block;
	}


/* dropdown-menu multilevel Navigation Zeile 2 :: ende */


/* dropdown-menu multilevel Navigation Scrollnavi :: start */

	.dropdown_scroll {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.dropdown_scroll li {
		position: relative;
		z-index: 888;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		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 li a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		display: block;
		padding: 10px;
	}
	*/

	.dropdown_scroll li ul {
		position: absolute;
		list-style: none;
		display: none;
		line-height: normal;
		left:0px;
		top:81px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		
	}

	.dropdown_scroll li ul li a {
		text-align: left;
		/* color: #cccccc; */
		/* font-size: 0.875; */
		/* padding: 10px; */
		display: block;
		/* white-space: nowrap; */
	}
	
	/*
	.dropdown_z2 li ul li a:hover {
		background-color: #0abf53;
		color: #ffffff;
	}
	*/

	.dropdown_scroll li ul li ul {
		/* left: 100%; */
		/* margin: -48px 0 0 0; */
		/* padding: 0 0 0 0; */
		width:270px;
		left:-270px;
		top: 0;
	}
	
	
	/*
	ul li:hover>a {
		background-color: #0abf53;
		color: #ffffff !important;
		
	}
	*/
	
	ul li:hover a.nav_top_01{
		text-decoration:underline;
		text-decoration-color:#ff6200;
		text-decoration-thickness:1px;
		text-underline-offset:5px;
	}
	
	ul li ul li:hover a.nav_top_01_sub{
		color:#ffffff;
		background-color:#001531;
	}
	
	ul li:hover>ul {
		display: block;
	}
	
	
	
	ul li:hover a.navi_mitglied_werden{
		padding:12px 23px 12px 18px;
		background-image:url(../images/ui_icon_nav_drop.png);
		background-position:top 17px right 10px;
		background-repeat:no-repeat;
		background-color:#ffffff;
		border:1px solid #ff6200;
		color:#ff6200;
	}


/* dropdown-menu multilevel Navigation Scrollnavi :: ende */




h1{font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:2.5rem; line-height:3.125rem; color: #003072; font-weight:600; margin:0 0 5px 0; padding:0 0 0 0; word-wrap: break-word; }

h2{font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:2.5rem; line-height:3.125rem; color: #003072; font-weight:600; margin:0 0 5px 0; padding:0 0 0 0; word-wrap: break-word; }
h2.h2_weiss{font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:2.5rem; line-height:3.125rem; color: #ffffff; font-weight:600; margin:0 0 5px 0; padding:0 0 0 0; word-wrap: break-word; }

h2.h2_slider{font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:5.625rem; line-height:5.625rem; color: #ffffff; font-weight:500; margin:0 0 9px 0; padding:0 0 0 0; word-wrap: break-word; }


h3{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.5rem; line-height:2rem; color: #003072; font-weight:600; margin:0 0 8px 0; padding:0 0 0 0; word-wrap: break-word; }
h3.h3_weiss{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.5rem; line-height:2rem; color: #ffffff; font-weight:600; margin:0 0 8px 0; padding:0 0 0 0; word-wrap: break-word; }
h3.h3_accordeon{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.5rem; line-height:2rem; color: #003072; font-weight:600; margin:0 0 8px 0; padding: 15px 0 10px 53px; word-wrap: break-word; }
h3.h3_slider{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:2.5rem; line-height:2.5rem; color: #ffffff; font-weight:600; font-style:normal; margin:0 0 10px 0; padding:0 0 0 0; word-wrap: break-word; }
h3.h3_mitglieder{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; color: #003072; font-weight:600; font-style:normal; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word; }

h4{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.5rem; line-height:2rem; color: #003072; font-weight:600; margin:0 0 8px 0; padding:0 0 0 0; word-wrap: break-word; }
h4.h4_mb{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.5rem; line-height:2rem; color: #003072; font-weight:600; margin:0 0 20px 0; padding:0 0 0 0; word-wrap: break-word; }

h5{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.25rem; line-height:1.625rem; color: #003072; font-weight:700; margin:0 0 0 0; padding:0 0 0 0; word-wrap: break-word;}
h6{ font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:1.25rem; line-height:1.625rem; color: #003072; 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:1rem; line-height:1.5rem; color:#5a5a5a; margin-top:0px; padding-top:0px; word-wrap: break-word; font-weight:400; }
td {    font-family:  'Open Sans', Arial, Helvetica, sans-serif; font-size:1rem; line-height:1.5rem; color:#5a5a5a; margin-top:0px; padding-top:0px; font-weight:400; }

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;
}


.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:#ffffff; 
              color:#646464;
			  font-style:italic;
              font-size:1rem;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border:0px solid #dcdcdc;
			  border-bottom:1px solid #dcdcdc;
			  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%;
	}
	
	
input.input_search{ background-color:#ffffff; 
              color:#646464;
              font-size:1rem;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border:0px solid #dcdcdc;
			  border-bottom:1px solid #dcdcdc;
			  margin:10px 10px 10px 10px;
			  padding:10px 0 10px 10px;
			  float:left;
			  display:inline;
			  position:relative;
			  background-repeat:no-repeat;
			  background-position:top left;
			  box-sizing:border-box;
			  width:260px;			  
			   }
			   
select {      background-color:#ffffff; 
              color:#646464;
			  font-style:italic;
              font-size:1rem;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border: 0px solid #dcdcdc;
			  border-bottom: 1px solid #dcdcdc;
			 
			  float:left;
			  display:inline;
			  position:relative;
			    background-repeat:no-repeat;
			  background-position:top left;
			  
			   margin:0 40px 20px 0;
			  padding:18px 20px 16px 20px;
			   /* font-style:italic; */
			   
			   -moz-appearance: none;
			  -webkit-appearance: none;
			  appearance: none;
			   background-image:url(../images/ui_icon_form_select.png);
			   background-repeat:no-repeat;
			   background-position:center right;
			   }


input.checkbox_in { background-color:transparent; 
              color:#f0f0f0;
              font-size:0.938rem;
              font-family: Arial, Helvetica, sans-serif;
			  border:0px solid #c8c8c8;
			  border-radius:2px;
			  width:14px;
			  height:14px;
			  margin:4px 5px 40px 10px;
			   }
			   
input.checkbox_in_no_margin_bottom { background-color:transparent; 
              color:#f0f0f0;
              font-size:0.938rem;
              font-family: Arial, Helvetica, sans-serif;
			  border:0px solid #c8c8c8;
			  border-radius:2px;
			  width:14px;
			  height:14px;
			  margin:4px 5px 10px 10px;
			   }
			   
input.checkbox_hidden { background-color:transparent; 
              color:#f7f5f2;
              font-size:0rem;
              font-family: Arial, Helvetica, sans-serif;
			  border:0px solid #f7f5f2;
			  border-radius:0px;
			  width:0px;
			  height:0px;
			  margin:0 0 0 0;
			  padding:0 0 0 0;
			  display:none;
			   }
			   
input.input_file{
	border:0px solid #dcdcdc;
	background-color:#ffffff;
	padding:0 0 0 0;
	font-size:0.938rem;
	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:0rem;
    line-height:0rem;
}

			   /*
.button {      
	  background-color:#ff6200; 
	  color:#ffffff;
	  font-size:1rem;
	  line-height:1.063rem;
	  font-weight:700;
	  font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	  border:0px solid #ff6200;
	  width:auto;
	  height:44px;
	  float:right;
	  font-style:normal;
	  padding:0px 20px 0px 20px;
	  margin:0 0 0 0;
	   }
*/
	   
.button {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	padding:12px 20px 12px 20px;
	float:right;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ff6200;
	border:1px solid #ff6200;
	cursor:pointer;
	-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;
	font-style:normal;
}

.button:hover {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	padding:12px 20px 12px 20px;
	float:right;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ffffff;
	border:1px solid #ff6200;
	cursor:pointer;
	-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;
	font-style:normal;
}

	@keyframes pulse_arrow_button {
		0% {
			background-position:top 14px right 20px;
		}

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

		100% {
			background-position:top 14px right 20px;
		}
	}
	   
	   
.button_filter {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 600;
	text-decoration:none;
	margin:0 0 0 0;
	padding:17px 0 17px 0;
	float:left;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ff6200;
	border:1px solid #ff6200;
	cursor:pointer;
	-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;
	font-style:normal;
	background-image:url(../images/ui_icon_lupe_weiss.png);
	background-position:center left 20px;
	background-repeat:no-repeat;
	box-sizing:border-box;
}

.button_filter:hover {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	font-weight: 600;
	text-decoration:none;
	margin:0 0 0 0;
	padding:17px 0 17px 0;
	float:left;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ffffff;
	border:1px solid #ff6200;
	cursor:pointer;
	-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;
	font-style:normal;
	background-image:url(../images/ui_icon_lupe_orange.png);
	background-position:center left 20px;
	background-repeat:no-repeat;
	animation: pulse_lupe_button_filter 0.7s 1;
	box-sizing:border-box;
}

.linkbox_filter {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ffffff;
	font-weight: 600;
	text-decoration:none;
	text-align:center;
	margin:0 0 0 0;
	padding:17px 0 17px 0;
	float:left;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ff6200;
	border:1px solid #ff6200;
	cursor:pointer;
	-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;
	font-style:normal;
	background-image:url(../images/ui_icon_lupe_weiss.png);
	background-position:center left 20px;
	background-repeat:no-repeat;
	box-sizing:border-box;
}

.linkbox_filter:hover {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1rem;
	color: #ff6200;
	font-weight: 600;
	text-decoration:none;
	text-align:center;
	margin:0 0 0 0;
	padding:17px 0 17px 0;
	float:left;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ffffff;
	border:1px solid #ff6200;
	cursor:pointer;
	-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;
	font-style:normal;
	background-image:url(../images/ui_icon_lupe_orange.png);
	background-position:center left 20px;
	background-repeat:no-repeat;
	animation: pulse_lupe_button_filter 0.7s 1;
	box-sizing:border-box;
}

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

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

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

 
.button_invisible {    background-color:#FFFFFF/*ecece9*/; 
			width:0px;
			height:0px;
			font-size:0rem;
			color:#FFFFFF;
            border:0px solid #dcdcdc;
			margin:0px;
			padding:0px;
			   }				   
			   


textarea {    background-color:#ffffff; 
              color:#646464;
			  font-style:italic;
              font-size:1rem;
              font-family:  'Open Sans', Arial, Helvetica, sans-serif;
			  border:0px solid #dcdcdc;
			  border-bottom:1px solid #dcdcdc;
			  width:100%;
			  height:147px;
			  margin:0px 0px 20px 0px;
			  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;
	}
	
	.txt_center_weiss div{
		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;
}

.orange{
	color:#ff6200;
}

.gold{
	color:#ff6200;
}


.blau{
	color:#486173;
}

.gruen{
	color:#ff6200;
}

.graua0{
	color:#a0a0a0;
}

.grau40{
	color:#404040;
}

.grau64{
	color:#646464;
}

.txt_bold{
	font-weight:700;
}

.txt_italic{
	font-style:italic;
}

.txt_small{
	font-size:0.875rem;
}


.msg_ok{
	font-size:1.125rem;
	font-weight:700;
	color:#35a936;
}

.msg_ok_small{
	font-size:0.938rem;
	font-weight:700;
	color:#35a936;
}

.msg_error{
	font-size:1.125rem;
	font-weight:bold;
	color:#d10019;
}

.msg_error_small{
	font-size:0.938rem;
	font-weight:bold;
	color:#d10019;
}


/* Accordion */

.accordion-open {
    /* background:#eb5729; */
    border:0;
	color: #ffffff;
	font-size:1.125rem;
}
.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;
}

.accordion-mitglieder-open span {
    display:block;
    float:left;
    padding:0px;
}
.accordion-mitglieder-open span {
    display:block;
    float:left;
	position:absolute;
    background:url(../images/ui_bg_icon_minus_weiss.png) center center no-repeat, #003072;
    padding:0px;
	height:100%;
	width:40px;
	top:0;
	bottom:0;
}
.accordion-mitglieder-close span {
    display:block;
    float:left;
	position:absolute;
    background:url(../images/ui_bg_icon_plus_weiss.png) center center no-repeat, #003072;
    padding:0px;
	height:100%;
	width:40px;
	top:0;
	bottom:0;
}

/* ende Accordion */

/* projekt :: start */


/* 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, #ff6200;
		/* 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:149px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		height:50px;
		background-color:#001531;
		z-index:999;
	}
	
		.nav_top_z1_links{
			float:right;
			display:inline;
			position:relative;
		}
		
	.bgdiv_nav_top_z2{
		float:left;
		display:inline;
		position:relative;
		height:115px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		z-index:500;
	}
	
		.nav_top_z2_logo{
			float:left;
			display:inline;
			position:relative;
			width:240px;
			margin:40px 0 0 0;
			padding:0 0 0 0;
		}
		
			.nav_top_z2_logo img{
				height:59px;
			}
			
		.nav_top_z2_links{
			float:right;
			display:inline;
			position:relative;
		}
			
		

/* 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:95px;
		z-index:1001;
		background-image:url(../images/bg_navi_scroll.png);
		background-repeat:repeat-x;
		transition: all 0.4s ease-in-out;
	}
		
		.nav_top_logo_scroll{
			float:left;
			display:inline;
			position:relative;
			width:165px;
			margin:20px 0 0 0;
			padding:0 0 0 0;
		}
		
			.nav_top_logo_scroll img{
				height:40px;
			}
			
		.nav_top_links_scroll{
			float:right;
			display:inline;
			position:relative;
			margin:0 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:#001531;
}

/* 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 */

/* social media :: start */

	.facebook{
		float:left;
		display:inline;
		position:relative;
		width:11px;
		height:21px;
		background-image:url(../images/ui_icon_facebook_weiss.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 20px;
		padding:0 0 0 0;
	}
	
		.facebook:hover{
			background-image:url(../images/ui_icon_facebook_orange.png);
		}
		
		.facebook img{
			width:100%;
			height:100%;
		}
		
		
	.instagram{
		float:left;
		display:inline;
		position:relative;
		width:21px;
		height:22px;
		background-image:url(../images/ui_icon_instagram_weiss.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 20px;
		padding:0 0 0 0;
	}
	
		.instagram:hover{
			background-image:url(../images/ui_icon_instagram_orange.png);
		}
		
		.instagram img{
			width:100%;
			height:100%;
		}
		
	.youtube_chanel{
		float:left;
		display:inline;
		position:relative;
		width:29px;
		height:20px;
		background-image:url(../images/ui_icon_youtube_01.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 20px;
		padding:0 0 0 0;
	}
	
		.youtube_chanel:hover{
			background-image:url(../images/ui_icon_youtube_02.png);
		}
		
		.youtube_chanel img{
			width:100%;
			height:100%;
		}
		
	.twitter{
		float:left;
		display:inline;
		position:relative;
		width:24px;
		height:21px;
		background-image:url(../images/ui_icon_twitter_weiss.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 20px;
		padding:0 0 0 0;
	}
	
		.twitter:hover{
			background-image:url(../images/ui_icon_twitter_orange.png);
		}
		
		.twitter img{
			width:100%;
			height:100%;
		}
		
	.x_twitter{
		float:left;
		display:inline;
		position:relative;
		width:22px;
		height:20px;
		background-image:url(../images/ui_icon_x_twitter_weiss.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 20px;
		padding:0 0 0 0;
	}
	
		.x_twitter:hover{
			background-image:url(../images/ui_icon_x_twitter_orange.png);
		}
		
		.x_twitter img{
			width:100%;
			height:100%;
		}
		
	.linkedin{
		float:left;
		display:inline;
		position:relative;
		width:20px;
		height:20px;
		background-image:url(../images/ui_icon_linkedin_weiss.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 20px;
		padding:0 0 0 0;
	}
	
		.linkedin:hover{
			background-image:url(../images/ui_icon_linkedin_orange.png);
		}
		
		.linkedin img{
			width:100%;
			height:100%;
		}

/* social media :: ende */

/* sachverständige :: start */

	.box_sachverstaendige{
		width:100%;
		box-sizing:border-box;
		margin:0 0 20px 0;
		padding:14px 20px 0px 20px;
		background-color:#ffffff;
	}
	
	.box_sachverstaendige_grau{
		width:100%;
		box-sizing:border-box;
		margin:0 0 20px 0;
		padding:14px 20px 0px 20px;
		background-color:#f5f5f5;
	}

/* sachverständige :: ende */

	/* testimonials :: start */
	
		.kunde{
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:1.125rem;
			font-style:normal;
			color:#ffffff;
			font-weight:700;
		}
		
		.firma{
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-size:1.125rem;
			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:1rem;
		line-height:1.5rem;
		margin:0 0 25px 0;
		padding:0 0 5px 0;
		border-bottom:1px solid #e6e6e6;
	}
	
		.content_teaser p{
			font-size:1.125rem;
		}
		
		
	.content_teaser_noborder{
		width:100%;
		font-size:1rem;
		line-height:1.5rem;
		margin:0 0 25px 0;
		padding:0 0 0 0;
	}
	
		.content_teaser_noborder p{
			font-size:1.125rem;
		}
	
	
	

	/* 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 #538120;
				  z-index:9999;
			}
			
			.menu > li > ul.sub-menu2 {
				min-width: 10em;
				padding: 4px 0;
				background-color: #dd0000;
				border: 1px solid #538120;
				  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: #3c3c3c; font-size: 1rem; font-family:  'Open Sans', Arial, Helvetica, sans-serif; }
			.menu ul li > a { height:20px; padding: 20px; }
			.menu ul ul { 
			  display: none; 
			  position: absolute; 
			  top:100%;
			  min-width: 160px;
			  background-color: #dd0000;
			  border: 1px solid #33445b;
			}
			.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: #dd0000; }
			.menu ul ul > li a:hover { background-color: #33445b; 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:#ffffff; }
	  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; }
	  .menu, .menu > ul ul ul { overflow: hidden; max-height: 0; background-color: #ffffff; }
	  .menu > li > ul.sub-menu { padding: 0px; border: none; }
	  .menu > li > ul.sub-menu2 { padding: 0px; border: none; }
	  .menu.active, .menu > ul ul.active { max-height: 4000px; height:90%; }
	  /* .menu.active, .menu > ul ul.active { max-height: 4000px; height:auto; } */
	  .menu ul { display: inline; }
	  .menu > ul { border-top: 0px solid #f0f0f0; }
	  .menu li, .menu > ul > li { display: block; }
	  .menu li a { color: #3c3c3c; display: block; padding: 0; border-bottom: 1px solid #33445b; position: relative; background:#f5f5f5; }
	  .menu li a:hover { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #33445b; position: relative; background:#001531; }
	  .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 #33445b; position: relative; background:#001531; }
		.menu li a.submenu_active { color: #ffffff; display: block; padding-left: 40px; background:#ff6200; }
		.menu li a.submenu2_active { color: #ffffff; display: block; padding-left: 60px; background:#33445b; font-style:italic; }
		.menu li a.has-submenu_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #33445b; position: relative; background:#001531; }
		.menu li a.has-submenu2_active { color: #ffffff; display: block; padding: 20px; border-bottom: 1px solid #33445b; position: relative; background:#001531; }
	  
	  .menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5rem;
		padding: 20px;
	  }
	  
	  .menu li.has-submenu2 > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5rem;
		padding: 20px;
	  }
	  
	  .menu li.has-submenu > a.active:after {
		content: "-";
	  }
	  
	  .menu li.has-submenu2 > a.active:after {
		content: "-";
	  }
	  .menu ul ul > li a { background: #dcdcdc; color:#3c3c3c; height:20px; padding: 20px; padding-left:40px; border-bottom: 1px solid #33445b; }
	  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	  
	  .menu ul ul ul > li a { background: #c8c8c8; color:#3c3c3c; height:20px; padding: 20px; padding-left:60px; border-bottom: 1px solid #33445b; font-style:italic; }
	  .menu ul ul ul > li a:hover { background: #33445b; color:#ffffff; height:20px; padding: 20px; padding-left:60px; border-bottom: 1px solid #33445b; font-style:italic; }



/* 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: #ffffff;
  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;
  border-radius:2px;
}

#nav-icon3_scroll span {
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background: #76b629;
  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;
  border-radius:2px;
}

#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;
  width: 20px;
  right:0px;
  left:auto;
}

#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);
	  width: 30px;
	  border-radius:2px;
	}

	.nav_menu:hover #nav-icon3 span:nth-child(3) {
	  list-style: none;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  width: 30px;
	  border-radius:2px;
	}

	.nav_menu:hover #nav-icon3 span:nth-child(4) {
	  list-style: none;
	  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;
  width: 20px;
  right:0px;
  left:auto;
}

#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);
	  width: 30px;
	  border-radius:2px;
	}

	.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);
	  width: 30px;
	  border-radius:2px;
	}

	.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 */