@charset "utf-8";
/* CSS Document */
body {
margin: 0;
background: #000;
}
video {
position: absolute;
top: 0px;
left: 0px;
/*top: 50%;
left: 50%;*/
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
/*transform: translateX(-50%) translateY(-50%);*/
background: url('img/Forrofilm-Start.jpg') no-repeat;
background-size: cover;
transition: 1s opacity;
/*die nächsten 3 Zeilen sind neu*/
display: block;
max-width: 100%;
height: auto;
}
.stopfade {
opacity: .5;
}
#bild {
top: 0px;
left: 0px;
}
#top0 {
position:relative;
top: 0px;
left: 0px;
}
.img-res {
display: block;
max-width: 100%;
height: auto;
}
#navi {
position:absolute;
top: 0px;;
left:0px;
}
#navigation {
position:absolute;
top:opx;
font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
font-weight:100;
background: rgba(0,0,0,0.3);
color: white;
text-align:center;
padding: 0.7rem;
width: 7rem;
margin:1rem;
float: left;
font-size: 1.4rem;
}
h1 {
font-size: 1rem;
text-transform: uppercase;
margin-top: 0;
letter-spacing: .3rem;
}
a {
display: inline-block;
color: #fff;
text-decoration: none;
background: rgba(255,255,255,0.23);
padding: .5rem;
transition: .8s background;
}
a:hover{
background:rgba(0,0,0,0.9);
}