body{

background-color: #F2F6FA;
background-image: url("HGVerlauf6.jpg");
background-repeat: repeat;
background-position: 50% 1%;
background-attachment: fixed;
background-size: 100%;
}



.bild2{
width: 280px; 
background: 0;
}

.bild2:hover{
transition: all 300ms ease 0s;
box-shadow: 0px 0px 0px 0px;
border-radius: 0px;
transform: rotate(-1deg) scale(1.2);
}


.bild22{
width: 40px; 
background: 0;
}

.bild22:hover{
transition: all 300ms ease 0s;
box-shadow: 0px 0px 0px 0px;
border-radius: 0px;
transform: rotate(0) scale(1.5);
}

.bild.cover{
transition: all 100ms ease 0s;
}

a:link {
text-decoration: none;
}


a:hover{
color: green;
text-shadow:green 10px 5px 30px; 
}



#blau5{
position:absolute; 
top: 18px; 
left: 3.58333333333334%;
max-width:690px;
background: 0;
}

.bild3{
width: 16%; 
height: auto;
background: 0;
}

#Videos{
top: 9px;
position:absolute;
left: 20.3333333333333334%;  
margin:0px 0px 0px 0px;
background: 0;
}

#zuruck{
top: 9px; 
position:absolute;
left: 40.3333333333333334%; 
margin:0px 0px 0px 0px;
background: 0;
}

#Festivals{
top: 9px;
left: 59.8333333333333334%; 
position:absolute; 
margin:0px 0px 0px 0px;
background: 0;
}


#BildMitte{
top: 108px;
width: 590px;
position:absolute;
left: 35.0333333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}


#BildA{
top: 400px;
width: 590px;
position:absolute;
left: 2.0333333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}
#BildB{
top: 400px;
width: 590px;
position:absolute;
left: 35.0333333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}

#BildC{
top: 400px;
width: 590px;
position:absolute;
left: 68.0333333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}

.bild5{
width: 62%; 
height: auto;
background: 0;
}


#LinkesBild{
top: 850px;
left: 19.8333333333333334%; 
position:absolute; 
margin:5px 40px 10px 5px;
padding:1px 1px 1px 1px;
background: 0;
}

#LinkesBildButton{
top: 915px;
left: 74.8333333333333334%; 
position:absolute; 
margin:5px 40px 10px 5px;
padding:1px 1px 1px 1px;
background: 0;
}


#LinkesBildButton2{
top: 1315px;
left: 74.8333333333333334%; 
position:absolute; 
margin:5px 40px 10px 5px;
padding:1px 1px 1px 1px;
background: 0;
}


#LinkesBild2{
top: 1250px;
left: 19.8333333333333334%; 
position:absolute; 
margin:5px 40px 10px 5px;
padding:1px 1px 1px 1px;
background: 0;
}




.bild4{
width: 85%; 
height: auto;
background: 0;
}


.bild1{
width: 82%; 
height: auto;
background: 0;
}


#Text3{
position:absolute; 
top: 670px; 
left: 31.0333333333333334%;
text-shadow:gray 0px 0px 0px; 
font-size:16px;
width:460px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: 0;
text-align: center;
background: 0;
}



.blau{
width: 9%; 
height: auto;
background: 0;
}

.blau1{
width: 9%; 
height: auto;
background: 0;
}


.blau:hover{
transform: scale(1.23); 
transition: all 300ms ease 0s;
box-shadow: 0px 1px 0px gray;
border-radius: 0px;
}

.blau.cover{
transition: all 100ms ease 0s;
}


.blau1:hover{
transform: scale(1.23); 
transition: all 300ms ease 0s;
box-shadow: 0px 1px 0px gray;
border-radius: 0px;
}

.blau1.cover{
transition: all 100ms ease 0s;
}


#TwitterEumel{
position:absolute; 
top: 1940px; 
left: 35.0333333333333334%;
text-shadow:black 1px 2px 4px; 
font-size:18px; 
color:#7a6eff;
max-width:660px;
margin:5px 40px 10px 0px;
padding:1px 1px 1px 0px;
display: 0;
text-align: left;
background: 0;
}


#Max{
position:absolute; 
top: 2000px; 
left: 35.0333333333333334%;
text-shadow:black 1px 2px 4px; 
font-size:18px; 
color:#7a6eff;
max-width:660px;
margin:5px 40px 10px 0px;
padding:1px 1px 1px 0px;
display: 0;
text-align: left;
background: 0;
}


#Impressum1{
top: 2160px;
position:absolute;
width:660px;
left: 7.8777333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}

#Impressum2{
top: 2160px;
position:absolute;
width:660px;
left: 39.9333333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}

#Impressum3{
top: 2160px;
position:absolute;
width:960px;
left: 69.5333333333333334%; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: 0;
}

.blau2{
width: 30%; 
height: auto;
background: 0;
}


#pagefooter{
position:absolute; 
top: 2300px; 
left: 13.0333333333333334%;
text-shadow:black 1px 2px 4px; 
font-size:2em; 
color:#7a6eff;
width:360px;
margin:5px 40px 10px 240px;
padding:1px 1px 1px 1px;
display: 0;
text-align: center;
background: 0;
}
}