/* Stile BCN */

/* Responsives CSS */

@media screen and (min-width:1600px) {
	.eins {
	display:block;
	}
	.desktop {
	display:block;
	}
	.tablet {
	display:none;
	}
	.logoTABLET {
		display:none;
		}
}

@media screen and (max-width:1599px) {
	.desktop {
	display:none;
	}
	.eins {
	display:none;
	}
	.tablet {
	display:block;
	}
	.fuenf {
	width:100%;
	}
	.logoTABLET {
		height:200px;
background-image: url("/img/logo.jpg");
  background-repeat: no-repeat, repeat;
background-size: 40%; /* Resize the background image to cover the entire container */
background-position:center;
		animation:wegdamit 2s ease-in 3s normal forwards;
		}
	.dauerlogo {
		position:relative;
opacity:0;
margin:10px auto auto auto;
width:100%;
height:auto;
text-align:center;
animation:logofade 2s ease-in 3s normal forwards;
		}
}

/* Animationen */
	@keyframes wegdamit {
		from {
height:200px;
				}
				to {
height:0px;
				}
	}

	@keyframes logofade {
		from {
opacity:0;
				}
				to {
opacity: 1;
				}
	}

/* Typographie */

/* encode-sans-100 - 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: 'Encode Sans';
  font-style: normal;
  font-weight: 100;
  src: url('fontsencode-sans-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-100.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-200 - 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: 'Encode Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fontsencode-sans-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-200.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-300 - 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: 'Encode Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fontsencode-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-300.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fontsencode-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-regular.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fontsencode-sans-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-500.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fontsencode-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-600.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fontsencode-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-700.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fontsencode-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-800.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-900 - 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: 'Encode Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fontsencode-sans-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: url('fontsencode-sans-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontsencode-sans-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fontsencode-sans-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fontsencode-sans-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fontsencode-sans-v15-latin-900.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* noto-serif-sc-200 - 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: 'Noto Serif SC';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/noto-serif-sc-v22-latin-200.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-200.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}
/* noto-serif-sc-300 - 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: 'Noto Serif SC';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/noto-serif-sc-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-300.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}
/* noto-serif-sc-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: 'Noto Serif SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-serif-sc-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-regular.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}
/* noto-serif-sc-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/noto-serif-sc-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-500.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}
/* noto-serif-sc-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/noto-serif-sc-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-600.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}
/* noto-serif-sc-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: 'Noto Serif SC';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-serif-sc-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-700.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}
/* noto-serif-sc-900 - 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: 'Noto Serif SC';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/noto-serif-sc-v22-latin-900.eot'); /* IE9 Compat Modes */
  src: url('fonts/noto-serif-sc-v22-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-serif-sc-v22-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-serif-sc-v22-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-serif-sc-v22-latin-900.svg#NotoSerifSC') format('svg'); /* Legacy iOS */
}

/* Responsive Daten */



	h1 {
		font-family: 'Noto Serif SC', serif;
		font-weight:500;
		font-size:48px;
		}

		h2 {
		font-family: 'Noto Serif SC', serif;
		font-weight:500;
		font-size:24px;
		}

		h3 {
		font-family: 'Noto Serif SC', serif;
		font-weight:400;
		letter-spacing:1px;
		font-size:24px;
		}	

		h4 {
		font-family: 'Noto Serif SC', serif;
		font-weight:700;
		font-size:18px;
		line-height:22px;
		}

		h5 {
		font-family: 'Encode Sans', sans-serif;
		font-size:18px;
		line-height:26px;
		font-weight:300;
		}

		h6 {
		font-family: 'Encode Sans', sans-serif;
		font-size:14px;
		line-height:14px;
		font-weight:500;
		}

	h7 {
		font-family: 'Noto Serif SC', serif;
		font-weight:500;
		font-size:15px;
		line-height:22px;
		}

	pV {
		font-family: 'Noto Serif SC', serif;
		font-weight:400;
		font-size:13px;
		line-height:18px;
		}

		p, li, ul {
	font-family: 'Encode Sans', sans-serif;
		font-size:15px;
		font-weight:400;
		line-height:22px;
		color:#5e5e5e;
		margin-bottom:10px;
		}
	foo {
	font-family: 'Encode Sans', sans-serif;
		font-size:13px;
		font-weight:400;
		line-height:18px;
	//	color:black;
	}

		menuu {
		font-size:12Px;
	font-family: 'Encode Sans', sans-serif;
	color:black;
	font-weight:400;
	}
	menuu:hover {
	color:#ab0505;
	cursor:pointer;
	}


		uuu {
		margin-top:-0px;
		position:absolute;
		font-family: 'Encode Sans', sans-serif;
		font-weight:400;
		font-size:13px;
		line-height:16px;
		}

	a:link {
	font-family: 'Encode Sans', sans-serif;
	font-weight:400;
	color:black;
	font-size:15px;
	line-height:22px;
	text-decoration:underline;
	}

	a:visited {
	font-family: 'Encode Sans', sans-serif;
	font-weight:400;
	color:black;
	font-size:15px;
	line-height:22px;
	text-decoration:underline;
	}


	a:hover {
	color:#ab0505;
	font-weight:400;
	text-decoration:underline;
	}

	bu {
	font-family: 'Encode Sans', sans-serif;
		font-weight:400;
		font-size:13px;
		line-height:16px;
	}


		.atab {
		margin-left:-80px;
		line-height:12px;
			tab-size:10; 
			-moz-tab-size:10; 
			-ms-tab-size:10;
			white-space: pre;
		}

		.atabKONTAKT {
		position:absolute;
	font-size:14px;
		margin-left:-160px;
		margin-top:20px;
		line-height:12px;
			tab-size:10; 
			-moz-tab-size:10; 
			-ms-tab-size:10;
			white-space: pre;
		}

		.red {
	color:#ab0505;
		}

	.brown {
	color:#8B7E66
	}
		.BGred {
	background-color:#ab0505;
		}

		.BGbrown {
	background-color:#8B7E66;
		}

	.green {
	color:#1b5115;
	}
		.BGgreen {
	background-color:#1b5115;
		}

	.blue {
	color:#174e6e;
	}
		.BGblue {
	background-color:#174e6e;
		}

		.BGrp {
	background-color:#838B83;
		}

	.menuepunkt {
	float:left;
	width:auto;
	padding:0 2% 0 2%;
	height:60px;
	color:black;
	text-align:center;
	margin-top:60px;
	font-family: 'Noto Serif SC', serif;
	text-transform:none;
	font-weight:500;
	font-size:18px;
	letter-spacing:1px;
	}

	#menueUNTERpunkt1, #menueUNTERpunkt2, #menueUNTERpunkt3, #menueUNTERpunkt4 {
	z-index:101;
	font-size:12px;
	line-height:20px;
	position:absolute;
	width:auto;
	height:auto;
	background-color:white;
	border:solid 1px #ebebeb;
	padding:5px;
	color:black;
	text-align:left;
	text-decoration:none;
	}




	/* Grid */
	body {
	margin:0;
	height:100%;
	}

	.mitte {
	margin-left:auto;
	margin-right:auto;
	}
	.vier {
	width:1600px;
	}
	.drei {
	width:1200px;
	}
	.zwei {
	width:800px;
	}
	.eins {
	width:360px;
	}
	.einsTAB {
	width:29%;
	}
	.funf {
	width:100%;
	}	

	.pad400 {
	padding-left:400px;
	}

	.pad 120 {
	margin-left:120px;
	}

	.pad20 {
	padding:0 20px 0 20px;
		}

	.spalte1 {
	float:left;
	width:200px;
	}

	/* Elemente */

	/* Element links */

	/* Navigatikon */
	.navred {
	color:#858585;
	font-size:12px;
	text-align:left;
	width:auto;
	padding:0 10px 0 10px;
	height:12px;
	float:left;
	line-height:12px;
	letter-spacing:2px;
	text-transform:uppercase;
	border-right:solid 1px #858585;
	}

	.navred:hover {
	color:#ab0505;
	cursor:pointer;
	}

	.vcard {
	//background-image: url("/img/vcard_back.jpg");
		background-color:#f1f0e0;
		background-repeat: no-repeat, repeat;
	width:485px;
	height:165px;
	border: solid 1px #8f8f8f;
	margin-left:160px;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
	}



	.thema1 {
		position:absolute;
		float:left;
		margin-top:50px;
		padding:5px;
		width:350px;
		height:100px;
		color:white;
		border: solid 1px black;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
		cursor:pointer;
		text-align:left;
		}

	.themaRP {
		position:relative;
		float:left;
		margin-top:0px;
		padding:5px;
		width:350px;
		height:100px;
		color:white;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
		cursor:pointer;
		text-align:left;
		}

	.thema1A {
		position:relative;
		margin:50px auto 50px auto;
		padding:5px;
		width:350px;
		height:100px;
		color:white;
		border: solid 1px black;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
		cursor:pointer;
		text-align:left;
		}

	.th1IMG {
		height:100px;
		float:left;
		margin-right:10px;
		margin-bottom:40px;
		}

	.th1IMG_Infokasten {
		height:100px;
	width:150px;
		float:left;
		margin-right:10px;
		margin-bottom:40px;
		}

	.thema2 {
		position:absolute;
		float:left;
		margin-top:50px;
		padding:5px;
		width:350px;
		height:100px;
		background-color: #1b5115;
		color:white;
		border: solid 1px black;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
		cursor:pointer;
		text-align:left;
		}
	.thema2A {
		position:relative;
		margin:20px auto 0 auto;
		padding:5px;
		width:350px;
		height:100px;
		background-color: #1b5115;
		color:white;
		border: solid 1px black;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
		cursor:pointer;
		text-align:left;
		}
		}

	.thema3 {
		position:relative;
		margin-top:50px;
		padding:5px;
		width:350px;
		height:100px;
		background-color: #174e6e;
		color:white;
		border: solid 1px black;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
		cursor:pointer;
		text-align:left;
		}

	.wlBUTTON {
	width:120px;
	height:30px;
	text-align:center;
	font-family: 'Noto Serif SC', serif;
	font-size:12px;
	font-weight:500;
	line-height:30px;
	-webkit-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5); 
	box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-top:30px;
	cursor:pointer;
	}

	.rahmen {
	border: solid 1px #eeeeee;
	}
	.strip {
	/*	position:absolute;*/
		width:100%;
		height:100px;
		background-color:#f1f0e0;
		border-bottom: solid 1px #cfcebb;
		}

	.bild {
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 5px;
		width: 120px;
	margin-right:10px;
	 float:left;
	}

	.bildKONTAKT {
		position:absolute;
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 5px;
		width: 120px;
		height:155px;
		margin-right:10px;
		margin-left:0px;
	 float:left;
	}

	.symbolbild {
	width:500px;
	height:auto;
	margin-right:10px;
	vertical-align:top;
	float:left;
	}

	#einblend1 {
	display:block;
	position:absolute;
	z-index:100;
	width:1200px;
	height:auto;
	background-color:white;
	/*border:solid 3px red;*/
	}

	#einblend2 {
	display:none;
	position:absolute;
	z-index:100;
	width:1200px;
	height:auto;
	background-color:white;
	/*border:solid 3px red;*/
	}

	#einblend3 {
	display:none;
	position:absolute;
	z-index:100;
	width:1200px;
	height:auto;
	background-color:white;
	/*border:solid 3px red;*/
	}

	#themenfeld1 {
	display:block;
	position:absolute;
	z-index:100;
	width:1200px;
	height:auto;
	background-color:white;
	/*border:solid 3px red;*/
	}

	#themenfeld2 {
	display:none;
	position:absolute;
	z-index:100;
	width:1200px;
	height:auto;
	background-color:white;
	/*border:solid 3px red;*/
	}

	.infofeld {
	width:380px; 
	background-color:#f1f2f2;
	float:left;
	padding:0 10px 0 10px;
	-webkit-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5); 
	box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.5);
	}

		.team {
		position:absolute;
		text-align:center;
		padding:10px;
		margin-top:500px;
		margin-left:10px;
		width:1200px;
		/*border-top:solid 1px black;*/
		height:auto;
		overflow:auto;
		/*background-color: #f9f8ee;*/
	}

		.teamTABLET {
		position:absolute;
		text-align:center;
		padding:10px;
		margin-top:500px;
		width:100%;
		/*border-top:solid 1px black;*/
		height:auto;
		overflow:auto;
		/*background-color: #f9f8ee;*/
	}

	.team_member {
	position:relative;
	float:left;
	width:200px;
	height:auto;
	background-color: white;
	border:solid 1px #cfcebb;
	text-align:center;
	margin-left:20px;
	padding:5px;
	cursor:pointer;
	}
	#bcMAIN {
	z-index:20;
	}
	#vcBC {
	display:block;
	}
	#vcSH {
	display:none;
	}
	#vcML {
	display:none;
	}
	#vcTM {
	display:none;
	}

	}
#vcCB {
	display:none;
	}

	#vcJB, #vcEG, #vcMV, #vcSM, #vcCB, #vcIS, #vcWL{
	display:none;
	}

	/*#vcEG{
	display:none;
	}
	#vcMV{
	display:none;
	}*/
	.vcardG {
	position:absolute;
	background-color:#f4f7f8;
	width:1120px;
	height:560px;
	border: solid 1px #8f8f8f;
	padding:40px;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
	}

	.vcardB {
	position:absolute;
	background-color:#f4f7f8;
	width:1120px;
	height:560px;
	border: solid 1px #8f8f8f;
	padding:40px;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
	}

.vcardB_TABLET {
	position:absolute;
	background-color:#f4f7f8;
	width:80%;
	height:560px;
	border: solid 1px #8f8f8f;
	padding:40px;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
	}

	.vardG_Foto {
	width:400px;
	height:560px;
	overflow:hidden;
	float:left;
	}

	.vcardG_Kurzinfo {
	position:absolute;
	margin-left:700px;
	width:400px;
	height:300px;
	overflow:hidden;
	border: solid 0px black;
	text-align:left;
	margin-top:40px;
	}

	.vcardG_Beschreibung {
	position:relative;
	margin-left:450px;
	width:650px;
	height:190px;
	overflow:hidden;
	border: solid 0px black;
	text-align:left;
	margin-top:370px;
	}

	.vcardG_BeschreibungM {
display:none;
	position:relative;
	margin-left:450px;
	width:450px;
	height:300px;
	overflow:hidden;
	border: solid 0px black;
	text-align:left;
	margin-top:270px;
	}

	#steam {
	display:none;
	}

	#footer {
	 position:absolute;
			bottom: 0;
			width: 100%;
			background-color: yellow;
			height: 2em;
	}

	#elbe {
	background-color:red;
	width:100%;
	min-height:100%;
	}

	.persobild {
	margin-right:20px;
	}

	.phonesquare {
	position:sticky;
	//margin-left:100px;
	//margin-top:400px;
	width:360px;
	height:50px;
	border: solid 1px #bdbdbd;
	text-align:center;
	background-color:#f0f0f0;
	margin-bottom:50px;
	}



	@keyframes move {
		from {
	//height:0px;
	opacity:0;
				}
				to {
	//height:200px;
	opacity:1;
				}
	}

	.kaufbutton {
	width:100px;
	height:30px;
	background-color:#174e6e;
	text-align:center;
	padding-top:5px;
	border-radius:6px;
	color:white;
		-moz-box-shadow:3px 3px 9px #a0a0a0; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #a0a0a0; /* Konqueror */
		box-shadow:3px 3px 9px #a0a0a0; /* CSS3 */
	}
	.kaufbutton:hover {
	background-color:#ab0505;
	}

	.footer {
	//position:fixed;
	bottom:0;
		width:100%;
		height:200px;
		background-color:#f1f0e0;
		border-top: solid 1px #cfcebb;
	}

	/* KONTAKTBEREICH */
	@keyframes upmove {
		from {
	top:0;
	//opacity:0;
				}
				to {
	top:50%;
	//opacity:1;
				}
	}

	#kontaktfeld {
		display:none;
	 position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	z-index:1000;
	width:1000px;
	height: 600px;
	//background-color:#174e6e;
	background-image:linear-gradient(90deg, black 39%, #174e6e 28%);
	border-radius:20px;
	//border:solid 2px #cfcebb;
		-moz-box-shadow:3px 3px 9px #525252; /* Firefox */
		-webkit-box-shadow:3px 3px 9px #525252; /* Chrome, Safari */
		-khtml-box-shadow:3px 3px 9px #525252; /* Konqueror */
		box-shadow:3px 3px 9px #525252; /* CSS3 */
		animation-name:upmove;
		animation-duration:.5s
	}

	#escape {
	position:absolute;
	margin:25px auto auto 925px;
	cursor:pointer;
	}

	.KF_links {
	width:350px;
	height:520px;
	margin:40px;
	//border:solid 1px white;
	color:white;
	overflow:hidden;
	}

	.KF_rechts {
	width:520px;
	height:520px;
	margin:-550px auto auto 430px;
	//border:solid 1px white;
	//color:white;
	overflow:hidden;
	//background-color:red;
	}

	.kontakt_links_row {
	width:350px;
	height:80px;
	}

	.kontakt_links_bild {
	 background:url("/img/buero/buero.jpg")0px 0px;
	 background-color: #454545;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width:300px;
	height:278px;
	border-radius:20px;
	border:solid 1px white;
	overflow:hidden;
	}

	.kontakticon {
	float:left;
	width:50px;
	height:50px;
	border-radius:25px;
	overflow:hidden;
	//border:solid 1px white;
	background-color:#454545;
	text-align:center;
	}
	.kontaktcontent {
	position:relative;
	height:40px;
	color:white;
	margin-left:70px;
	padding-top:7px;
	}

	/* Formular */


	form label {
	font-family: 'Encode Sans', sans-serif;
		font-style: normal;
	font-size:13px;
	color:white;
		font-weight: 500;
	}

	input, textarea {
	width:450px;
	height:30px;
	background-color:#1c5f87;
	border:none;
	padding:5px;
	color:white;
	font-size:14px;
	margin-bottom:20px;
	}

	.btn-grad {
							background-image: linear-gradient(to right, #1c5f87 0%, #2374a5  51%, #ffffff  100%);
	width:460px;
							padding: 5px;
	//margin-left:180px;
		cursor:pointer;
							text-align: center;
							text-transform: uppercase;
							transition: 0.5s;
							background-size: 200% auto;
							color: white;            
	//            box-shadow: 0 0 4px #eee;
							border-radius: 10x;
							display: block;
						}

						.btn-grad:hover {
							background-position: right center; /* change the direction of the change here */
							color: #fff;
							text-decoration: none;
						}

	}