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

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

/* -------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
img { border:0;border-style: none;}
html, body {
	margin:0;
	padding:0;
	height:100%;

	text-decoration: none;
}
body {
	background-color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:#000000;
	

}
.hor {
	position:relative;
	margin:0 auto;
	text-align:left;
	max-width:1400px;
	clear:left;
	max-height:10000px;
}
.hor2 {
	position:relative;
	margin-left:40px;
	margin-right:40px;
}
@media all and (max-width:750px) {

}
#log {
	background-color:#ffffff;
	position:fixed;
	right:0px;
	bottom:0px;
	padding-right:3px;
	z-index:60009;
}
/* -------------------------------------------------- */
#container {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
/* -------------------------------------------------- */
#logo {
	position:fixed;
	left:24px;
	top:14px;
	line-height:0px;
	z-index:30001;
}
#logo img {
	width:140px;
	height:auto;

}
/* -------------------------------------------------- */
#menuesymbol {
	position:fixed;
	right:30px;
	top:30px;
	z-index:30002;
	width:60px;
	cursor:pointer;
}
#menuesymbol img {
	width:100%;
	height:auto;
}
/* -------------------------------------------------- */
#gmenue {
	position:fixed;
	right:0px;
	top:20px;
	width:240px;
	max-width:100%;
	height:100%;
	font-size:14px;

	line-height:24px;
	background-color:#ffffff;
	
	box-shadow: 0px 0px 30px #606060;
	display:none;
	z-index:30010;
	border-top-left-radius:10px;
	padding-top:40px;
}
#gmenue_abstand {
	position:relative;
	height:10px;
	min-height:0px;
}
#gmenue_inhalt {
	position:relative;
	height:100%;
	overflow:auto;
}
#gmenue_inhalt1 {
	position:relative;
	margin:0 auto;
	width:90%;

	padding-bottom:20px;
}
#gmenue_x {
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:50px;
	background-image: url(gfx2022/x_s.png);
	background-size: cover;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.5;
}
#gmenue_x:hover {
	opacity:1;
}
#gmenue p {
	color:#404040;
	font-weight:400;
	margin-bottom:10px;
	margin-top:20px;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
.gmenue0,.gmenue0_aktiv {
	display:block;
	margin-right:20px;
	text-transform: uppercase;
	color:#404040;
	text-decoration:none;
}
.gmenue0:hover,.gmenue0_aktiv:hover {
	text-decoration:underline;
}
.gmenue0_aktiv {
	font-weight:400;
}
.gmenue_strich {
	position:relative;
	height:1px;
	background-color:#404040;
	margin-top:4px;
	margin-bottom:10px;
}
.gmenue_strich2 {
	position:relative;
	height:0px;
	border-top:1px dotted #404040;

}
/* -------------------------------------------------- */
.gmenue_wrapper {
	margin-left:18px;
	padding-top:0px;
	padding-bottom:16px;
	opacity:0;
	overflow:hidden;
display:none;
}

.gmenue1,.gmenue1_aktiv {
	position:relative;
	display:block;
	left:0px;
	padding-left:20px;
	padding-right:2px;
	line-height:34px;

	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position:0px 11px;
	
}
.gmenue1_aktiv {
	font-weight:400;
}
.gmenue2,.gmenue2_aktiv {
	display:block;
	line-height:25px;
	padding-left:2px;
	padding-right:2px;
}
.gmenue2_aktiv {
	font-weight:400;
}

/* -------------------------------------------------- */
.gmenue1,.gmenue1_aktiv {
	text-decoration:none;
	color:#404040;
}
.gmenue1:hover,.gmenue1_aktiv:hover {
	background-color:#f0f0f0;
}


.gmenue2,.gmenue2_aktiv {
	text-decoration:none;
	color:#404040;
}
.gmenue2:hover,.gmenue2_aktiv:hover {
	background-color:#f0f0f0;
	color:#000000;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#maske {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image: url(gfx2022/weiss90.png);
	background-repeat:repeat;
	z-index:50000;
display:none;
}
/* -------------------------------------------------- */
#popup {
	position:fixed;
	left:0px;
	top:5%;
	width:315px;
	max-width:100%;
	height:95%;
	font-size:14px;
	line-height:24px;
	background-color:#ffffff;
	
	box-shadow: 0px 0px 30px #606060;
	z-index:50001;
	border-top-right-radius:10px;
	display:none;
}
#popup h1 {
	font-size:24px;
	line-height:30px;
	color:#a10000;
	font-weight:600;
	padding-bottom:22px;
}
#popup h2 {
	font-size:20px;
	line-height:25px;
	color:#a10000;
	font-weight:600;
	padding-bottom:22px;
}
#popup h3 {
	font-size:16px;
	line-height:20px;
	color:#a10000;
	font-weight:600;
	padding-top:25px;
}
#popup a {
	text-decoration:none;
	color:#a10000;
	font-weight:600;
}
#popup a:hover {
	text-decoration:underline;
}
#popup_x {
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:50px;
	background-image: url(gfx2022/x_s.png);
	background-size: cover;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.5;
}
#popup_x:hover {
	opacity:1;
}
#popup1 {
	position:absolute;
	width:100%;
	height:85%;
	top:9%;
	overflow:auto;
	padding:0px;
	
}
#kontakt,#impressum,#datenschutz {
	position:relative;
	padding-left:10%;
	padding-right:10%;
}
#kontakt {
	display:none;
}
#impressum {
	display:none;
}
@media all and (max-width:600px) {
	.popup {
		width:285px;
	}
	#kontakt,#impressum,#datenschutz {
		position:relative;
		padding:3%;
	}
}
/* -------------------------------------------------- */
.clip {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}
.unterclip {
	position:absolute;
	width:100%;
	height:auto;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- , % % polygon (x1 y1, x2 y2,...  */
.clip0_1 {
	clip-path: polygon(37% 44%, 46% 43%, 46% 76%, 37% 72%);
}
.clip0_2 {
	clip-path: polygon(46% 43%, 68% 45%, 68% 68%, 46% 76%);
}
.clip0_3 {
	clip-path: polygon(19% 35%, 37% 44%, 37% 72%, 19% 64%);
}
.clip0_4 {
	clip-path: polygon(68% 45%, 81% 35%, 81% 64%, 68% 68%);
}


.clip0_5 {
	clip-path: polygon(19% 35%, 46% 25%, 37% 44%);
}
.clip0_6 {
	clip-path: polygon(46% 25%, 46% 43%, 37% 44%);
}
.clip0_7 {
	clip-path: polygon(46% 25%, 68% 45%, 46% 43%);
}
.clip0_8 {
	clip-path: polygon(46% 25%, 81% 35%, 68% 45%);
}

.clip0_9 {
	clip-path: polygon(0% 0%, 37% 0%, 46% 25%, 19% 35%);
}
.clip0_10 {
	clip-path: polygon(37% 0%, 71% 0%, 46% 25%);
}
.clip0_11 {
	clip-path: polygon(71% 0%, 81% 35%, 46% 25%);
}
.clip0_12 {
	clip-path: polygon(71% 0%, 100% 0%, 100% 27%, 81% 35%);
}


.clip0_13 {
	clip-path: polygon(81% 35%, 100% 27%, 100% 68%, 81% 64%);
}
.clip0_14 {
	clip-path: polygon(81% 64%, 100% 68%, 100% 100%, 75% 100%);
}
.clip0_15 {
	clip-path: polygon(68% 68%, 81% 64%, 75% 100%);
}
.clip0_16 {
	clip-path: polygon(46% 76%, 68% 68%, 75% 100%, 53% 100%);
}


.clip0_17 {
	clip-path: polygon(37% 72%, 46% 76%, 53% 100%, 29% 100%);
}
.clip0_18 {
	clip-path: polygon(19% 64%, 37% 72%, 29% 100%, 0% 100%);
}
.clip0_19 {
	clip-path: polygon(0% 50%, 19% 64%, 0% 100%);
}
.clip0_20 {
	clip-path: polygon(0% 0%, 19% 35%, 19% 64%, 0% 50%);
}
/* -------------------------------------------------- */
.clip1_1 {
	clip-path: polygon(71% 29%, 83% 39%, 100% 25%, 100% 59%, 83% 61%, 45% 100%, 0 100%, 0 66%, 32% 57%, 32% 43%);
}
.clip1_2 {
	clip-path: polygon(0 0, 100% 0, 100% 25%, 83% 39%, 72% 29%, 32% 43%, 32% 57%, 0 66%);
}
.clip1_3 {
	clip-path: polygon(83% 61%, 100% 59%, 100% 100%, 45% 100%);
}

/* -------------------------------------------------- */
.clip2_1 {
	clip-path: polygon(51% 12%, 72% 50%, 72% 62%, 84% 65%, 84% 82%, 76% 83%, 56% 100%, 38% 94%, 16% 54%, 17% 38%);
}
.clip2_2 {
	clip-path: polygon(0% 0%, 100% 0%, 100% 71%, 84% 74%, 84% 65%, 72% 62%, 72% 50%, 51% 12%, 17% 38%, 17% 54%, 0% 44%);
}
.clip2_3 {
	clip-path: polygon(0% 44%, 17% 54%, 38% 93%, 57% 100%, 76% 83%, 84% 82%, 84% 74%, 100% 72%, 100% 100%, 0% 100%);
}
.clip_rechteck {
	clip-path: inset(38% 3% 4.3% 69.5%);
	 
}
.clip_schatten {
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.9));
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#begriffe {
	display:none;
}
#einblendungen {
}
.einblendung {
	position:absolute;
	transform: scale(0.7);
	color:#ffffff;
	font-size:40px;
	line-height:48px;
	
	font-size:4vw;
	line-height:4.8vw;
	
	font-weight:400;

	text-shadow: #000000 0px 0px 5px;
	transition: transform 20s;
	transition-timing-function: ease-out;
	
	opacity:0;
}
.einblendung a {
	text-decoration:none;
	color:#083ea6;
	color:#fff21d;
	text-shadow: #ffffff 0px 0px 5px;
	text-shadow: #000000 0px 0px 5px;
}
.einblendung a span {
	border-bottom:4px solid #fff21d;
	
}
@media all and (max-width:600px) {
	.einblendung {
		font-size:6vw;
		line-height:6.8vw;
	}
}
/* -------------------------------------------------- */
#logo_hg {
	opacity:0;
	position:absolute;

	left:0px;
	top:0px;
	
	width:1800px;
	height:1200px;
}
/* -------------------------------------------------- */
.stichwort {
	display:none;
}
/* -------------------------------------------------- */
#fusszeile {
	position:absolute;
	left:0px;
	bottom:0px;
	color:#ffffff;
	font-weight:600;
	font-size:30px;
	line-height:36px;
	background-image: url(gfx2022/schwarz40.png);
	background-size: cover;
	background-repeat:repeat;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	opacity:0;
	
}
/* -------------------------------------------------- */
@media all and (max-width:499px) {
	#container {
		top:25%;
		height:60%;
	}
	.clip {
		top:25%;
		height:60%;
	}
/* -------------------------------------------------- */