body {
    margin: 0; background-color: #404040; overflow-y: scroll;
	font-family: Thesans-plain;
}

*, ::before, ::after { 
  box-sizing: border-box; 
}

#Wrapper{
  position: absolute; min-height: 100%; height: auto !important;
  height: 100%; width: 100%; max-width: 2000px;
  background-image: linear-gradient(75deg, #202020 10%, #303030 20%, #202020 30%, #404040 75%); 
  background-size: cover;
}

.klein { 
	font-size: 13px; line-height:15px; font-weight:normal; color:#EEE;
}



.winzig { 
	font-size: 9px; line-height:13px; font-weight:normal; color:#EEE;
}

.kleinaktiv { 
	font-size: 11px; line-height:15px; font-weight:normal; color:#990000;
}

.kleinbold { 
	font-family: Thesans-bold; 
	font-size:11px; line-height:15px; font-weight: bold; color:#EEE;
}

sup {
	line-height: 0px; font-size:70%;
}

#Kopf {
	position: absolute; left: 270px; top: 0; width: 60%; z-index: 10; 
	display: flex; display: -ms-flexbox; justify-content: space-between;
}

#Logo {
	margin: 20px -153px 0 0; width: 14vw; max-width: 180px;
}

@media only screen and (max-width: 1050px) {
  	#Logo {
		margin: 20px -80px 0 0; width: 14vw; max-width: 180px;
	}
}

#Karusell {
	position: fixed; left: 0px; top: 0px; width: 100%; max-width: 2000px; height: 100%; z-index:0; opacity: 0.2;
    background-repeat:no-repeat; background-position: 70% center;
}

.Steuer {
	margin-top: 5px; 
}

#Headline {
	position: relative; left: 270px; margin-top: 114px; width: 60%; margin-bottom: 20px;
	font-family: Thesans-extrabold; font-size: 26px; line-height: 34px; font-weight:normal; color:#C1C1C1;
}

#Film {
	position: relative; left: 270px; width: 60%; margin-bottom: 20px;
}

#Copytext, #Weiche{
	position: relative; left: 270px; width: 60%;
	font-size: 18px; line-height:24px; font-weight:normal; color:#EEE; 
}

#CopytextKlein{
	position: relative; left: 270px; top: 50px; width: 60%;
	font-size: 14px; line-height:20px; font-weight:normal; color:#EEE;
}

#CopyAGB{
	position: relative; left: 270px; width: 60%;
	font-size: 14px; line-height:20px; font-weight:normal; color:#EEE;
}

.Bild {
	border-style:none; display:block; width: 100%;
}

.BU { 
	font-size: 13px; line-height:15px; font-weight:normal; color:#EEE;
	margin: 5px 0 10px 0;
}

.BuIcon { 
	font-size: 13px; line-height:15px; font-weight:normal; color:#EEE;
	margin-top: 5px;
}

.Spacer {
	position: relative; height: 100px; width: 60%; left: 270px; margin-top: 60px; 
}

#Iconfeld{
	position: relative; left: 260px; margin: 20px 0 10px 0; 
	width: 52%;
	width: calc(50% + 20px); 
	z-index: 10; 
	display: flex; display: -ms-flexbox; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap;
}

#Decker{
	position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 30;
	background-color: #000; opacity: 0.6; visibility: hidden;
}

#Illu{
	position: absolute; left: 10%; top: 119px; width: 80%; z-index: 32;
	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); border: 1px solid #CCC; visibility: hidden;
}

#Close{
	position: absolute; left: 10%; top: 129px; width: 80%; z-index: 33;
	font-size: 26px; padding-right: 15px; text-align: right; visibility: hidden; 
}

#Map{
	position: relative; left: 270px; top: 0; width: 60%; 
	padding-bottom: 35%; 
	background-color: #CCC;
	
	background: url("pix/Anfahrt.jpg") no-repeat; background-size: cover;
}

iframe{
	 position: absolute; width: 100%; height: 100% 
}

#pdf{
	 position:absolute; left: 100px; top: 120px; width:31px; height:30px; z-index:2; 
}

#Sozies{
  position: absolute; left: 90%; top: 114px;
}

.Soz{
	display: block;
}


/* Icon--------------------------------------------------------------------------------------- */
.Icon, .Icondummy {
	position: relative; width: 30%; min-width: 180px;
	flex-grow: 1; margin: 0 10px 0 10px;
}

.Icon a:link, visited {
	border: 1px solid #CCC;
	display:block;
}

.Icon a:hover, active{
	border-color: #dd0000;
}


/* Menue------------------------------------------------------------------------------- */

#Menuefeld { 
	position: absolute; width: 260px; height: 800px; z-index: 20; top:120px;
}

.MenueOut{
	 left: -230px;
	 transition: left 0.5s;
}
.MenueIn{
	 left: 0px;
	 transition: left 0.5s;
}


 
.Menuezeile {
	border-style: solid; border-color: #999 #555 #555 #999; border-width:1px;
	background-image:url(pix/menue.png); background-repeat:no-repeat; background-position:center; background-color: #444;
}

/* Mainbuttons------------------------------------------------------------------------------- */

.MainNavi a:link, a:visited {
	font-family: Thesans-plain;
	font-size:12px; line-height:20px; color:#EEE;
	text-indent:20px;
	text-decoration:none;
	border-style:solid; border-color: #999 #000 #000 #999; border-width:1px;
	background-color: #666;
	display:block;
}

.MainNavi a:hover {
	border-color: #999 #000 #000 #999;
	background-color: #565656;
}

.MainNavi a:active {
	color:#999;
}

/* Mainbuttons tot---------------------------------------------------------------------------- */
.MainNavitot {
	font-family: Thesans-plain;
	font-size:12px; line-height:20px; color:#EEE;
	text-indent:20px;
	text-decoration:none;
	border-style:solid;
	border-color: #DDD #000 #000 #DDD;
	border-width: 1px;
	background-color: #777;
	display:block;
}


/* Mainbuttons aktiv------------------------------------------------------------------------------- */

.MainNaviakt a:link, visited, hover, active {
	font-family: Thesans-bold;
	font-size:12px; line-height:20px; color:#990000;
	font-weight: bold;
	text-indent:40px;
    text-decoration:none;
	border-style: solid;
	border-color: #FFF #3E5A5B #3E5A5B #FFF;
	border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px;
	background-color: #BCBCBC;
	display:block;
}

/* Subbuttons------------------------------------------------------------------------------- */

.SubNavi a:link, visited {
	font-family: Thesans-plain;
	font-size:12px; line-height:20px; color:#DDD;
	text-indent:30px;
	text-decoration:none;
	border-style: solid;
	border-color: #DDD #000 #000 #DDD;
	border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px;
	background-color: #464646;
	display:block;
}

.SubNavi a:hover {
	border-color: #DDD #000 #000 #DDD; color:#FFF;
	background-color:#969696;
}

.SubNavi a:active {
	color:#990000;
}

/* Subbuttons aktiv------------------------------------------------------------------------------- */

.SubNaviakt a:link, visited, hover, active {
	font-family: Thesans-bold;
	font-size:12px; line-height:20px; color:#990000;
	font-weight: bold;
	text-indent:40px;
    text-decoration:none;
	border-style: solid;
	border-color: #FFF #3E5A5B #3E5A5B #FFF;
	border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px;
	background-color: #BCBCBC;
	display:block;
}

/* Pfadeoben------------------------------------------------------------------------------- */

.Pfad a:link, visited {
	font-family: Thesans-plain;
	font-size:10px; color:#EEE;
	text-decoration:none;
}

.Pfad a:hover {
	color:#FF0000;
}

.Pfad a:active {
	color:#999;
}

/* Galerien--------------------------------------------------------------------------------------- */

.Projekt {
	font-family: Thesans-plain;
	font-size:11px; line-height:15px; font-weight: bold; color:#EEE;
    text-decoration:none;
    padding-top:2px;
	border-style: solid;
	border-color: #3E5A5B #3E5A5B #3E5A5B #3E5A5B;
	border-width: 1px 0 0 0;
}

/* Textlink--------------------------------------------------------------------------------------- */

.Textlink a:link, visited {
	font-family: Thesans-plain;
	font-size:18px; line-height:24px; color:#EEE;
	text-decoration:none;
}

.Textlink a:hover {
	color:#FF0000;
}

.Textlink a:active {
	color:#999;
}


/* Textlink--------------------------------------------------------------------------------------- */

.Closelink a:link, visited {
	font-family: Thesans-plain;
	font-size:18px; line-height:24px; color:#3E5A5B;
	text-decoration:none; mix-blend-mode: difference;
}

.Closelink a:hover {
	color:#FF0000;
}

.Closelink a:active {
	color:#999;
}

/* Textlink klein--------------------------------------------------------------------------------------- */

.Textlinkklein a:link, visited {
	font-family: Thesans-plain;
	font-size: 14px; line-height:20px; color:#EEE;
	text-decoration:none;
}

.Textlinkklein  a:hover {
	color:#FF0000;
}
	
.Textlinkklein  a:active {
	color:#999;
}

/* Bert Demo--------------------------------------------------------------------------------------- 
#Filmfeld {
   position: fixed; width: 70vh; height: 70vh; max-width: 720px; max-height: 720px;
   right: -800px;
   z-index: 100;
   pointer-events: none;
   transition: inset 1s;
  }
  
#Hilfe {
   position: fixed; width: 50px; height: 50px; 
   inset: auto 10px 10px auto;
   z-index: 110;
   cursor: pointer;
 } */