a{
	width:100%;
	height:auto;
	top:0;
    z-index: 1;
}



#mail, #place, #phone, #galerie, #aktuell{
    position: absolute;
	display:block;
	width:50px;
	height:100px;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;

}

#phone{right:200px;}
#phone{background-image: url(../../img/phone.svg);}
#phone:hover{background-image: url(../../img/phone-hover.svg);}

#galerie, #aktuell{right:140px;}
#galerie{background-image: url(../../img/pic.svg);}
#galerie:hover{background-image: url(../../img/pic-hover.svg);}
#aktuell{background-image: url(../../img/pic-hover.svg);}


#mail{right:80px;}
#mail{background-image: url(../../img/mail.svg);}
#mail:hover{background-image: url(../../img/mail-hover.svg);}

#place{right:20px;}
#place{background-image: url(../../img/place.svg);}
#place:hover{background-image: url(../../img/place-hover.svg);}



/* -----------------------------------------------------------------Mobil & Tablet */
@media only screen and (min-width: 0em) and (max-width: 60em){
#phone{right:170px;} 
#galerie, #aktuell{right:120px;}
#mail{right:60px;}
#place{right:10px;} 


}