body {
    margin: 0; background-color: #FFF; 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: 35px; top: 0; width: 85%; z-index: 10; 
	display: flex; display: -ms-flexbox; justify-content: space-between;
}
#Logo {
	margin: 10px 0 0 auto; width: 25vw;  max-width: 150px; 
}

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

.Steuer {
	margin-top: 5px; 
}

#Steuerung {
  		display: none;
}


#Headline {
	position: relative; left: 35px; margin-top: 75px; width: 85%;
	font-family: Thesans-extrabold; font-size: 20px; line-height: 26px; font-weight:normal; color:#C1C1C1;
}

#Film {
	position: relative; left: 35px; top: 20px; width: 85%; 
}

#Copytext, #Weiche{
	position: relative; left: 35px; top: 50px; width: 85%;
	font-size: 14px; line-height:18px; font-weight:normal; color:#EEE;
}

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

#CopyAGB{
	position: relative; left: 35px; top: 20px; width: 85%;
	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:#3E5A5B;
	margin: 5px 0 10px 0;
}

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

.Spacer {
	position: relative; height: 500px; width: 100%; left: 0; 
}

#Iconfeld{
	position: relative; left: 30px; top: 80px; width: 90%; z-index: 10; margin-bottom: 40px;
	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: 35px; top: 119px; width: 85%; 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: 35px; top: 124px; width: 85%; z-index: 33;
	padding-right: 10px; text-align: right; visibility: hidden;
}

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

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

#pdf{
	 display: none; 
}


#Sozies{
  position: relative; left: 33px; top: 90px; display: inline;
}

.Soz{
	display: inline; margin-right: 30px;
}

/* Icon--------------------------------------------------------------------------------------- */
.Icon, .Icondummy {
	position: relative; width: 30%; min-width: 100px;
	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; min-height: 700px; z-index: 50; top: 10px;
	box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);
}

.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:#990000;
	text-decoration:none;
}

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

.Pfad a:active {
	color:#3E5A5B;
}

/* 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, active {
	color:#FF0000;
}

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

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

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


/* Tryouts--------------------------------------------------------------------------------------- */

#Karusell{display: none;}

/* Bert Demo--------------------------------------------------------------------------------------- */
  #Filmfeld{
   position: fixed; width: 70vh; height: 70vh; max-width: 720px; max-height: 720px;
   right: -800px;
   /*background-color: red;*/
   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;
}