/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow_condensed/barlow-condensed-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow_condensed/barlow-condensed-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow_condensed/barlow-condensed-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/barlow_condensed/barlow-condensed-v12-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%;
	color:#969696;
	background-color:#ffffff; 
	transition: all 0.4s ease-in-out;
	word-wrap:break-word;
}

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

.scrollicon:hover {
	opacity:1;
}


a {           font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.250rem; line-height:1.5rem; text-decoration:underline;}
a:link {      color: #141414; }
a:active {    color: #ffd500; }
a:visited {   color: #141414; }
a:hover { 
	color: #ffd500;
	-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;
}

/* begin content-links fuer funktionen */

	a.f_link_www:link, a.f_link_www:visited {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #141414;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_arrow_link.png);
		background-position:top 13px left 8px;
		background-repeat:no-repeat;
		clear:both;
		text-transform:uppercase;
	}
	
		.div_con_100_dunkelgrau a.f_link_www{
			color:#ffffff;
		}

	a.f_link_www:hover, a.f_link_www:active {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #ffd500;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_arrow_link.png);
		background-position:top 13px left 8px;
		background-repeat:no-repeat;
		clear:both;
		animation: pulse_icon_link_www 0.7s 1;
		text-transform:uppercase;
	}
	
		@keyframes pulse_icon_link_www {
			0% {
				background-position:top 13px left 8px;
			}

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

			100% {
				background-position:top 13px left 8px;
			}
		}
	
	
	a.f_link_file:link, a.f_link_file:visited {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #141414;
		font-weight: 400;
		text-decoration:none;
		margin:0 20px 0 0;
		padding:5px 0 8px 34px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_download.png);
		background-position:top 3px left 0px;
		background-repeat:no-repeat;
		clear:both;
		text-transform:uppercase;
	}
	
		.div_con_100_dunkelgrau a.f_link_file{
			color:#ffffff;
		}

	a.f_link_file:hover, a.f_link_file:active {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #ffd500;
		font-weight: 400;
		text-decoration:none;
		margin:0 20px 0 0;
		padding:5px 0 8px 34px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_download.png);
		background-position:top 3px left 0px;
		background-repeat:no-repeat;
		clear:both;
		animation: pulse_icon_link_file 0.7s 1;
		text-transform:uppercase;
	}
	
		a.f_link_file_kl:link, a.f_link_file_kl:visited {
			font-size:1.250rem;
			line-height:1.500rem;
			color: #141414;
			font-weight: 400;
			text-decoration:none;
			margin:0 20px 0 0;
			padding:7px 0 9px 34px;
			float:left;
			display:inline;
			position:relative;
			background-image:url(../images/ui_icon_download.png);
			background-position:top 3px left 0px;
			background-repeat:no-repeat;
			clear:both;
		}
		
		a.f_link_file_kl:hover, a.f_link_file_kl:active {
			font-size:1.250rem;
			line-height:1.500rem;
			color: #ffd500;
			font-weight: 400;
			text-decoration:none;
			margin:0 20px 0 0;
			padding:7px 0 9px 34px;
			float:left;
			display:inline;
			position:relative;
			background-image:url(../images/ui_icon_download.png);
			background-position:top 3px 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 3px left 0px;
			}

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

			100% {
				background-position:top 3px left 0px;
			}
		}
	
	a.f_link_pdf:link, a.f_link_pdf:visited {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #141414;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_pdf.png);
		background-position:top 8px left;
		background-repeat:no-repeat;
		clear:both;
		text-transform:uppercase;
	}
	
		.div_con_100_dunkelgrau a.f_link_pdf{
			color:#ffffff;
		}

	a.f_link_pdf:hover, a.f_link_pdf:active {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #ffd500;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_pdf.png);
		background-position:top 8px 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 8px left;
			}

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

			100% {
				background-position:top 8px left;
			}
		}
	
	
	a.f_link_vid:link, a.f_link_vid:visited {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #141414;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_youtube.png);
		background-position:top 12px left 4px;
		background-repeat:no-repeat;
		clear:both;
		text-transform:uppercase;
	}
	
		.div_con_100_dunkelgrau a.f_link_vid{
			color:#ffffff;
		}

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

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

			100% {
				background-position:left 4px top 12px;
			}
		}
		
		
	a.f_link_3d:link, a.f_link_3d:visited {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #141414;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_3d.png);
		background-position:top 7px left 0px;
		background-repeat:no-repeat;
		clear:none;
		text-transform:uppercase;
	}
	
	a.f_link_3d:hover, a.f_link_3d:active {
		font-size:1.375rem;
		line-height:1.625rem;
		color: #ffd500;
		font-weight: 400;
		text-decoration:none;
		margin:0 0 0 0;
		padding:5px 0 5px 30px;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_3d.png);
		background-position:top 7px left 0px;
		background-repeat:no-repeat;
		clear:none;
		animation: pulse_icon_link_3d 0.7s 1;
		text-transform:uppercase;
	}
	
		@keyframes pulse_icon_link_3d {
			0% {
				background-position:top 7px left 0px;
			}

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

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

/* end content-links */
a.c_link_like_h2_weiss:link, a.c_link_like_h2_weiss:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; text-decoration:none; font-size:1.875rem; line-height:2.125rem; color: #ffffff; font-weight:600; margin:0 0 9px 0; padding:0 0 0 0; word-wrap: break-word; float:left; display:inline; position:relative; width:100%;
}

a.c_link_like_h2_weiss:hover, a.c_link_like_h2_weiss:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; text-decoration:underline; font-size:1.875rem; line-height:2.125rem; color: #ffffff; font-weight:600; margin:0 0 9px 0; padding:0 0 0 0; word-wrap: break-word; float:left; display:inline; position:relative; width:100%;
}

a.tel_link_like_h2_weiss:link, a.tel_link_like_h2_weiss:visited, a.tel_link_like_h2_weiss:hover, a.tel_link_like_h2_weiss:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; text-decoration:none; font-size:1.875rem; line-height:2.125rem; color: #ffffff; font-weight:600; margin:0 0 9px 0; padding:0 0 0 0; word-wrap: break-word; float:left; display:inline; position:relative; width:100%;
}

a.c_link_h4:link, a.c_link_h4:visited {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.500rem;
	color: #323232;
	font-weight: normal;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_h4:hover, a.c_link_h4:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.500rem;
	color: #ffd500;
	font-weight: normal;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_gr_weiss:link, a.c_link_gr_weiss:visited {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.750rem;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	margin:10px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_gr_weiss:hover, a.c_link_gr_weiss:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.750rem;
	color: #ffffff;
	font-weight: normal;
	text-decoration:underline;
	margin:10px 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_einklinker:link, a.c_link_einklinker:visited {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.625rem;
	line-height:1.625rem;
	color: #141414;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_einklinker:hover, a.c_link_einklinker:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.625rem;
	line-height:1.625rem;
	color: #141414;
	font-weight: 400;
	text-decoration:underline;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link_einklinker_tel:link, a.c_link_einklinker_tel:visited, a.c_link_einklinker_tel:hover, a.c_link_einklinker_tel:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.625rem;
	line-height:1.625rem;
	color: #141414;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	float:left;
	display:inline;
	position:relative;
}

a.c_link:link, a.c_link:visited {
	font-size:1.250rem;
	line-height:1.5rem;
	color: #141414;
	font-weight: normal;
	text-decoration:underline;
}

a.c_link:hover, a.c_link:active {
	font-size:1.250rem;
	line-height:1.5rem;
	color: #ffd500;
	font-weight: normal;
	text-decoration:underline;
}

.c_link_active{
	font-size:1.125rem;
	line-height:1.5rem;
	color: #f39324;
	font-weight: normal;
	text-decoration:underline;
	cursor:pointer;
}

a.c_link_more:link, a.c_link_more:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.125rem; line-height:1.5rem; font-weight:normal; outline:0;
	font-size:1.125rem;
	line-height:1.5rem;
	color: #1e1e1e;
	font-weight: 400;
	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:hover, a.c_link_more:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.125rem; line-height:1.5rem; font-weight:normal; outline:0;
	font-size:1.125rem;
	line-height:1.5rem;
	color: #f39324;
	font-weight: 400;
	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;
}


	@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: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.250rem;
	text-transform:uppercase;
	color: #1e1e1e;
	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: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.250rem;
	text-transform:uppercase;
	color: #ffd500;
	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.link_tel_all:link, a.link_tel_all:visited, a.link_tel_all:hover, a.link_tel_all:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.5rem;
	color: #787878;
	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:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.5rem;
	color: #787878;
	font-weight: normal;
	text-decoration:none;
}

a.nav_top_merkliste:link, a.nav_top_merkliste:visited {
	font-size:1.125rem;
	line-height:1.250rem;
	color: #ffffff;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 0 6px 19px;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_merkliste_01.png);
	background-position:top -1px left;
	background-repeat:no-repeat;
}

a.nav_top_merkliste:hover, a.nav_top_merkliste:active {
	font-size:1.125rem;
	line-height:1.250rem;
	color: #ffd500;
	font-weight: 400;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 0 6px 19px;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_merkliste_01.png);
	background-position:top -1px left;
	background-repeat:no-repeat;
	animation: pulse_merkliste 0.7s 1;
}

	@keyframes pulse_merkliste {
		0% {
			background-position:top -1px left;
		}

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

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

.trenner_nav_merkliste{
	float:left;
	display:inline;
	position:relative;
	width:1px;
	height:22px;
	background-color:#ffffff;
	margin:0 20px 0 20px;
	padding:0 0 0 0;
}

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:0 0 0 0;
	padding:0 0 18px 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:0 0 0 0;
	padding-bottom:0 0 18px 40px;
}


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


a.nav_top_lang:link, a.nav_top_lang:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #ffffff;
	font-weight: 400;
	margin:0 0 0 0;
	padding:0 15px 7px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_nav_drop.png);
	background-position:right 7px;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

a.nav_top_lang:hover, a.nav_top_lang:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #ffd500;
	font-weight: 400;
	margin:0 0 0 0;
	padding:0 15px 7px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-image:url(../images/ui_icon_nav_drop.png);
	background-position:right 7px;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

a.nav_top_01:link, a.nav_top_01:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.375rem;
	color: #ffffff;
	font-weight: 400;
	margin:0 0 0 40px;
	padding:0 0 20px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
}

a.nav_top_01:hover, a.nav_top_01:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.375rem;
	color: #ffd500;
	font-weight: 400;
	margin:0 0 0 40px;
	padding:0 0 20px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
}
	
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: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.375rem;
	color: #ffd500;
	font-weight: 400;
	margin:0 0 0 40px;
	padding:0 0 20px 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
}


	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 8px;
		background-repeat:no-repeat;
		padding-right:15px;
	}

	
	a.nav_top_01_scroll:link, a.nav_top_01_scroll:visited, a.nav_top_01_scroll:hover, a.nav_top_01_scroll:active {
		padding:0 0 37px 0;
	}
	
	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 {
		padding:0 19px 37px 0;
	}

		a.nav_top_01_sub:link, a.nav_top_01_sub:visited {
			font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
			font-size:1.375rem;
			line-height:1.375rem;
			color: #787878;
			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 #ffd500;
			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;
			text-align:right;
		}


		a.nav_top_01_sub:hover, a.nav_top_01_sub:active {
			font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
			font-size:1.375rem;
			line-height:1.375rem;
			color: #ffd500;
			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 #ffd500;
			background-color:#141414;
			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;
			text-align:right;
		}
			

		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: 'Barlow Condensed', Arial, Helvetica, sans-serif;
			font-size:1.375rem;
			line-height:1.375rem;
			color: #ffd500;
			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 #ffd500;
			background-color:#141414;
			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;
			text-align:right;
		}
		
		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:30px;
		}
		
a.nav_bottom_01:link, a.nav_bottom_01:visited {
	margin:0 0 0 0;
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.5rem;
	color: #787878;
	font-weight: normal;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	clear:both;
}

a.nav_bottom_01:hover, a.nav_bottom_01:active {
	margin:0 0 0 0;
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.5rem;
	color: #ffd500;
	font-weight: normal;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	clear:both;
}

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:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.5rem;
	color: #ffd500;
	font-weight: normal;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	clear:both;
}

a.linkbox_transparent:link, a.linkbox_transparent:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #ffffff !important;
	font-weight: 400;
	text-decoration:none;
	margin:0 20px 20px 0;
	padding:12px 45px 12px 20px;
	display:inline-block;
	background-color:transparent !important;
	border:1px solid #f39324 !important;
	-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;
	background-image:url(../images/ui_icon_arrow_link_white.png);
	background-repeat:no-repeat;
	background-position:right 20px top 13px;
	filter: none !important;
}

a.linkbox_transparent:hover, a.linkbox_transparent:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #ffffff !important;
	font-weight: 400;
	text-decoration:none;
	margin:0 20px 20px 0;
	padding:12px 45px 12px 20px;
	display:inline-block;
	background-color:#f39324 !important;
	border:1px solid #f39324 !important;
	-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;
	background-image:url(../images/ui_icon_arrow_link_white.png);
	background-repeat:no-repeat;
	background-position:right 20px top 13px;
	filter: none !important;
	animation: pulse_arrow_linkbox 0.7s 1;
}

a.linkbox_gelb:link, a.linkbox_gelb:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #141414 !important;
	font-weight: 700;
	text-decoration:none;
	margin:0 20px 20px 0;
	padding:21px 49px 22px 49px;
	display:inline-block;
	background-color:#ffd500 !important;
	border:1px solid #ffd500 !important;
	-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;
	filter: none !important;
	text-transform:uppercase;
}

a.linkbox_gelb:hover, a.linkbox_gelb:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #ffd500 !important;
	font-weight: 700;
	text-decoration:none;
	margin:0 20px 20px 0;
	padding:21px 49px 22px 49px;
	display:inline-block;
	background-color:#141414 !important;
	border:1px solid #ffd500 !important;
	-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;
	filter: none !important;
	text-transform:uppercase;
}

	a.linkbox_nomargin:link, a.linkbox_nomargin:visited, a.linkbox_nomargin:hover, a.linkbox_nomargin:active{
		margin:0 0 0 0;
	}
	
	.like_linkbox_gelb {
		font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
		font-size:1.125rem;
		line-height:1.125rem;
		color: #141414 !important;
		font-weight: 700;
		text-decoration:none;
		margin:0 20px 20px 0;
		padding:21px 49px 22px 49px;
		display:inline-block;
		background-color:#ffd500 !important;
		border:1px solid #ffd500 !important;
		-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;
		filter: none !important;
		text-transform:uppercase;
		cursor:pointer;
	}
	
		.like_linkbox_gelb:hover{
			color: #ffd500 !important;
			background-color:#141414 !important;
			border:1px solid #ffd500 !important;
			-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;
		}
		
	.like_linkbox_gelb_kl {
		font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
		font-size:1.125rem;
		line-height:1.125rem;
		color: #141414 !important;
		font-weight: 700;
		text-decoration:none;
		margin:0 20px 20px 0;
		padding:11px 29px 12px 29px;
		display:inline-block;
		background-color:#ffd500 !important;
		border:1px solid #ffd500 !important;
		-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;
		filter: none !important;
		text-transform:uppercase;
		cursor:pointer;
	}
	
		.like_linkbox_gelb_kl:hover{
			color: #ffd500 !important;
			background-color:#141414 !important;
			border:1px solid #ffd500 !important;
			-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: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #141414 !important;
	font-weight: 700;
	text-decoration:none;
	margin:0 20px 20px 0;
	padding:21px 49px 22px 49px;
	display:inline-block;
	background-color:#ffffff !important;
	border:1px solid #ffd500 !important;
	-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;
	filter: none !important;
	text-transform:uppercase;
}

a.linkbox_weiss:hover, a.linkbox_weiss:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	color: #141414 !important;
	font-weight: 700;
	text-decoration:none;
	margin:0 20px 20px 0;
	padding:21px 49px 22px 49px;
	display:inline-block;
	background-color:#ffd500 !important;
	border:1px solid #ffd500 !important;
	-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;
	filter: none !important;
	text-transform:uppercase;
}

a.linkbox_grau:link, a.linkbox_grau:visited {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.250rem;
	color: #141414 !important;
	font-weight: 400;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 9px 20px 0;
	padding:12px 45px 12px 20px;
	display:inline-block;
	background-color:#f0f0f0 !important;
	/* border:1px solid #f39324 !important; */
	-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;
	background-image:url(../images/ui_icon_arrow_link_grey.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	filter: none !important;
}

a.linkbox_grau:hover, a.linkbox_grau:active {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.250rem;
	line-height:1.250rem;
	color: #141414 !important;
	font-weight: 400;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 20px 20px 0;
	padding:9x 45px 12px 20px;
	display:inline-block;
	background-color:#ffd500 !important;
	/* border:1px solid #f39324 !important; */
	-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;
	background-image:url(../images/ui_icon_arrow_link_grey.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	filter: none !important;
	animation: pulse_arrow_linkbox 0.7s 1;
}

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

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

		100% {
			background-position:right 20px center;
		}
	}
	
	
	.box_news:hover a.linkbox_grau{
		font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
		font-size:1.250rem;
		line-height:1.250rem;
		color: #141414 !important;
		font-weight: 400;
		text-decoration:none;
		text-transform:uppercase;
		margin:0 20px 20px 0;
		padding:9x 45px 12px 20px;
		display:inline-block;
		background-color:#ffd500 !important;
		/* border:1px solid #f39324 !important; */
		-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;
		background-image:url(../images/ui_icon_arrow_link_grey.png);
		background-repeat:no-repeat;
		background-position:right 20px center;
		filter: none !important;
		animation: pulse_arrow_linkbox 0.7s 1;
	}
	

	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.linkbox_quadrat:link, a.linkbox_quadrat:visited {
	float:left;
	display:inline;
	position:relative;
	clear:both;
	box-sizing:border-box;
	width:40px;
	height:40px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline-block;
	background-color:#ffffff;
	border:1px solid #1e1e1e;
	-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;
	background-image:url(../images/ui_icon_arrow_link_black.png);
	background-repeat:no-repeat;
	background-position:center center;
}

a.linkbox_quadrat:hover, a.linkbox_quadrat:active {
	float:left;
	display:inline;
	position:relative;
	clear:both;
	box-sizing:border-box;
	width:40px;
	height:40px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline-block;
	background-color:#f39324;
	border:1px solid #f39324;
	-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;
	background-image:url(../images/ui_icon_arrow_link_white.png);
	background-repeat:no-repeat;
	background-position:center center;	
}

a.link_nomargin:link, a.link_nomargin:visited, a.link_nomargin:hover, a.link_nomargin:active {
	margin:0 0 0 0;
}


/* links fuer merklisten-funktionen :: start */

a.linkbox_merkliste:link, a.linkbox_merkliste:visited {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.500rem;
	color: #ffffff;
	font-weight: 400;
	padding:13px 20px 12px 50px;
	margin:20px 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffd500;
	border:1px solid #ffd500;
	background-image:url(../images/ui_icon_btn_merkliste_01.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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_merkliste:hover, a.linkbox_merkliste:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.500rem;
	color: #ffd500;
	font-weight: 400;
	padding:13px 20px 12px 50px;
	margin:20px 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ffd500;	
	background-image:url(../images/ui_icon_btn_merkliste_02.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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_merkliste_kl:link, a.linkbox_merkliste_kl:visited {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.500rem;
	color: #ffffff;
	font-weight: 400;
	padding:13px 0 12px 50px;
	margin:20px 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffd500;
	border:1px solid #ffd500;
	background-image:url(../images/ui_icon_btn_merkliste_01.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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_merkliste_kl:hover, a.linkbox_merkliste_kl:active {
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.500rem;
	color: #ffd500;
	font-weight: 400;
	padding:13px 20px 12px 50px;
	margin:20px 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ffd500;	
	background-image:url(../images/ui_icon_btn_merkliste_02.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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;
}

	.div_linkbox_merkliste{
		font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
		font-size:1.375rem;
		line-height:1.500rem;
		color: #ffffff;
		font-weight: 400;
		padding:13px 20px 12px 50px;
		margin:20px 0 0 0;
		text-decoration:none;
		float:left;
		display:inline;
		position:relative;
		background-color:#ffd500;
		border:1px solid #ffd500;
		background-image:url(../images/ui_icon_btn_merkliste_01.png);
		background-repeat:no-repeat;
		background-position:20px center;
		-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;
		cursor:pointer;
	}
	
		.div_linkbox_merkliste:hover{
			color: #ffd500;
			background-color:#ffffff;
			background-image:url(../images/ui_icon_btn_merkliste_02.png);
			-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;
		}
		
		
	.div_linkbox_merkliste_kl{
		font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
		font-size:1.125rem;
		line-height:1.500rem;
		color: #ffffff;
		font-weight: 400;
		padding:8px 15px 7px 45px;
		margin:20px 0 0 0;
		text-decoration:none;
		float:left;
		display:inline;
		position:relative;
		background-color:#ffd500;
		border:1px solid #ffd500;
		background-image:url(../images/ui_icon_btn_merkliste_01.png);
		background-repeat:no-repeat;
		background-position:15px center;
		-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;
		cursor:pointer;
	}
	
		.div_linkbox_merkliste_kl:hover{
			color: #ffd500;
			background-color:#ffffff;
			background-image:url(../images/ui_icon_btn_merkliste_02.png);
			-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;
		}
		
	
	.div_linkbox_delete_produkt{
		clear:both;
		font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
		font-size:1.000rem;
		line-height:1.500rem;
		color: #323232;
		font-weight: 400;
		padding:0px 0px 0px 25px;
		margin:10px 0 0 0;
		text-decoration:none;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_btn_merkliste_delete_01.png);
		background-repeat:no-repeat;
		background-position:left center;
		cursor:pointer;
	}
	
		.div_linkbox_delete_produkt:hover{
			color: #c40000;
			background-image:url(../images/ui_icon_btn_merkliste_delete_02.png);
			-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;
		}
		
	.div_linkbox_delete_zubehoer{
		width:19px;
		height:21px;
		padding:0px 0px 0px 0px;
		margin:5px 0 0 0;
		text-decoration:none;
		float:right;
		display:inline;
		position:relative;
		background-image:url(../images/ui_icon_btn_merkliste_delete_01.png);
		background-repeat:no-repeat;
		background-position:left center;
		cursor:pointer;
	}
	
		.div_linkbox_delete_zubehoer:hover{
			background-image:url(../images/ui_icon_btn_merkliste_delete_02.png);
			-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;
		}
		
		.div_linkbox_delete_zubehoer img{
			width:19px;
			height:21px;
		}
	


a.linkbox_merkliste_anzeigen:link, a.linkbox_merkliste_anzeigen:visited {
	clear:both;
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.500rem;
	color: #ffffff;
	font-weight: 400;
	padding:13px 20px 12px 50px;
	margin:20px 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffd500;
	border:1px solid #ffd500;
	background-image:url(../images/ui_icon_btn_merkliste_show_01.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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_merkliste_anzeigen:hover, a.linkbox_merkliste_anzeigen:active {
	clear:both;
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.500rem;
	color: #ffd500;
	font-weight: 400;
	padding:13px 20px 12px 50px;
	margin:20px 0 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ffd500;	
	background-image:url(../images/ui_icon_btn_merkliste_show_02.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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_config:link, a.linkbox_config:visited {
	clear:both;
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.750rem;
	color: #ffffff;
	font-weight: 400;
	padding:13px 20px 12px 65px;
	margin:20px 40px 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffd500;
	border:1px solid #ffd500;
	background-image:url(../images/ui_icon_config_01.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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_config:hover, a.linkbox_config:active {
	clear:both;
	font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.375rem;
	line-height:1.750rem;
	color: #ffd500;
	font-weight: 400;
	padding:13px 20px 12px 65px;
	margin:20px 40px 0 0;
	text-decoration:none;
	float:left;
	display:inline;
	position:relative;
	background-color:#ffffff;
	border:1px solid #ffd500;	
	background-image:url(../images/ui_icon_config_02.png);
	background-repeat:no-repeat;
	background-position:20px center;
	-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;
}

/* links fuer merklisten-funktionen :: ende */


/* 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:0px;
  z-index: 1001;
}

.nav li:hover ul{
  top: 42px;  
  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 lan-navi :: 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: 25px;  
  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 lan-navi :: ende */

/* dropdown burger-menu :: start */

.nav_menu, .nav_menu ul { 
	list-style: none;
	margin: 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: 42px;  
  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 */


/* markieren hauptnavi-punkt bei mouseover im dropdown :: start */
	
	.nav:hover a.nav_top_01{
		color:#ffd500;
	}
	
/* markieren hauptnavi-punkt bei mouseover im dropdown :: ende */


h1{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:3.125rem; line-height:3.75rem; color: #141414; font-weight:700; margin:0 0 23px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; }
h2{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h2.h2_h1{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:3.125rem; line-height:3.75rem; color: #141414; font-weight:700; margin:0 0 23px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; }
h2.h2_h1_center{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:3.125rem; line-height:3.75rem; color: #141414; font-weight:700; margin:0 0 23px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; text-align:center; }
h2.h2_h1_weiss{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:3.125rem; line-height:3.75rem; color: #ffffff; font-weight:700; margin:0 0 23px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; }
h2.h2_h1_weiss_nomargin{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:3.125rem; line-height:3.75rem; color: #ffffff; font-weight:700; margin:0 0 4px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; }
h2.h2_h1_center_weiss{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:3.125rem; line-height:3.75rem; color: #ffffff; font-weight:700; margin:0 0 23px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; text-align:center; }
h2.h2_pb{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 10px 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
.like_h2{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #787878; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
.like_h2_center{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #787878; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; text-align:center; }
.like_h2_center_weiss{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #ffffff; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; text-align:center; }
.like_h2_dunkelgrau{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h3{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h3.h3_gelb{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #ffd500; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h3.h3_accordeon{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:20px 0 20px 50px; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h4{font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h4.h4_galery{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h4.h4_list{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 15px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
.like_h4_list{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 15px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h5{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 20px 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h5.h5_weiss{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #ffffff; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }
h6{ font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.375rem; line-height:1.875rem; color: #141414; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; text-transform:uppercase; word-wrap: break-word; float:left; display:inline; position:relative; width:100%; }

p,div { font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.250rem; line-height:1.625rem; color:#787878; margin-top:0px; padding-top:0px; word-wrap: break-word; font-weight:400; }
td {    font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif; font-size:1.250rem; line-height:1.625rem; color:#787878; 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:normal;
              font-size:1.250rem;
              font-family:  'Barlow Condensed', Arial, Helvetica, sans-serif;
			  border:0px solid #dcdcdc;
			  border-bottom:1px solid #dcdcdc;
			  margin:0 40px 20px 0;
			  padding:17px 20px 17px 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:#ffffff; 
              color:#646464;
			  font-style:italic;
              font-size:1.250rem;
              font-family:  'Barlow Condensed', 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:15px 20px 14px 20px;
			   /* font-style:italic; */
			   
			   }


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 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 {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	text-transform:uppercase;
	color: #141414;
	font-weight: 700;
	font-style:normal;
	text-decoration:none;
	margin:0 0 0 0;
	padding:18px 30px 22px 30px;
	float:right;
	display:inline;
	position:relative;
	width:auto;
	background-color:#ffd500;
	border:0px solid #ffd500;
	cursor:pointer;
	/* border-radius: 20px; */
	-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;
	/* background-image:url(../images/ui_icon_arrow_link_white.png); */
	/* background-repeat:no-repeat; */
	/* background-position:right 20px top 13px; */
}

.button:hover {
	font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	line-height:1.125rem;
	text-transform:uppercase;
	color: #ffd500;
	font-weight: 700;
	font-style:normal;
	text-decoration:none;
	margin:0 0 0 0;
	padding:18px 30px 22px 30px;
	float:right;
	display:inline;
	position:relative;
	width:auto;
	background-color:#141414;
	border:0px solid #141414;
	cursor:pointer;
	/* border-radius: 20px; */
	-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;
	/* background-image:url(../images/ui_icon_arrow_link_black.png); */
	/* background-repeat:no-repeat; */
	/* background-position:right 20px top 13px; */
	/* animation: pulse_arrow_linkbox 0.7s 1; */
}

	@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_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:1.250rem;
              font-family:  'Barlow Condensed', 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:1.5rem;
	display:block;
	font-style:normal;
}

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


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

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

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

.div_con_100_bgpic{
	float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; background-image:url(../images/bg_stoerer_start_vorteile.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; 
}

.div_con_100_bgpic_detail{
	float:left; position:relative; display:inline; width:100%; height:140px; margin:0 0 0 0; padding:0 0 0 0; background-image:url(../images/bg_stoerer_detail_01.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; 
}

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

.txt_weiss{
	color:#ffffff;
}

	.txt_weiss p{
		color:#ffffff;
	}
	
	.txt_weiss div{
		color:#ffffff;
	}

.txt_hellgrau{
	color:#c8c8c8;
}

	.txt_hellgrau p{
		color:#c8c8c8;
	}
	
	.txt_hellgrau div{
		color:#c8c8c8;
	}

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

.sp_100p_box_white {
  margin: 0 0 0 0;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
}

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

.kursiv{
	font-style:italic;
}

.weiss{
	color:#ffffff;
}

.rot{
	color:#c00d0e;
}

.yellow{
	color:#ffd500;
}

.txt_bold{
	font-weight:700;
}

.txt_italic{
	font-style:italic;
}

.txt_small{
	font-size:1.125rem;
}


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


/* ende Accordion */

/* projekt :: start */

.info_teaser{
	float:left;
	display:inline;
	position:relative;
	width:100%;
	font-size:1.375rem;
	line-height:1.625rem;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

	.info_teaser p{
		font-size:1.375rem;
		line-height:1.625rem;
	}

/* schnell-kontakt / tel :: start */
	
	.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, #ffd500;
		/* 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 */

	.div_nav_top_z1{
		float:left;
		display:inline;
		position:relative;
		height:140px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		/*
		background-image:url(../images/bg_navi.png);
		background-position:top center;
		background-repeat:repeat-x;
		*/
		z-index:10;
	}
	
		.nav_top_logo{
			float:left;
			display:inline;
			position:relative;
			width:220px;
			margin:20px 0 0 40px;
			padding:0 0 0 0;
		}
		
			.nav_top_logo img{
				width:240px;
			}

		.nav_top_links{
			float:right;
			display:inline;
			position:relative;
			margin:15px 40px 0 0;
			padding:0 0 0 0;
		}
		
			.nav_top_links_z1{
				float:right;
				display:inline;
				position:relative;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			.nav_top_links_z2{
				float:right;
				display:inline;
				position:relative;
				margin:22px 0 0 0;
				padding:0 0 0 0;
				clear:right;
			}

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

	.div_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:61px;
		z-index:1001;
		background-image:url(../images/bg_abdecker_grau_85.png);
		transition: all 0.4s ease-in-out;
	}
		
		.nav_top_logo_scroll{
			float:left;
			display:inline;
			position:relative;
			width:170px;
			margin:10px 0 0 40px;
			padding:0 0 0 0;
		}
		
			.nav_top_logo_scroll img{
				width:35px;
			}
			
		.nav_top_links_scroll{
			float:right;
			display:inline;
			position:relative;
			margin:19px 40px 0 0;
			padding:0 0 0 0;
		}
	
/* scroll-navi */

/* logo mobile :: start */

	.div_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:#383838;
}

/* abdecker :: start */

	.bg_abdecker_40{
		width:100%;
		height:100%;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/bg_abdecker_grau_40.png);
		background-repeat:repeat;
	}
	
	.bg_abdecker_60{
		width:100%;
		height:100%;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/bg_abdecker_grau_60.png);
		background-repeat:repeat;
	}
	
	.bg_abdecker_85{
		width:100%;
		height:100%;
		float:left;
		display:inline;
		position:relative;
		background-image:url(../images/bg_abdecker_grau_85.png);
		background-repeat:repeat;
	}

/* abdecker :: ende */

/* social media :: start */

	.facebook{
		float:right;
		display:inline;
		position:relative;
		width:11px;
		height:19px;
		background-image:url(../images/ui_icon_social_facebook_01.png);
		background-repeat:no-repeat;
		background-position:left top;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
		.facebook:hover{
			background-image:url(../images/ui_icon_social_facebook_02.png);
		}
		
		.facebook img{
			width:100%;
			height:100%;
		}
		
		
	.instagram{
		float:right;
		display:inline;
		position:relative;
		width:19px;
		height:19px;
		background-image:url(../images/ui_icon_social_instagram_01.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_social_instagram_02.png);
		}
		
		.instagram img{
			width:100%;
			height:100%;
		}
		
	.youtube_chanel{
		float:right;
		display:inline;
		position:relative;
		width:33px;
		height:21px;
		background-image:url(../images/ui_icon_social_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_social_youtube_02.png);
		}
		
		.youtube_chanel img{
			width:100%;
			height:100%;
		}

/* social media :: ende */


/* maschinen :: start */

	.hinweis_merkliste {
		float: left;
		display: inline;
		position: relative;
		width: 100%;
		margin: 20px 0 10px 0;
		padding: 0 0 0 0;
		font-style: italic;
	}

/* maschinen :: 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;
	}
	
	
/* footer :: start */

	.div_con_100_footer_z1{
		background-color:#1c1c1c;
		border-bottom:1px solid #343434;
	}
	
		.div_con_100_footer_z1 div{
			color:#a0a0a0;
		}
	
	.div_con_100_footer_z2{
		background-color:#1c1c1c;
	}
	
		.div_con_100_footer_z2 div{
			color:#a0a0a0;
		}
	
/* footer :: 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 ul li { padding: 0px; margin: 0px; }
			.menu > ul > li { display: inline-block; }
			.menu ul li a { display: block; text-decoration: none; color: #787878; font-size:1.375rem; font-family:  'Barlow Condensed', 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: #ffd500;
			  border: 1px solid #ffd500;
			}
			.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: #141414; }
			.menu ul ul > li a:hover { background-color: #141414; 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: #f1f1f1; }
	  .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: #787878;; display: block; padding: 0; border-bottom: 1px solid #ffd500; position: relative; background:#f5f5f5; }
	  .menu li a:hover { color: #ffd500; display: block; padding: 20px; border-bottom: 1px solid #ffd500; position: relative; background:#141414; }
	  .menu li a.nav_res_sub2:hover { padding-left:40px; font-style:italic; }
		
		.menu li a.menu_active { color: #ffd500; display: block; padding: 20px; border-bottom: 1px solid #ffd500; position: relative; background:#141414; }
		.menu li a.submenu_active { color: #ffd500; display: block; padding-left: 40px; background:#141414; }
		.menu li a.has-submenu_active { color: #ffd500; display: block; padding: 20px; border-bottom: 1px solid #ffd500; position: relative; background:#141414; }
	  
	  .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: #6c6c6c; color:#ffffff; height:20px; padding: 20px; padding-left:40px; border-bottom: 1px solid #ffd500; }
	  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	  
	  .menu ul ul ul > li a { background: #6c6c6c; color:#ffffff; height:20px; padding: 20px; border-bottom: 1px solid #ffd500; }
	  
	  
/* 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: #ffd500;
  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: #ffd500;
  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-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 */