html, button, input, select, textarea {color: #222;}

body {max-widths: 1500px;
overflow-x:hidden;
overflow-y:scroll;
font-family:  "Apercu", Helvetica, Arial, sans;
font-size: 16px;
letter-spacing:0.03em;
font-weight:400;
color: #1155cf; #f59956;
line-height: 1.4em;
background: rgb(255,255,255s);
margin:0px;
text-shadow: 3px 3px 1px rgba(130,130,180,0.16);
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;}

.overgro {position:fixed;top:0;
width:100%;displays:none;top:-100vh;
height:auto;padding-top:7vh;padding-bottom:7vh;
font-size:22px;line-height:43px;z-index:999999;
background:#fff;box-shadow:0px 0px 3px #ddaadd;
text-align:center;transition:all 0.4s;
opacity:0;pointer-events:none;
display:none;
}
.slide {top:0;transition:all 0.4s;}
.over-click {cursor: pointer;}

.whites {pointer-events:none;
background:#fff; z-index:9999; height:100vh; width:100%; position:fixed;}

a:link {text-decoration: none; color:#1155cf; f59956;}
a:active { text-decoration: underline; color:#1155cf; b090b0;}
a:visited { text-decoration: none; color:#1155cf; b090b0;}
a:hover { }

a.nav:link { text-decoration: none; color: color:#000; }
a.nav:active { text-decoration: none; color: #000;}
a.nav:visited { text-decoration: none; color: #000;}
a.nav:hover { text-decoration: none; padding-top: 5px; padding-bottom: 2px;  
border-bottom: 2px solid #232329; border-top: 0px solid #232329; color: #232339;}
.active {pointer-events:none; color: #afafcc !important;}
h1 { 	font-size: 3.8em; 
font-family: "Larish Neue", Georgia, Times, serif;
line-height:1.2em;}
h10 { 	font-size: 2.0em; letter-spacing:0.01em; line-height: 1em; z-index: 999;}
h2 { 	font-size: 1.8em; 
font-family: "Larish Neue", Georgia, Times, serif;
line-height:1.2em;}
h3 {font-size: 1em; line-heights: 1.3em; letter-spacings:0.04em; 
font-weight: 300;margin-top:1.3em;
	text-shadow:none;}

h5 { 	font-size: 1.45em; sline-height: 1.3em; letter-spacing:0.04em; font-weight: 100;}

.nav2:hover {opacity:0.7;}

.nav2 {
  cursor: pointer;
}


.wrap-scrolldown {
    width: 100%;
    height: 66px;
    position: fixed;
    top:0; left:0;
    display: none;
    z-index:999;
    font-size:20px;
    background:white;
/*    border-bottom: 2px solid #1155cf;*/
    box-shadow:0px 0px 3px #ddaadd;
}
.wrap-scrolldown-phone {display:none;
opacity:0;pointer-events:none;
    width: 100%;
    height: 66px;
    position: fixed;
    top:0; left:0;
    display: none;
    z-index:999999;
    font-size:24px;
    text-align:right;
    background:white;
/*    border-bottom: 2px solid #1155cf;*/
    box-shadow:0px 0px 3px #ddaadd;
}


.bolle { display:none;
z-index:999999 !important;
z-index:3;
    position: fixed;
    width: 110px;
    height: 110px;
    text-align: center;
    top: 33%;
    left: 50%;
    padding: 20px;
    background: #6277d6;
    border: 0px solid #6277d6;
border-radius: 50%; behavior: url(PIE.htc);
    transform: translate(-50%, 0);
    -webkit-box-shadows: 3px 3px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadows: 3px 3px 15px rgba(0, 0, 0, 0.3);
box-shadows: 2px 2px 20px rgba(170, 170, 170, .3);
    }
.bolle > div {padding-top:25px; color:white;}

/* MENU/TITEL/NAV */
.top-container {font-familys:Avenir, courier;
position:relative; text-transform:lowercsase;
line-height:1.3em; 
margin-bottom:0px; z-index:99; 
margin-top:0px; 
}

.top-container2 {
	position:relative;
	left:100px;
	
	}

.hovergone:hover {opacity:0;}
.top-container > div {
text-align:left; 
margin:auto;
z-index:80; padding-bottom:70px;

}
.top-container > div > div {

	
	}

.top-container > div > div > span {padding:0px; backgrounds:red;}
.col-ssm-3:hover > .fingergif {opacity:0;}

.top-container a.nav:link{color:#1155cf; opacity:1.3;
padding-bottom: 0px;  
border-bottom: 2px solid #1155cf;
}
.top-container a.nav:visited{color:#1155cf;}
.top-container a.nav:active{}
.top-container a.nav:hover {
padding-bottom: 0px;  
border-bottom: 0px solid #1155cf;
text-decoration: none; 
colors: #fff;  opacity:1;
/*-webkit-transition: color 0.15s;
-moz-transition: color 0.15s;
-o-transition: color 0.15s;
transition: opacity 0.15s;*/}

.asdf {font-weights:bold;}
.asdf:hover {backgrounds:white; color:#fff;}
.foot {position:fixed; left:20px; bottom:10px; font-size:10px; z-index:99999;}
.footright {position:fixed; width:100px; right:20px; bottom:10px; font-size:10px; z-index:99999;}


/*.asdf:hover > .normal {color:white; background:black;#ef1048;}*/

.nada {cursor:default;}

.zeitst {
position:relative; margin:auto;  margin-top:70vh;
width:60%; background: #4499ef; height:auto; padding:10px;
color:white;text-shadow: 3px 3px 0px #1155cf; bsorder:4px solid #efefff;
box-shadow: 4px 4px 0px #1155cf;}
.zeitst > div {
position:relative; margin:auto;
background: #4499ef; height:auto; padding:15px;
color:white; text-shadow: 3px 3px 0px #1155cf; border:4px solid #efefff;
font-size:160%; line-height:130%;
}

.smalltxt {
font-size:10px;
color:#4499ef;
}
.tooltip {
  z-index:-99; 
  position: absolute;
	width:100%;
	top:0;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.tooltip.active {
  display: block;
}


.tooltip1 b {
  
}

.tooltip1 > img {
  z-index:100;
  width: 317px;
  height:auto;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  padding:0;
}

.tooltext {
  position: relative;
  /*top:20px;*/
  left: calc(50% + 100px);
  width: 300px;
  max-width: 100%;
	height: auto;
  color: black;
 /* top:20vh;*/
  text-align: left;
  font-size: 1em;
  font-weight: 100;
	z-index: 200;
  padding: 20px;
  /* sborder: 1px solid #6277d6;*/
  opacity: 1;
  /* colors:white; */
    color: #1155cf;
    border-lefts: 6px solid;
    top:20px;
    background:white;
}

.tooltext p {
	line-height:1.4em;
	margin-bottom:0;
	}
.tooltext b {
font-family: "Larish Neue", Georgia, Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2.2em;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	line-height:1em;
	}

.tooltip2{z-index:-99; 
position: absolute;left:257px; margin-top:21px;
opacity:1;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;}

.tooltip2 > img {z-index:100; width: 317px; height:auto;
position:absolute;left:0;
padding:0;}

#slideshow {position: absolute; width:100%; height:100%;}
#slideshow > div { position: absolute; display:block;}

#fader {
  
  position: relative;
  overflow: hidden;
  margin: -30px;  
  }
#fader ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 410px;
    list-style: none;
   } 
#fader ul li {
      position: absolute;
      display: block;
      float: left;
      margin: 0;
      padding: 0;
      width: 360px;
      height: 410px;
      background: #ccc;
      text-align: center;
      line-height: 300px;
      background-position:center;
      background-size:cover;
    }
    

.z8, .z9 {background:white;z-index:3;perspective:40}
.z8 {overflow:hidden;
box-shadow: inset 0px 0px 0px 7px rgba(255,255,255,1), 8px 8px 0px rgba(130,130,180,0.16);}
.z8 > div > div {opacity:1;overflow:hidden;
position:absolute; z-index:-10; 
text-align:center;margin:auto;
width:100%; margin:-40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width:100%; height:100%;}
.z8 > div > div > img {width:100%;
margin:auto;
vertical-align: middle;}

.z9 {overflow:hidden;
box-shadow: inset 0px 0px 0px 7px rgba(255,255,255,1), 8px 8px 0px rgba(130,130,180,0.16);}
.z9 > div > div {opacity:0;overflow:hidden;
position:absolute; z-index:-10; 
text-align:center;margin:auto;
width:100%; margin:-40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width:100%; height:100%;}
.z9 > div > div > img {width:100%;
margin:auto;
}

.newBG {
			background-image: url('files/eis-1.jpg'); background-size: cover; 
		background-position:center; 
}



.normal {
font-family:  'Apercu', 'Myriad', 'Helvetica', Arial, sans ;
font-size: 12px;floats:left;
line-height: 1.4em;
font-weight:100;}


.max-width {max-width:750px;}

.stop-container a.nav{-webkit-transition: all 0.5s; transition: all 0.5s;}


.titel {margin:auto; text-align:center;
height:10px; padding-top:30px;
width:100%;}
.titel a:link {border-bottom:2px solid #1155cf; padding-bottom:2px;}
.titel > div {width:100% !important; text-align:center;}
.sticky-scroll-box {
  position:absolute; 
text-align:center;
  z-index: 9999;
}
.fixed {position:fixed; top:0;}
.bottom-border{
border-bottom: 0px dotted black;
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;
-o-transition: all 0.4s;transition: all 0.4s;
}




imgs {-webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 15px rgba(70, 70, 70, .1);}

.links {  float:left;  width:5%;}
.rechts {  float:right;  width:92%;}

#left {float: left; width:100%;
height: 100vh;overflow: scroll;}
#right2 {position:absolute; right:0;float: right; width: 40%;
margin-right:-41%;height: 100vh;overflow: scroll;
z-index:999999; border-left:1px dashed grey;
fonts-size:17px;background: white; #ef1048;
line-height:1.71em; text-align:left; color:#000;
word-break:break-word;hyphens: auto;}
#right2-50 {position:absolute; right:0; float: left; width: 50%;
margin-right:-51%;height: 100vh;overflow: scroll;
z-index:999999;
font-size:20px;background: white;
border-left:1px dashed #bbb; border-left:1px dashed grey;
line-height:1.41em; text-align:left; color:#000;}

.right-info > div{padding:84px !important; padding-right:90px; -webkit-hyphens: auto;
-moz-hyphens: auto;-ms-hyphens: auto;}
.right-info > div > span {font-weight:bold;}

.margin0{margin-right:0% !important;}
.margin40{margin-right:40% !important;}
.margin50{margin-right:50% !important;}
.width60{width:60% !important; overflow:visible;margin:0; }
.width50{width:50% !important; }
.max-width60{max-width:60% !important; }
.max-width50{max-width:50% !important;}
.max-width100{width:100% !important;}
.transwidth {-webkit-transition: margin-right 0.3s; transition: margin-right 0.3s;}
.transwidth2 {-webkit-transition: all 0.3s; transition: all 0.3s;}


.bild {margin:auto; 
margin-bottom:10px;
text-align:center;}
.bild > img {display:block;width:100%;margin-bottom:0px;} 

.bilder {max-width: 960px;
width:100%; margin:auto; text-align:center; position: relative;}

.hovas {z-index:9;}
.hovas:hover {z-index:10;}

.asd:before {content: '  '; padding-left:5px;
padding-right:5px;font-weight:bold;}

	
/* GALERIE */	
.arg{position:fixed; max-width:100%; width:100%; 
text-align:center;height:3vh; bottom:80px;
margin:auto;}
.arg > div {margin-left:90px;
text-align:left;
line-height:1.8em;}
.arg2{position:relative; max-width:100%; width:100%; 
text-align:center;height:3vh;
margin:auto;}
.arg2 > div {margin:auto;
text-align:center;
line-height:1.8em;}

.next2 { z-index:999; margin-right:15px;}
.nextword:before{content:'next image'; color: black;}
.prev2 {left:20px; margin-right:15px;margin-left:15px;}
.prevword:before{content:'previous image'; color: black;}


.top10{position: absolute; pointer-events: auto; 
width:200px;left: 40px; bottom: 20px;}

#top90 {height: 90vh !important;}

.banner2 {overflow: auto; borders: 1px solid #ef1048;
max-width:100%; }
.banner2 ul {overflow: show; margin:auto;
width:100% !important;  padding:0;}
.banner2 ul li { list-style: none; text-align:left; padding-left:90px; }
.banner2 ul li a {margin:0 !important;}
.banner2 > ul > li > a >.img-exhib {max-height:75vh; 
height:auto; max-width:95%; margin-top:5vh;}
.banner2 .dots {display:none; position: absolute; left: 20px; right: 0; top: 550px;
width: 80%; max-width: 360px;z-index: 999; padding: 0;}
.banner2 .dots li {display: inline-block;width: 6px;height: 6px;line-height: 10px;margin: 0 4px;
text-indent: -999em;background: #a9a9a9;border-radius: 6px;cursor: pointer;opacity: .3;}
.banner2 .dots li.active {background: rgba(159,160,162, 0.9);opacity: 1;}

#wrap {height: 100vh; position: relative; width: 100%;}	

.banne2 ul li{list-style:none; text-align:center; }
.banne2 {position:relative; height:74vh !important;}
.banne2 ul {padding:0;}
.banne2 > ul > li > a {margin:0; z-index:999999;}
.banne2 > ul > li > a >.img-exhib {max-height:68vh; height:auto; 
max-width:94%; margin:3%; margin-top:20px;margin-bottom:0vh;}
.banne2 .dots {display:none; position: absolute; left: 20px; right: 0; top: 550px;
width: 80%; max-width: 360px;z-index: 999; padding: 0;}
.banne2 .dots li {display: inline-block;width: 6px;height: 6px;line-height: 10px;margin: 0 4px;
text-indent: -999em;background: #a9a9a9;border-radius: 6px;cursor: pointer;opacity: .3;}
.banne2 .dots li.active {background: rgba(159,160,162, 0.9);opacity: 1;}

.numb-y{display:none; z-index:99999; color: grey;positions: absolute;
width: 100%; text-align:center;bottom: 2px;font-size:0.8em;}

.closing-x {display:none; position:absolute; z-index:99999;
left:-60px; top:-80px; margin-right:0px; font-size:32px;
font-weight:100; line-height:3vh; font-family: arial;
width:30px; height:30px; padding:0 !important; margin: 0 !important; 
text-align:center;  margin-top:24px !important; opacity:0.09 ;}
.closing-x > div {cursor:pointer; position:fixed;}

@media screen and (max-width : 1100px) {
	#right2, #right2-50 {font-size:20px;}
	.right-info > div{padding:74px !important;}
	}
@media screen and (max-width : 720px) {
	#right2, #right2-50 {font-size:20px;}
	.right-info > div{padding:54px !important;}
	.closing-x {position:absolute; z-index:99999;
	left:-40px; top:-60px
	}
@media screen and (max-width : 700px) {
.topt {margin-left:8%; margin-top:40px;}
.banner2 > ul > li {padding:0;}
.zeitst {margin-top:63vh; width:80%;}

	#left {
    float: left; width:100%;
    height: 100vh;overflow: scroll;}
	#right {
    float: left;width: 35%;
    height: 100vh;overflow: scroll;}
	#right2, #right2-50 {position:absolute; left:0;
    float: right; border-left:0;
    margin-top:-100vh;
	width:100%;
    height: 100vh;
	font-size:25px; 
	line-height:1.41em; text-align:left; color:#000;}
	#right2-50 {border-bottom:1px dashed black;}

	.right-info > div {padding:24px !important; padding-right:90px;}
	.right-info > div > span {font-family:arial; font-weight:bold; font-size:14px;}
	.margin0{margin-top:0vh !important;}
	.margin40{margin-top:0vh !important;}
	.margin50{margin-top:0vh !important;}
	.width60{width:100% !important;}
	.width50{width:100% !important;}
	.max-width60{max-width:100% !important;}
	.max-width50{max-width:100% !important;}
	.max-width100{width:100% !important;}
	.transwidth {-webkit-transition: margin-top 0.3s; transition: margin-top 0.3s;}
	.transwidth2 {-webkit-transition: all 0.5s; transition: all 0.5s;}
	.closing-x {displays:none;}
	.closing-x > div {position:absolute;}
	.banner2 > ul > li {text-align:center;}
	.banner2 > ul > li > a >.img-exhib {max-height:86vh; height:auto; 
	max-width:94%; margin:auto;margin:3%; margin-top:3%;}
	.arg {bottom:-16px; height:12vh;z-index:999;} 
	.arg > div {font-size:0.9em;line-height:18px; margin-left:8%;}
	}
	





@media (max-width: 778px) {
.tooltip {
  left: 10%;
}
.dashy {left:0px !important; margin-left:10%;}
.tooltext {opacity:0;}
.boxy {margin-left:0 !important;}
#slideshow2 {position:relative;}
.top-container {margin-bottom:0;}
.figy {margin-left:200px !important;
top: 430px; !important}
.starty {margin-top:40px;}
	.wrap-scrolldown {display:none;opacity:0;
	    z-index:-999;}
	.wrap-scrolldown-phone {display:none;
	    z-index:999;opacity:1;pointer-events:all;
	    text-align:right;}
.overgro {opacity:1;pointer-events:all;
display:block;}	    

.nophone {display:none;}
.onlyphone {display:block;}
}

@media screen
	and (max-width : 700px) and (orientation: landscape) {
	.banner2 > ul > li {text-align:left;}
	.banner2 > ul > li > a >.img-exhib {max-height:80vh; height:auto; margin:3vh;
	max-width:95%;margin-top:3vh; margin-left:8%}
	.arg {bottom:0px; line-height:0em; height:15vh; font-size:1em;}
	.arg>div{padding-top:2vh;}

	}