/*
	Dunkelrot	-	#cc071e #CC071E
					rgba(204, 7, 30, 0.5)
	Hellrot		-	#e2001a #E2001A
	Blau		-	#3d62a4 (Blau 100% als 'Hausfarbe')
					#9eb0d1 (Blau 50% als HEX-Farbe)
					#ced8e8 (Blau 25% als HEX-Farbe)
					rgba(61, 98, 164, 0.5);
					CMYK: 82 62 2 0
	Grau		-	#e6e6e6 #E6E6E6
					rgba(230, 230, 230, 0.5)
*/

/* css reset beginn */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content:'';
	content:none;
}
table, tbody {
	border-collapse:collapse;
	border-spacing:0;
}
/* css reset end */

body {
	word-wrap:break-word;
	hyphens:auto;
	}
::selection {
	color:#cc071e; /*Dunkelrot*/
	background:#fff;
}
::-moz-selection {
	color:#cc071e; /*Dunkelrot*/
	background:#fff;
}
::-webkit-selection {
	color:#cc071e; /*Dunkelrot*/
	background:#fff;
}
h1, 
h2 {
	width:auto;
	min-height:35px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:30px;
	color:#fff;
	padding-left:10px;
	display:block;
	word-wrap:break-word;
	border-bottom:2px solid #FFF;
	background-color:#cc071e; /*Dunkelrot*/
}
h3 {
	min-height:35px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:30px;
	color:#fff;
	padding-left:10px;
	margin-bottom:2px;
	display:block;
	word-wrap:break-word;
	background-color:#cc071e; /*Dunkelrot*/
}
@media only screen and (min-width:0px) and (max-width:599px) {
	h4 { /*txt_3_pics_1,2,3*/
		min-height:30px;
		width:auto;
		font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:27px;
		color:#fff;
		margin-top:2px;
		padding-right:10px;
		padding-left:10px;
		border-top:1px solid #3d62a4; /*100% Blau*/
		display:block;
		word-wrap:break-word;
		background-color:#9eb0d1; /*50% Blau*/
	}
}
@media only screen and (min-width:600px) and (max-width:1023px) {
	h4 {
		min-height:30px;
		width:auto;
		font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
		font-size:18px;
		line-height:25px;
		color:#fff;
		margin-top:2px;
		padding-right:10px;
		padding-left:10px;
		border-top:1px solid #3d62a4; /*100% Blau*/
		display:block;
		word-wrap:break-word;
		background-color:#9eb0d1; /*50% Blau*/
	}
}
@media only screen and (min-width:1024px) {
	h4 {
		min-height:30px;
		width:auto;
		font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height:25px;
		color:#fff;
		margin-top:2px;
		padding-right:10px;
		padding-left:10px;
		border-top:1px solid #3d62a4; /*100% Blau*/
		display:block;
		word-wrap:break-word;
		background-color:#9eb0d1; /*50% Blau*/
	}
}
	h5 { /* Referenzen */
		min-height:30px;
		width:auto;
		font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height:25px;
		text-align:center;
		color:#3d62a4; /*100% Blau*/
		margin-top:2px;
		padding-right:10px;
		padding-left:10px;
		border-top:1px solid #3d62a4; /*100% Blau*/
		display:block;
		word-wrap:break-word;
		background-color:#ced8e8; /*25% Blau*/
	}

/* header beginn */
@media only screen and (min-width:0px) and (max-width:320px) {
	#header {
		width:100%;
		height:352px;
		margin-bottom:20px;
		display:block;
	}
}
@media only screen and (min-width:321px) and (max-width:1280px) {
	#header {
		height:232px;
		margin-bottom:20px;
		display:block;
	}
}
#logo{
	width:100%;
	height:100px;
	padding:10px 0px 10px 0px;
	position:relative;
	display:block;
	overflow:hidden;
	background-color:#cc071e; /*Dunkelrot*/
		animation:logo_move 2s 1 linear;
}
	@keyframes logo_move {
		0% {top:-100%;}
		25% {top:0%}
		100% {top:0%}
	}
#logo a {
	width:206px;
	height:100px;
	right:-50%;
	margin-left:-103px;
	display:block;
	position:relative;
}
#logo img {
	width:206px;
	height:100px;
	display:block;
	position:relative;
}
@media only screen and (min-width:0px) {
	#navi {
		width:100%;
		height:20px;
		margin-top:2px;
		margin-bottom:20px;
		display:block;
		position:relative;
		overflow:hidden;
		background-color:#3d62a4; /*100% Blau*/
			animation:navi_move 1s 1 linear;
	}
		@keyframes navi_move {
			0% {height:0;}
			50%  {height:0px;}
			100%  {height:20px;}
		}
	#navi ul {
		width:75%;
		height:20px;
		right:-12.5%;
		display:block;
		position:relative;
	}
	#navi ul li {
		width:10.75%;
		height:20px;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:20px;
		color:#fff;
		text-align:center;
		display:inline;
		float:left;
	}
	#navi ul li.active {
		height:20px;
		display:block;
		position:relative;
		background-color:#fff;
	}
	#navi ul li.active a {
		color:#3d62a4; /*100% Blau*/
		text-decoration:none;
	}
	#navi ul li :hover {
		color:#3d62a4; /*100% Blau*/
		background-color:#fff;
		outline:none; /* Remove Dotted Link Borders for IE */
		}
	#navi ul li :active {
		color:#3d62a4; /*100% Blau*/
		outline:none;*/ /* Remove Dotted Link Borders for IE */
	}
	#navi a {
		color:#fff;
		text-decoration:none;
		display:block;
	}
/* menu buttons animation beginn */
	/*a.btn {
		display:inline-block;
		position:relative;
		overflow:hidden;
	}
	a.btn span {
		width:100%;
		height:20px;
		display:inline-block;
		-webkit-transition: -webkit-transform 0.25s;
		transition: -webkit-transform 0.25s;
		transition: transform 0.25s;
	}
	a.btn .row2 {
		top:0;
		left:0;
		position:absolute;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
	}
	a.btn:hover .row1 {
		-webkit-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	a.btn:hover .row2 {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}*/
/* menu buttons animation end */
}
	@media only screen and (min-width:0px) and (max-width:320px) {
		#navi {
			height:230px;
		}
		#navi ul {
			height:230px;
		}
		#navi ul li {
			width:100%;
		}
	}
	@media only screen and (min-width:321px) and (max-width:1280px) {
		#navi {
			height:110px;
		}
		#navi ul {
			height:110px;
		}
		#navi ul li {
			width:49%;
		}
	}
@media only screen and (min-width:0px) {
	#menu_a, 
	#menu_b, 
	#menu_c, 
	#menu_d,
	#menu_e,
	#menu_f, 
	#menu_g,
	#menu_h {
		width:10.75%;
		height:20px;
		color:#fff;
		float:left;
		margin-right:2%;
		position:relative;
		display:inline;
		list-style:none;
		text-decoration:none;
	}
	#menu_h {
		margin-right:0;
	}
}
@media only screen and (min-width:0px) and (max-width:239px) {
	#menu_a, 
	#menu_b, 
	#menu_c, 
	#menu_d,
	#menu_e,
	#menu_f,
	#menu_g,
	#menu_h  {
		width:100%;
		height:20px;
		margin-bottom:10px;
	}
}
@media only screen and (min-width:240px) and (max-width:1280px) {
	#menu_a, 
	#menu_b, 
	#menu_c, 
	#menu_d,
	#menu_e,
	#menu_f,
	#menu_g,
	#menu_h  {
		width:49%;
		height:20px;
		margin-right:2%;
		margin-bottom:10px;
	}
	#menu_b, 
	#menu_d,
	#menu_f,
	#menu_h  {
		margin-right:0%;
	}
}
	#menu_a {animation:menu_move_b 1s 1 linear; animation-delay:0.5s;} 
	#menu_b {animation:menu_move_b 1s 1 linear; animation-delay:0.5s;} 
	#menu_c {animation:menu_move_c 1s 1 linear; animation-delay:0.5s;} 
	#menu_d {animation:menu_move_d 1s 1 linear; animation-delay:0.5s;}
	#menu_e {animation:menu_move_e 1s 1 linear; animation-delay:0.5s;}
	#menu_f {animation:menu_move_f 1s 1 linear; animation-delay:0.5s;}
	#menu_g {animation:menu_move_g 1s 1 linear; animation-delay:0.5s;}
	#menu_h {animation:menu_move_h 1s 1 linear; animation-delay:0.5s;}
		@keyframes 
			menu_move_a {
				0% {opacity:0;}
				60% {opacity:0;}
				65% {opacity:1}
		}
		@keyframes 
			menu_move_b {
				0% {opacity:0;}
				65% {opacity:0;}
				70% {opacity:1}
		}
		@keyframes 
			menu_move_c {
				0% {opacity:0;}
				70% {opacity:0;}
				75% {opacity:1}
		}
		@keyframes 
			menu_move_d {
				0% {opacity:0;}
				75% {opacity:0;}
				80% {opacity:1}
		}
		@keyframes 
			menu_move_e {
				0% {opacity:0;}
				80% {opacity:0;}
				85% {opacity:1}
		}
		@keyframes 
			menu_move_f {
				0% {opacity:0;}
				85% {opacity:0;}
				90% {opacity:1}
		}
		@keyframes 
			menu_move_g {
				0% {opacity:0;}
				90% {opacity:0;}
				95% {opacity:1}
		}
		@keyframes 
			menu_move_h {
				0% {opacity:0;}
				95% {opacity:0;}
				100% {opacity:1}
		}	
/* header end */

/* slider beginn */
#slider {
	width:100%;
	height:480px;
	margin-bottom:20px;
	display:block;
	overflow:hidden; /*important - nicht löschen*/
	padding:2px 0px 2px 0px;
	border-top:1px solid #3d62a4 /*100% Blau*/;
	border-bottom:1px solid #3d62a4 /*100 Blau*/;
}
#slider_img {
	width:1920px;
	height:480px;
	left:50%;
	margin-left:-960px;
	display:block;
	overflow:hidden;
	position:relative;
}
/*video {
	width:1920px;
	height:1080px;
	top:-50%;
	display:block;
	position:relative;
}*/
#slider_txt {
	width:100%;
	height:100%;
	float:left;
	margin-top:-480px;
	display:block;
	position:relative;
		animation:slider_txt_move 2s 1 linear;
}
	@keyframes slider_txt_move {
		from {right:-100%;}
		to   {right:0%;}
	}
#slider_txt p {
	width:50%;
	height:auto;
	right:0;
	bottom:20px;
	padding:2px;
	margin-right:-2px;
	border:1px solid #fff;
	display:block;
	position:absolute;
}
#slider_txt a {
	width:auto;
	height:auto;
	font-family:'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#cc071e; /*Dunkelrot*/
	text-align:left;
	padding:20px;
	display:block;
	position:relative;
	overflow:hidden;

	background-color:#ffffff;
	/* Theoretically for IE 8 & 9 (more valid) ...but not required as filter works too should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	
	/* This works in IE 8 & 9 too, ... but also 5, 6, 7 */
	filter:alpha(opacity=75);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.75;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity:0.75;

	/* Modern! Firefox 0.9+, Safari 2?, Chrome any?	Opera 9+, IE 9+ */
	zoom:1;
	filter:alpha(opacity=75);
	opacity:0.75;
}
#slideshow {
	width:100%;
	height:100%;
	display:block;
	background-color:#3d62a4; /*100% Blau*/
}
/* slider end */

/* content beginn */
.content_wrap {
	width:75%;
	height:auto;
	margin-left:12.5%;
	display:block;
	overflow:hidden;
	position:relative;
}
.content_100 {
	width:100%;
	height:100%;
	display:block;
}
/* cmyx dots & hr-line beginn */
/*.cmyk_dots {
	width:12px;
	height:12px;
	top:30px;
	right:10px;
	display:block;
	position:absolute;
	z-index:10; /* damit es bei animationen darüber liegt */
/*}
.cmyk_dots img {
	width:12px;
	height:12px;
	display:block;
}
.hr-line {
	width:100%;
	height:1px;
	display:block;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(14, 22, 85, 1.0), rgba(255, 255, 255, 0.0));
}
.hr-line_cmyk {
	width:100%;
	height:1px;
	float:left;
	display:block;
	margin-top:40px;
	margin-bottom:40px;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(14, 22, 85, 1.0), rgba(255, 255, 255, 0.0));
}
.hr-line_cmyk img {
	width:23px;
	height:23px;
	margin-top:-12px;
	margin-left:-12px;
	left:50%;
	padding:1px;
	position:absolute;
	border-radius:20px;
	background-color:#fff;
		animation:hr-line_cmyk 10s infinite linear;
}
@keyframes hr-line_cmyk {
    0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}*/
/* cmyx dots & hr-line end */

/* kreuz & hr-line beginn */
.kreuz {
	width:30px;
	height:30px;
	top:17px;
	right:10px;
	display:block;
	position:absolute;
	z-index:10; /* damit es bei animationen darüber liegt */
}
.kreuz img {
	width:30px;
	height:30px;
	display:block;
}
.hr-line {
	width:100%;
	height:1px;
	display:block;
	margin:5px 0px 5px 0px;
	/*background-color:#9eb0d1; /*25% Blau*/
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(61, 98, 164, 1.0), rgba(255, 255, 255, 0));
}
.hr-line_gradient {
	width:100%;
	height:1px;
	display:block;
	margin:10px 0px 10px 0px;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(61, 98, 164, 1.0), rgba(255, 255, 255, 0.0));
}
.horizontal-line_1 {
	width:100%;
	height:1px;
	display:block;
	margin-top:40px;
	margin-bottom:40px;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(61, 98, 164, 1.0), rgba(255, 255, 255, 0.0));
}
.horizontal-line_1 img {
	width:30px;
	height:30px;
	margin-top:-19px;
	margin-left:-15px;
	left:50%;
	position:absolute;
}
.horizontal-line_2 {
	width:100%;
	height:1px;
	float:left;
	display:block;
	margin-top:20px;
	margin-bottom:40px;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(61, 98, 164, 1.0), rgba(255, 255, 255, 0.0));
}
.horizontal-line_2 img {
	width:30px;
	height:30px;
	margin-top:-10px;
	margin-left:-15px;
	left:50%;
	position:absolute;
}
/* kreuz & hr-line end */

/* txt_100_unternehmen beginn */
	.txt_100_unternehmen {
		width:100%;
		height:auto;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
	.txt_100_unternehmen p {
		width:100% -20px;
		height:auto;
		padding:20px;
		display:block;
	}
	.txt_100_unternehmen a {
		width:100%;
		height:auto;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	.txt_100_unternehmen a span {
		font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	}
/* txt_100_unternehmen end */
/* txt_100 beginn */
.txt_100 {
	width:100% -20px;
	height:auto;
	display:block;
	padding:20px;
	margin-bottom:2px;
	background-color:#ced8e8; /*25% Blau*/
}
.txt_100 span {
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
}
@media only screen and (min-width:0px) and (max-width:1023px) {
	.txt_100 p {
		width:100%;
		height:auto;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
}
@media only screen and (min-width:1024px) {
	.txt_100 p {
		width:100%;
		height:auto;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100 Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	.txt_100 a {
		display:block;
	}
}
/* txt_100 end */
/* txt_100_AGB beginn */
.txt_100_agb {
	width:100% -20px;
	height:auto;
	display:block;
	padding:20px;
	overflow:hidden;
	margin-bottom:20px;
	background-color:#ced8e8; /*25% Blau*/
}
#acrobat { /*acrobat icon*/
	width:60px;
	height:60px;
	float:left;
	margin-right:20px;
	display:block;
	overflow:hidden;
	background-color:lime;
}
.txt_100_agb img { /*acrobat icon*/
	width:50px;
	height:50px;
	padding:5px;
	float:left;
	display:block;
	background-color:#3d62a4; /*100% Blau*/
}
.txt_100_agb a {
	width:auto;
	height:auto;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100 Blau*/
	font-size:14px;
	line-height:24px;
	text-align:left;
	word-wrap:break-word;
	display:block;
	overflow:hidden;
}
/* txt_100_AGB end */

/* promotion beginn */
#promo_wrap {
	width:75%;
	height:100%;
	margin-left:12.5%;
	display:block;
	overflow:hidden;
	position:relative;
}
@media only screen and (min-width:0px) and (max-width:799px) {
	.promo_3_pics_wrap {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
}
@media only screen and (min-width:0px) and (max-width:599px) {
	.promo_3_pics_wrap {
		width:100%;
		height:100%;
		margin-top:2px;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1_wrap,
	.promo_3_pics_2_wrap,
	.promo_3_pics_3_wrap {
		width:100%;
		height:auto;
		margin-bottom:20px;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1,
	.promo_3_pics_2,
	.promo_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1 p,
	.promo_3_pics_2 p, 
	.promo_3_pics_3 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
		background-color:#9eb0d1; /*50% Blau*/
	}
	.promo_3_pics_1 img,
	.promo_3_pics_2 img, 
	.promo_3_pics_3 img {
		width:100%;
		height:100%;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.promo_3_pics_1 img:hover,
	.promo_3_pics_2 img:hover, 
	.promo_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
		}
	.promo_3_pics_1 a,
	.promo_3_pics_2 a,
	.promo_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
		
		column-count:1;
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Chrome, Safari, Opera */

		column-gap:40px;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Chrome, Safari, Opera */

		column-rule:1px solid #3d62a4; /*100% Blau*/
		-webkit-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Chrome, Safari, Opera */
		-moz-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Firefox */

		column-width:auto;
		-moz-column-width:auto; /* Firefox */
		-webkit-column-width:auto; /* Chrome, Safari, Opera */

		column-fill:balance;
		-moz-column-fill:balance; /* Firefox */
		-webkit-column-fill:balance; /* Chrome, Safari, Opera */
	}
}
@media only screen and (min-width:600px) and (max-width:799px) {
	.promo_3_pics_wrap {
		width:100%;
		height:100%;
		margin-top:2px;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1_wrap,
	.promo_3_pics_2_wrap,
	.promo_3_pics_3_wrap {
		width:100%;
		height:auto;
		margin-bottom:20px;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1,
	.promo_3_pics_2,
	.promo_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;	
	}
	.promo_3_pics_1 p,
	.promo_3_pics_2 p, 
	.promo_3_pics_3 p {
		width:100%;
		height:170px;
		display:block;
		overflow:hidden;
		background-color:#9eb0d1; /*50% Blau*/
	}
	.promo_3_pics_1 img,
	.promo_3_pics_2 img, 
	.promo_3_pics_3 img {
		width:100%;
		height:auto;
		top:50%;
		margin-top:-100px;
		display:block;
		overflow:hidden;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1, 1);
	}
	.promo_3_pics_1 img:hover,
	.promo_3_pics_2 img:hover, 
	.promo_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
		}
	.promo_3_pics_1 a,
	.promo_3_pics_2 a,
	.promo_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
		
		column-count:2;
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Chrome, Safari, Opera */

		column-gap:40px;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Chrome, Safari, Opera */

		column-rule:1px solid #3d62a4; /*100% Blau*/
		-webkit-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Chrome, Safari, Opera */
		-moz-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Firefox */

		column-width:auto;
		-moz-column-width:auto; /* Firefox */
		-webkit-column-width:auto; /* Chrome, Safari, Opera */

		column-fill:balance;
		-moz-column-fill:balance; /* Firefox */
		-webkit-column-fill:balance; /* Chrome, Safari, Opera */
	}
}
@media only screen and (min-width:800px) {
	.promo_3_pics_wrap {
		width:100%;
		height:100%;
		margin-bottom:20px;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1_wrap,
	.promo_3_pics_2_wrap,
	.promo_3_pics_3_wrap {
		width:33.333%;
		height:auto;
		float:left;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1,
	.promo_3_pics_2,
	.promo_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	.promo_3_pics_1 p,
	.promo_3_pics_2 p, 
	.promo_3_pics_3 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
		background-color:#9eb0d1; /*50% Blau*/
	}
	.promo_3_pics_1 img,
	.promo_3_pics_2 img, 
	.promo_3_pics_3 img {
		width:100%;
		height:100%;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.promo_3_pics_1 img:hover,
	.promo_3_pics_2 img:hover, 
	.promo_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
		}
	.promo_3_pics_1 a,
	.promo_3_pics_2 a,
	.promo_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 0px 20px;
		position:relative;
		display:block;
		
		column-count:1;
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Chrome, Safari, Opera */

		column-gap:40px;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Chrome, Safari, Opera */

		column-rule:1px solid #3d62a4; /*100% Blau*/
		-webkit-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Chrome, Safari, Opera */
		-moz-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Firefox */

		column-width:auto;
		-moz-column-width:auto; /* Firefox */
		-webkit-column-width:auto; /* Chrome, Safari, Opera */

		column-fill:balance;
		-moz-column-fill:balance; /* Firefox */
		-webkit-column-fill:balance; /* Chrome, Safari, Opera */
	}
}
@media only screen and (min-width:0px) and (max-width:799px) {
	#txt_100_Promo {
		width:100% -20px;
		height:auto;
		padding:20px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
	}
}
@media only screen and (min-width:800px) {
	#txt_100_Promo {
		width:100% -20px;
		height:auto;
		padding:20px;
		margin-bottom:2px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
	}
}
#txt_100_Promo_wrap {
	width:100%;
	height:auto;
	display:block;
}
#txt_100_Promo p {
	width:100%;
	height:auto;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100% Blau*/
	font-size:14px;
	line-height:24px;
	text-align:center;
	display:block;
	overflow:hidden;
}
#txt_100_Promo a {
	width:100%;
	height:auto;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100% Blau*/
	font-size:14px;
	line-height:24px;
	text-align:center;
	display:block;
	text-decoration:none;
}
#txt_100_Promo hr {
	width:75%;
	height:1px;
	border:0;
	display:block;
	border-bottom:1px dotted #9eb0d1; /*50% Blau*/
}
#txt_100_Promo span {
	font-family:'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
}
#zitat {
	width:100%;
	height:20px;
	font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100% Blau*/
	font-size:14px;
	line-height:20px;
	text-align:right;
	margin-top:10px;
	right:50px;
	display:block;
	position:relative;
	overflow:hidden;
	/*background-color:lime;*/
}
blockquote {
	width:100% -100px;
	height:auto;
	min-height:20px;
	padding:0px 50px 0px 50px;
	display:block;
	overflow:hidden;
	/*background-color:pink;*/
}
blockquote:before {
	width:50px;
	height:50px;
	content:'“';
	font-size:100px;
	line-height:70px;
	color:#9eb0d1; /*50% Blau*/
	display:block;
	float:left;
	margin-left:-50px;
	overflow:hidden;
	position:relative;
	/*background-color:orange;*/
}
blockquote:after {
	width:50px;
	height:50px;
	content:'„';
	font-size:100px;
	line-height:0px;
	color:#9eb0d1; /*50% Blau*/
	display:block;
	float:right;
	margin-top:-50px;
	margin-right:-50px;
	overflow:hidden;
	position:relative;
	/*background-color:red;*/
}
/* Promotion end */

/* ride beginn*/
	#webshop_wrap {
		width:100%;
		height:auto;
		display:block;
		position:relative;
		background-color:#c3c5d4;
	}
	#webshop_wrap iframe {
		width:calc(100% - 2px) !important;
		/*width:100% !important;*/
		height:640px;
		/*padding:10px;*/
		display:block;
		border:1px solid #c3c5d4;
		position:relative;
	}

	.ride_wrap {
		width:100%;
		height:auto;
		margin-bottom:20px;
		display:block;
		overflow:hidden;
	}
	.ride {
		width:100% -20px;
		height:auto;
		padding:20px;
		margin-bottom:2px;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
	.ride p {
		width:100%;
		height:auto;
		font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	.ride a {
		width:100%;
		height:auto;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	.ride ul {
		width:100%;
		height:auto;
		display:block;
	}
	.ride li {
		width:100%;
		min-height:25px;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:25px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		display:list-item; /* wichtig - nicht löschen */
		margin-bottom:2px;
		}
	.ride li::before {
		width:25px;
		height:25px;
		font-size:14px;
		line-height:25px;
		color:#fff;
		text-align:center;
		float:left;
		content:"+";
	}
@media only screen and (min-width:0px) and (max-width:1279px) {
	#ride_content_wrap {
		width:100% -20px;
		height:100%;
		padding:20px;
		margin-bottom:2px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
	}
	#ride_content_1 {
		width:100%;
		height:auto;
		margin-bottom:20px;
		display:block;
		float:left;
	}
	#ride_content_1 p {
		width:100%;
		height:auto;
		font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	#ride_content_1 a {
		width:100%;
		height:auto;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	#ride_content_1 ul {
		width:100%;
		height:auto;
		display:block;
	}
	#ride_content_1 li {
		width:100%;
		min-height:25px;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:25px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		display:list-item; /* wichtig - nicht löschen */
		margin-bottom:2px;
		}
	#ride_content_1 li::before {
		width:25px;
		height:25px;
		font-size:14px;
		line-height:25px;
		color:#fff;
		text-align:center;
		float:left;
		content:"+";
		margin-right:10px;
		display:block;
		overflow:hidden;
	}
	#ride_content_2 {
		width:100%;
		height:auto;
		float:left;
		display:block;
	}
	#ride_content_2 p {
		width:100%;
		height:auto;
		display:block;
	}
	#ride_content_2 img {
		width:100%;
		height:auto;
		display:block;
	}
}
@media only screen and (min-width:1280px) {
	#ride_content_wrap {
		width:100% -20px;
		height:100%;
		padding:20px;
		margin-bottom:2px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
	}
	#ride_content_1 {
		width:50%;
		height:auto;
		display:block;
		float:left;
	}
	#ride_content_1 p {
		width:100%;
		height:auto;
		font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	#ride_content_1 a {
		width:100%;
		height:auto;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		color:#3d62a4; /*100% Blau*/
		font-size:14px;
		line-height:24px;
		text-align:left;
		word-wrap:break-word;
		display:block;
	}
	#ride_content_1 ul {
		width:100%;
		height:auto;
		display:block;
	}
	#ride_content_1 li {
		width:100%;
		min-height:25px;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:25px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		display:list-item; /* wichtig - nicht löschen */
		margin-bottom:2px;
		}
	#ride_content_1 li::before {
		width:25px;
		height:25px;
		font-size:14px;
		line-height:25px;
		color:#fff;
		text-align:center;
		float:left;
		content:"+";
	}
	/*---*/
	#ride_content_2 {
		width:50%;
		height:auto;
		float:left;
		display:block;
	}
	#ride_content_2 p {
		width:100%;
		height:auto;
		display:block;
	}
	#ride_content_2 img {
		width:100%;
		height:auto;
		display:block;
	}
}
/* ride_3_pics beginn */
@media only screen and (min-width:0px) and (max-width:799px) {
	.ride_3_pics_wrap {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
}
@media only screen and (min-width:0px) and (max-width:599px) {
	.ride_3_pics_1,
	.ride_3_pics_2,
	.ride_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:100%;
		padding-bottom:2px;
		display:block;
		float:left;
		overflow:hidden;
	}
	.ride_3_pics_1 p,
	.ride_3_pics_2 p, 
	.ride_3_pics_3 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.ride_3_pics_1 img,
	.ride_3_pics_2 img, 
	.ride_3_pics_3 img {
		width:100%;
		height:100%;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.ride_3_pics_1 img:hover,
	.ride_3_pics_2 img:hover, 
	.ride_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
	}
	.ride_3_pics_1 a,
	.ride_3_pics_2 a,
	.ride_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 20px 20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
}
@media only screen and (min-width:600px) and (max-width:799px) {
	.ride_3_pics_1,
	.ride_3_pics_2,
	.ride_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:auto;
		padding-bottom:2px;
		display:block;
		overflow:hidden;
	}
	.ride_3_pics_3 { /*3 Bilder mit Subline*/
		padding-right:0%;
	}
	.ride_3_pics_1 p,
	.ride_3_pics_2 p, 
	.ride_3_pics_3 p {
		width:100%;
		height:170px;
		display:block;
		overflow:hidden;
	}
	.ride_3_pics_1 img,
	.ride_3_pics_2 img, 
	.ride_3_pics_3 img {
		width:100%;
		height:auto;
		top:50%;
		margin-top:-100px;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.ride_3_pics_1 img:hover,
	.ride_3_pics_2 img:hover, 
	.ride_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
	}
	.ride_3_pics_1 a,
	.ride_3_pics_2 a,
	.ride_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 20px 20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
}
@media only screen and (min-width:800px) {
	.ride_3_pics_wrap {
		width:100%;
		height:100%;
		margin-bottom:2px;
		display:block;
		overflow:hidden;
	}
	.ride_3_pics_1,
	.ride_3_pics_2,
	.ride_3_pics_3 { /*3 Bilder mit Subline*/
		width:33.333%;
		height:auto;
		display:block;
		float:left;
		overflow:hidden;
	}
	.ride_3_pics_1 p,
	.ride_3_pics_2 p, 
	.ride_3_pics_3 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.ride_3_pics_1 img,
	.ride_3_pics_2 img, 
	.ride_3_pics_3 img {
		width:100%;
		height:100%;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.ride_3_pics_1 img:hover,
	.ride_3_pics_2 img:hover, 
	.ride_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
	}
	.ride_3_pics_1 a,
	.ride_3_pics_2 a,
	.ride_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 0px 20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
}
/* ride_3_pics end */
/* ride end */

/* txt_3_pics beginn */
@media only screen and (min-width:0px) and (max-width:799px) {
	.txt_3_pics_wrap {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
}
@media only screen and (min-width:0px) and (max-width:599px) {
	.txt_3_pics_1,
	.txt_3_pics_2,
	.txt_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:100%;
		padding-bottom:20px;
		display:block;
		float:left;
		overflow:hidden;
	}
	.txt_3_pics_1 p,
	.txt_3_pics_2 p, 
	.txt_3_pics_3 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.txt_3_pics_1 img,
	.txt_3_pics_2 img, 
	.txt_3_pics_3 img {
		width:100%;
		height:100%;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.txt_3_pics_1 img:hover,
	.txt_3_pics_2 img:hover, 
	.txt_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
	}
	.txt_3_pics_1 a,
	.txt_3_pics_2 a,
	.txt_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 20px 20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
}
@media only screen and (min-width:600px) and (max-width:799px) {
	.txt_3_pics_1,
	.txt_3_pics_2,
	.txt_3_pics_3 { /*3 Bilder mit Subline*/
		width:100%;
		height:auto;
		padding-bottom:20px;
		display:block;
		overflow:hidden;
	}
	.txt_3_pics_1 p,
	.txt_3_pics_2 p, 
	.txt_3_pics_3 p {
		width:100%;
		height:170px;
		display:block;
		overflow:hidden;
	}
	.txt_3_pics_1 img,
	.txt_3_pics_2 img, 
	.txt_3_pics_3 img {
		width:100%;
		height:auto;
		top:50%;
		margin-top:-100px;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.txt_3_pics_1 img:hover,
	.txt_3_pics_2 img:hover, 
	.txt_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
	}
	.txt_3_pics_1 a,
	.txt_3_pics_2 a,
	.txt_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 20px 20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
}
@media only screen and (min-width:800px) {
	.txt_3_pics_wrap {
		width:100%;
		height:100%;
		margin-bottom:20px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
	}
	.txt_3_pics_1,
	.txt_3_pics_2,
	.txt_3_pics_3 { /*3 Bilder mit Subline*/
		width:33.333%;
		height:auto;
		margin-bottom:20px;
		display:block;
		float:left;
		overflow:hidden;
		background-color:#fff;
	}
	.txt_3_pics_1 p,
	.txt_3_pics_2 p, 
	.txt_3_pics_3 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.txt_3_pics_1 img,
	.txt_3_pics_2 img, 
	.txt_3_pics_3 img {
		width:100%;
		height:100%;
		display:block;
			animation:perspect 2s 1 linear;
			transition:transform 0.25s;
			transform:scale(1);
	}
	.txt_3_pics_1 img:hover,
	.txt_3_pics_2 img:hover, 
	.txt_3_pics_3 img:hover {
		transform:scale(1.05);
	}
	@keyframes perspect {
		0% {transform:scale(2)}
		100% {transform:scale(1)}
	}
	.txt_3_pics_1 a,
	.txt_3_pics_2 a,
	.txt_3_pics_3 a {
		width:auto;
		height:100%;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:left;
		padding:20px 20px 0px 20px;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
}
/* txt_3_pics end */

/* news beginn */
@media only screen and (min-width:0px) and (max-width:1599px) {
	#news_wrap {
		width:75%;
		height:100%;
		margin-left:12.5%;
		display:block;
		position:relative;
		overflow:hidden;
		}
}
@media only screen and (min-width:1600px) {
	#news_wrap {
		width:75%;
		height:100%;
		margin-left:12.5%;
		display:block;
		position:relative;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
		background-image:url("../img/bg_white_stripes.png");
	}
}
#monatsaktion {
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100% Blau*/
	font-size:20px;
	line-height:24px;
	display:block;
}
#kursiv {
	font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
	text-align:right;
}
#kursiv a {
	font-family:'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100% Blau*/
	text-align:right;
	text-decoration:none;
}
@media only screen and (min-width:0px) and (max-width:1599px) {
	.news_txt_50 {
		width:100%;
		height:100%;
		margin-bottom:2px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
		background-image:url("../img/bg_white_stripes.png");
	}
}
@media only screen and (min-width:1600px) {
	.news_txt_50 {
		width:50%;
		height:100%;
		float:left;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
		background-image:url("../img/bg_white_stripes.png");
	}
}
.news_txt_50 p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	color:#3d62a4; /*100% Blau*/
	font-size:14px;
	line-height:24px;
	text-align:left;
	padding:10px 20px 10px 20px;
	display:block;
}
.news_txt_50 p span {
	padding:0px 20px 0px 20px;
	display:block;
}
.news_txt_50 img {
	width:100%;
	height:100%;
	display:block;
}
@media only screen and (min-width:0px) and (max-width:1599px) {
	.news_pic_50_wrap {
		width:100%;
		height:100%;
		margin:2px 0px 2px 0px;
		display:block;
		overflow:hidden;
	}
}@media only screen and (min-width:1600px) {
	.news_pic_50_wrap {
		width:50%;
		height:100%;
		float:left;
		display:block;
		overflow:hidden;
		background-color:#fff;
	}
}
@media only screen and (min-width:0px) and (max-width:1599px) {
	.news_pic_50 {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	.news_pic_50 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.news_pic_50 img {
		width:100%;
		height:auto;
		display:block;
	}
}
@media only screen and (min-width:1600px) {
	.news_pic_50 { 
		width:100%;
		height:100%;
		display:block;
		float:left;
		overflow:hidden;
	}
	.news_pic_50 p {
		width:100%;
		height:100%;
		display:block;
		overflow:hidden;
	}
	.news_pic_50 img {
		width:100%;
		height:auto;
		display:block;
	}
}
.news_pic_50 a {
	width:auto;
	height:100%;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#3d62a4; /*100% Blau*/
	text-align:left;
	padding:20px 20px 20px 20px;
	position:relative;
	display:block;
	background-color:#ced8e8; /*25% Blau*/
}
/* news end */

/* txt_4_pics mit Subline beginn */
.txt_4_pics_wrap {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
}
@media only screen and (min-width:0px) and (max-width:599px) {
	.txt_4_pics_1,
	.txt_4_pics_2,
	.txt_4_pics_3,
	.txt_4_pics_4 { 
		width:100%;
		height:auto;
		margin-bottom:20px;
		display:block;
	}
	.pic_1_produkt,
	.pic_2_produkt,
	.pic_3_produkt,
	.pic_4_produkt { 
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
		background-color:#9eb0d1; /*50% Blau*/
	}
}
@media only screen and (min-width:600px) and (max-width:1023px) {
	.txt_4_pics_1,
	.txt_4_pics_2,
	.txt_4_pics_3,
	.txt_4_pics_4 { 
		width:50%;
		height:auto;
		margin-bottom:20px;
		float:left;
		display:block;
	}
	.pic_1_produkt,
	.pic_2_produkt,
	.pic_3_produkt,
	.pic_4_produkt { 
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
		background-color:#9eb0d1; /*50% Blau*/
	}
}
@media only screen and (min-width:1024px) {
	.txt_4_pics_1,
	.txt_4_pics_2,
	.txt_4_pics_3,
	.txt_4_pics_4 { /*4 Bilder mit Subline*/
		width:25%;
		height:auto;
		margin-bottom:20px;
		float:left;
		display:block;
	}
	.pic_1_produkt,
	.pic_2_produkt,
	.pic_3_produkt,
	.pic_4_produkt { 
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
}
.pic_1_produkt p,
.pic_2_produkt p, 
.pic_3_produkt p, 
.pic_4_produkt p {
	width:100%;
	height:auto;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#3d62a4; /*100% Blau*/
	display:block;
	position:relative;
}
.pic_1_produkt a,
.pic_2_produkt a,
.pic_3_produkt a, 
.pic_4_produkt a {
	width:100%;
	height:auto;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	line-height:20px;
	display:block;
	overflow:hidden;
}
.pic_1_produkt img,
.pic_2_produkt img, 
.pic_3_produkt img,  
.pic_4_produkt img {
	width:100%;
	height:auto;
	display:block;
	background-color:#3d62a4; /*100% Blau*/
		animation:perspect 2s 1 linear;
		transition:transform 0.25s;
		transform:scale(1);
}
.pic_1_produkt img:hover,
.pic_2_produkt img:hover, 
.pic_3_produkt img:hover, 
.pic_4_produkt img:hover {
	transform:scale(1.05);
}
@keyframes perspect {
	0% {transform:scale(2)}
	100% {transform:scale(1)}
	}
/* txt_4_pics mit Subline end */

/* referenz beginn */
.referenz_4_pics_wrap {
	width:100%;
	height:auto;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	/*background-color:green;*/
}
@media only screen and (min-width:0px) and (max-width:599px) {
	.referenz_4_pics_1,
	.referenz_4_pics_2,
	.referenz_4_pics_3,
	.referenz_4_pics_4 { 
		width:100%;
		height:auto;
		margin-bottom:2px;
		display:block;
		position:relative;
	}
	.pic_1_referenz,
	.pic_2_referenz,
	.pic_3_referenz,
	.pic_4_referenz { 
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
}
@media only screen and (min-width:600px) and (max-width:1023px) {
	.referenz_4_pics_1,
	.referenz_4_pics_2,
	.referenz_4_pics_3,
	.referenz_4_pics_4 { 
		width:50%;
		height:auto;
		margin-bottom:2px;
		float:left;
		display:block;
		position:relative;
	}
	.pic_1_referenz,
	.pic_2_referenz,
	.pic_3_referenz,
	.pic_4_referenz { 
		width:100% -2px;
		height:auto;
		display:block;
		overflow:hidden;
		border-right:2px solid #fff;
	}
	.pic_4_referenz { 
		width:100% +2px;
		border-bottom:0px solid #fff;
	}
}
@media only screen and (min-width:1024px) {
	.referenz_4_pics_1,
	.referenz_4_pics_2,
	.referenz_4_pics_3,
	.referenz_4_pics_4 { /*4 Bilder mit Subline*/
		width:25%;
		height:auto;
		margin-bottom:2px;
		overflow:hidden;
		float:left;
		display:block;
		position:relative;
	}
	.pic_1_referenz,
	.pic_2_referenz,
	.pic_3_referenz,
	.pic_4_referenz { 
		width:100% -2px;
		height:auto;
		display:block;
		overflow:hidden; /* wichtig-wegen animation */
		border-right:2px solid #fff;
		/*background-color:#9eb0d1; /*50% Blau*/
	}
	.pic_4_referenz { 
		width:100% +2px;
		border-bottom:0px solid orange;
	}
}
.referenz_4_pics_4 p { /* ...und viele mehr! */
	width:100%;
	height:20px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#fff;
	text-align:right;
	right:10px;
	overflow:hidden;
	display:block;
	bottom:0;
	position:absolute;
	z-index:100;
}
.pic_1_referenz img,
.pic_2_referenz img, 
.pic_3_referenz img,  
.pic_4_referenz img {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden; /* wichtig-wegen animation */
	background-color:#3d62a4; /*100% Blau*/
		animation:zooom 2s 1 linear;
		transition:transform 0.25s;
		transform:scale(1);
}
.pic_1_referenz img:hover,
.pic_2_referenz img:hover, 
.pic_3_referenz img:hover, 
.pic_4_referenz img:hover {
	transform:scale(1.05);
}
@keyframes zooom {
	0% {transform:scale(2)}
	100% {transform:scale(1)}
	}
/* referenz end */

/* kontakt beginn */
	/* map beginn */
#map_wrap {
	width:100%;
	height:480px;
	float:left;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	padding:2px 0px 2px 0px;
	border-top:1px solid #3d62a4; /*100% Blau*/
	border-bottom:1px solid #3d62a4; /*100% Blau*/
}
#map {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	overflow:hidden;
	background-color:#3d62a4; /*100% Blau*/
}
iframe {
	width:100% !important;
	height:480px !important;
	top:0;
	left:0;
	display:block;
	position:absolute;
}
	/* map end */
/* impressum beginn */
#impressum_tabelle_wrap {
	width:75%;
	height:auto;
	margin-left:12.5%;
	display:block;
	position:relative;
	overflow:hidden;
	background-color:#ced8e8; /*25% Blau*/
}
@media only screen and (min-width:0px) and (max-width:799px) {
	#impressum_tabelle {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	table {
		width:100% -20px;
		height:auto;
		margin:20px 20px 0px 20px;
		display:block;
		overflow:hidden;
	}
	tbody {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
}
@media only screen and (min-width:800px) {
	#impressum_tabelle {
		width:50%;
		height:auto;
		float:left;
		display:block;
		overflow:hidden;
	}
	#impressum_tabelle table {
		width:100% -20px;
		height:480px;
		margin:20px;
		display:block;
		overflow:hidden;
	}
	#impressum_tabelle tbody {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
}
#impressum_tabelle tr {
	width:100%;
	height:auto;
	margin-bottom:10px;
	display:block;
	overflow:hidden;
}
#impressum_tabelle td.erstezeile {
	width:100%;
	min-height:20px;
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#3d62a4; /*100% Blau*/
	display:block;
}
#impressum_tabelle td.zweitezeile {
	width:100% -20px;
	height:auto;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#3d62a4; /*100% Blau*/
	margin-left:20px;
	display:block;
}
#impressum_tabelle td.zweitezeile a {
	color:#3d62a4; /*100% Blau*/
	text-decoration:none;
}
#impressum_tabelle td.zweitezeile:hover, 
#impressum_tabelle td.zweitezeile a:hover {
	color:#fff;
}
@media only screen and (min-width:0px) and (max-width:799px) {
	#impressum_bild_wrap {
		width:100% -20px;
		height:auto;
		padding:0px 20px 20px 20px;
		overflow:hidden;
		display:block;
	}
	.impressum_bild_wrap_1 {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	#impressum_bild_1 {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	#impressum_bild_1 img {
		width:100%;
		height:100%;
		display:block;
	}
}
@media only screen and (min-width:800px) {
	#impressum_bild_wrap {
		width:50%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	.impressum_bild_wrap_1 {
		width:100% -20px;
		height:auto;
		margin:20px 20px 20px 0px;
		display:block;
		overflow:hidden;
	}
	#impressum_bild_1 {
		width:1920px;
		height:480px;
		left:50%;
		margin-left:-570px;
		position:relative;
		display:block;
		overflow:hidden;
	}
	#impressum_bild_1 img {
		width:100%;
		height:100%;
		display:block;
	}
}
/*	impressum ende	*/

/*	ansprechpartner beginn	*/
#ansprechpartner_tabelle_wrap {
	width:75%;
	height:100%;
	margin-left:12.5%;
	margin-bottom:34px;
	display:block;
	overflow:hidden;
	position:relative;
	background-color:#ced8e8; /*25% Blau*/
}
@media only screen and (min-width:0px) {
	#ansprechpartner_tabelle {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
	#ansprechpartner_tabelle table {
		width:100% -20px;
		height:auto;
		margin:20px 20px 0px 20px;
		display:block;
		overflow:hidden;
		background-color:#ced8e8; /*25% Blau*/
	}
	#ansprechpartner_tabelle tbody {
		width:100%;
		height:auto;
		display:block;
		overflow:hidden;
	}
}
/*@media only screen and (min-width:800px) { /* nur ein Ansprechpartner */
	/*#ansprechpartner_tabelle {
		width:50%;
		height:auto;
		float:left;
		display:block;
		overflow:hidden;
	}
	#ansprechpartner_tabelle table {
		width:100% -20px;
		height:auto;
		margin:20px 20px 20px 20px;
		display:block;
		overflow:hidden;
	}
	#ansprechpartner_tabelle tbody {
		width:100%;
		height:480px;
		display:block;
		overflow:hidden;
	}
}*/
#ansprechpartner_tabelle tr {
	width:100%;
	height:auto;
	margin-bottom:10px;
	display:block;
	overflow:hidden;
}
#ansprechpartner_tabelle td.erstezeile {
	width:100%;
	min-height:20px;
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#3d62a4; /*100% Blau*/
	float:left;
	display:block;
	position:relative;
}
#ansprechpartner_tabelle td.zweitezeile {
	width:100% -20px;
	min-height:20px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#3d62a4; /*100% Blau*/
	float:left;
	margin-left:20px;
	display:block;
	position:relative;
}
#ansprechpartner_tabelle td.zweitezeile a {
	color:#3d62a4; /*100% Blau*/
	text-decoration:none;
}
#ansprechpartner_tabelle td.zweitezeile:hover, 
#ansprechpartner_tabelle td.zweitezeile a:hover {
	color:#fff;
}
#ansprechpartner_tabelle td.zweitezeile span { /*beruf*/
	font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
}
@media only screen and (min-width:0px) { /* nur eine spalten */
	#ansprechpartner_bild_wrap {
		width:100%;
		position:relative;
		display:block;
		background-color:#ced8e8; /*25% Blau*/
	}
	.ansprechpartner_bild_wrap_1 {
		width:auto;
		padding:0px 20px 20px 20px;
		display:block;
		overflow:hidden;
		position:relative;
	}
	#ansprechpartner_bild_1 {
		width:100%;
		height:100%;
		position:relative;
		display:block;
		overflow:hidden;
	}
	#ansprechpartner_bild_1 img {
		width:100%;
		height:100%;
		display:block;
	}
}
/*@media only screen and (min-width:800px) {
	#ansprechpartner_bild_wrap {
		width:50%;
		max-height:600px;
		float:left;
		display:block;
		overflow:hidden;
	}
	.ansprechpartner_bild_wrap_1 {
		width:auto;
		max-height:480px;
		margin:20px 20px 20px 0px;
		display:block;
		overflow:hidden;
		position:relative;
	}
	#ansprechpartner_bild_1 {
		width:1920px;
		height:480px;
		left:50%;
		margin-left:-960px;
		position:relative;
		display:block;
		overflow:hidden;
	}
	#ansprechpartner_bild_1 img {
		width:100%;
		height:100%;
		display:block;
	}
}*/
/* ansprechpartner ende */

/* formular beginn */
#form-wrap {
	width:75%;
	margin-left:12.5%;
	display:block;
	overflow:hidden;
}
#contact-area_successful {
	width:100% -20px;
	height:auto;
	margin-bottom:20px;
	overflow:hidden;
	display:block;
	position:relative;
}
form {
	width:100% -20px;
	height:auto;
	padding:20px;
	background-color:#ced8e8; /*25% Blau*/
	overflow:hidden;
	display:block;
}
label {
	width:100%;
	height:20px;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	text-align:left;
	color:#3d62a4; /*100% Blau*/
	float:left;
	border-bottom:1px solid #3d62a4; /*100% Blau*/
}
#contact-area {
	width:100% -20px;
	height:auto;
	overflow:hidden;
	display:block;
	position:relative;
}
#contact-area input {
	width:100%;
	min-height:20px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#3d62a4; /*100% Blau*/
	padding:0px 10px 0px 10px;
	margin-bottom:20px;
	float:left;
	border:none;
	overflow:auto; /*Remove default scrollbars in IE*/
	outline:none;
	box-sizing:border-box;
	background-color:rgba(255, 255, 255, 0.25);
		-webkit-appearance:none; /* important for IOS Safari */
		-webkit-border-radius:0px; /* important for IOS Safari */
}
::placeholder {
	word-wrap:break-word;
	vertical-align:top;
	text-overflow:ellipsis;
}
$color: #c3c5d4; /*25% Blau*/
::-webkit-input-placeholder {color: $color;}
:-moz-placeholder {color: $color;} /* Firefox 18- */
::-moz-placeholder {color: $color; opacity:.5;} /* Firefox 19+ */
:-ms-input-placeholder {color: $color;} /* IE 10+ */
::-ms-input-placeholder {color: $color;} /* Edge */
:placeholder-shown {color: $color;} /* Standard one last! */

#contact-area textarea {
	width:100%;
	height:80px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#3d62a4; /*100% Blau*/
	padding:10px;
	display:block;
	border:none;
	overflow:auto; /*Remove default scrollbars in IE*/
	outline:none;
	resize:vertical;
	box-sizing:border-box;
	background-color:rgba(255, 255, 255, 0.25);
}
#contact-area textarea:focus, 
#contact-area input:focus {
	background-color:rgba(61, 98, 164, 0.1); /*100% blau*/
		-webkit-appearance:none; /* important for IOS Safari */
		-webkit-border-radius:0px; /* important for IOS Safari */
}
#contact-area input.submit-button {
	width:100%;
	height:40px;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	float:left;
	text-decoration:none;
	border:none;
	display:block;
	background-color:rgba(255, 255, 255, 0.25);
		-webkit-appearance:none; /* important for IOS Safari */
		-webkit-border-radius:0px; /* important for IOS Safari */
}
#contact-area input.submit-button:hover {
	cursor:pointer;
	background-color:rgba(61, 98, 164, 0.1); /*100% blau*/
}
#send_successful {
	width:100% -20px;
	min-height:auto;
	padding:20px;
	overflow:hidden;
	display:block;
	background-color:#ced8e8; /*25% blau*/
}
#send_successful p {
	width:100%;
	height:auto;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#3d62a4; /*100% Blau*/
	padding-bottom:10px;
	display:block;
	overflow:hidden;
}
#send_successful a {
	width:100%;
	min-height:20px;
	font-family:'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#3d62a4; /*100% Blau*/
	padding-top:10px;
	display:block;
	overflow:hidden;
}
/* formular ende */

/* disclaimer beginn */
#disclaimer_wrap {
	width:75%;
	height:auto;
	margin-left:12.5%;
	display:block;
	overflow:hidden;
	position:relative;
}
.disclaimer_content {
	width:100% -20px;
	height:auto;
	display:block;
}
.disclaimer_content p {
	width:100% -40px;
	height:100%;
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#3d62a4; /*100% Blau*/
	padding:20px;
	display:block;
	margin-bottom:2px;
	background-color:#ced8e8; /*25% Blau*/
}
@media only screen and (min-width:0px) {
	.disclaimer_content a {
		width:100% -40px;
		height:100%;
		font-family:'open_sanslight', Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:24px;
		color:#3d62a4; /*100% Blau*/
		text-align:justify;
		padding:0px 20px 0px 20px;
		display:block;
		overflow:hidden;

		column-count:3;
		-moz-column-count:3; /* Firefox */
		-webkit-column-count:3; /* Chrome, Safari, Opera */
			
		column-gap:40px;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Chrome, Safari, Opera */
		
		column-rule:1px solid #3d62a4; /*100% Blau*/
		-webkit-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Chrome, Safari, Opera */
		-moz-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Firefox */
	}
}
@media only screen and (min-width:0px) and (max-width:599px) {
	.disclaimer_content a {
		column-count:1;
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Chrome, Safari, Opera */
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.disclaimer_content a {
		column-count:2;
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Chrome, Safari, Opera */
			
		column-gap:40px;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Chrome, Safari, Opera */
		
		column-rule:1px solid #3d62a4; /*100% Blau*/
		-webkit-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Chrome, Safari, Opera */
		-moz-column-rule:1px solid #3d62a4; /*100% Blau*/ /* Firefox */
	}
}
/* disclaimer ende */

/* socialmedia beginn */
	#socialmedia_wrap {
		width:100%;
		height:15px;
		margin-bottom:20px;
		display:block;
		/*background-color:red;*/
	}
	.hr-Line_social {
		width:75%;
		height:1px;
		margin-left:12.5%;
		margin-top:14px;
		display:block;
		position:relative;
		background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(61, 98, 164, 1.0), rgba(255, 255, 255, 0));
	}
	#socialmedia {
		width:100%;
		height:auto;
		margin-top:-15px;
		display:block;
		position:relative;
		/*background-color:rgba(255, 255, 0, 0.5);*/
	}
	#socialmedia_content {
		width:210px;
		height:30px;
		left:50%;
		margin-left:-105px;
		position:relative;
		display:block;
		/*background-color:rgba(50, 100, 150, 0.75);*/
	}
	#socialmedia_content a {
		width:30px;
		height:30px;
		float:left;
		padding:0px 10px 0px 10px;
		margin:0px 10px 0px 10px;
		position:relative;
		display:block;
		background-color:#fff;
	}
	#socialmedia_content img {
		width:30px;
		height:30px;
		border-radius:20px;
		display:block;
		transition:transform 0.25s;
		transform:scale(1);
	}
	#socialmedia_content img:hover {
		width:30px;
		height:30px;
			transform:scale(1.25);
	}
/* socialmedia end */

/* footer beginn */
#footer {
	width:100%;
	min-height:20px;
	float:left; /*important - nicht löschen*/
	padding:2px 0px 2px 0px;
	margin-bottom:20px;
	border-top:1px solid #cc071e; /*Dunkelrot*/
	border-bottom:1px solid #cc071e; /*Dunkelrot*/
	position:relative;
	display:block;
}
#footer-content {
	width:100%;
	height:auto;
	display:block;
	background-color:#3d62a4; /*100% Blau*/
}
#footer-content p {
	min-height:20px;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-align:center;
	display:block;
	padding-left:12.5%;
	padding-right:12.5%;
}
#footer-content a {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
}
/* footer end */