body{
margin: 0 auto;
background-color:#fff;

}

#pageflip { position: relative; width: 100%; height: 700px; }
    #pageflip .page { position: absolute; left: 325px; top: 0; height: 700px; cursor: pointer; }
    #pageflip .arrow-left,
    #pageflip .arrow-right { position: absolute; display: block; width: 74px; height: 52px; top: 324px; }
    #pageflip .arrow-left { background: url(gfx/jubilaeum25/page-left.gif); left: 100px; }
    #pageflip .arrow-right { background: url(gfx/jubilaeum25/page-right.gif); right: 100px; }


.navbutton{
margin: 0 auto;
margin:1rem;
padding:0.8rem;
font-size:150%;
opacity:1.0;
}

.navbutton:hover{
opacity:0.7;
cursor:pointer;
}


#scheibe{
margin:0 auto;
width:100vw;
height:100vh;
background-color:#fff;
}

#scheibe a{
margin: 0 auto;
display:block;
width:100vw;
height:97vh;
padding-top:3vh;

}

#scheibe a img{
margin: 0 auto;
display:table;
max-width:100vw;
max-height:95vh;
}

.erklaerung{
margin:0 auto;
width:100vw;
height:100vh;
background-color:#fff;
}

.erklaerung a{
margin: 0 auto;
display:block;
width:90vw;
height:auto;
}

.erklaerung a img{
margin: 0 auto;
display:table;
width:100%;
max-width:1200px;
}

.hauptmenue, .ziwschenmenue{
margin:0 auto;
width:98vw;
height:100vh;
background-color:#fff;
}

.hauptmenue svg, .ziwschenmenue svg{
margin: 0 auto;
display:block;
width:90vw;
height:auto;
}
.video{
margin:0 auto;
width:96vw;
height:100vh;
background-color:#fff;
}

.video iframe{
width:90vw;
}