* 
*{ }


body {

margin: 0, auto;
overflow:hidden;
}

@-webkit-keyframes TMNT {
0%  { left: 0px; }
100% { left: -1200px; }
 from { opacity: 1.0; }
    to   { opacity: 0.0; }

  }

a.prev,a.next {
height: 15vh;
position: absolute;
width: 9vh;
top: 33vh;
margin-top: 0;
margin-right: auto;
margin-left: auto;
opacity: 0.3;
text-indent: -99999px;
cursor:pointer;
-webkit-transition:opacity 200ms ease-out;


}
a.prev:hover,a.next:hover {
opacity:1;
}
.prev {
left:0;
background: url(prev.png) no-repeat;
position:absolute;
background-size: contain;

}

.next {
right: 0;
background:  url(next.png) no-repeat;
position:absolute;
background-size: contain;
}

.slider {
height:95vh;
width: auto;
position: sticky;
overflow: hidden;
resize: both;
overflow-y:hidden;



 
    

}

.slide {
   height:100%;
   width:100%;
   opacity: 0.8;
}

.slider .slide:target {
   z-index: 100;
   overflow: hidden;
   position: relative;
}

img {
    max-width:100vw;
    max-height:80vh;
    position: sticky;
    padding-top: 5vh;
     margin-top: 1vh;
    margin:0 auto;
    display: block; 
    vertical-align: middle;
    
  }

iframe  {
   padding-top: 3vh;
   max-width:80vw;
   max-height:80vh;
   position: relative;
  
   margin:0 auto;
   display: block;
   resize: both;
   
  }


.size {
   width: auto\9; /* ie8 */;
   height: auto\9; /* ie8 */;
   padding-top: 0;
}
.schrift {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 3vh;
   font-style: normal;
}
.position {
   position: relative;
   /* [disabled]alignment-adjust: central; */
}

.framer li {
   max-width:30vh;
   width:30vh;
}

.Schrift-Bildbeschreibung {
	font-family: Arial, Helvetica, sans-serif;
	font-size:calc (9px+4vh);

    text-align: justify;
  
}
 
 #main {
	

	margin-left: 0;
	margin-right: 0;
	position: relative;
	height: 90vh;
        width: 100vw;
overflow-y: auto;
        border:none;
        display: inline-block;
}

.center 
{

padding-right: 5vw;
margin-top: 1vh;

	margin: 0;

}