/* hover style BU 2018 */
	
/* !!!!! hover !!!!!*/
.hover img {position:absolute;left:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.hover img.top:hover {opacity:0;}

/* !!!!! motion picture !!!!!*/
#goldsteig-hover {position:absolute; bottom:50%; right: 10%; height:150px;width:150px;margin:0 auto;}
#zeiss-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#campingaz-camping {position:absolute; bottom:10%; right: 65%; height:175px;width:175px;margin:0 auto;}
#campingaz-urban {position:absolute; bottom:45%; right: 55%; height:175px;width:175px;margin:0 auto;}
#bwgt-hover {position:absolute; top:10%; left: 10%; height:200px;width:200px;margin:0 auto;}
#sparkasse-hover {position:absolute; bottom:35%; left: 10%; height:200px;width:200px;margin:0 auto;}
#ssg-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#staufen-hover {position:absolute; top:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#ministerium-hover {position:absolute; top:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#engelhorn-125-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#engelhorn-20-hover {position:absolute; top:10%; left: 10%; height:150px;width:150px;margin:0 auto;}
#engelhorn-50-hover {position:absolute; bottom:10%; left: 20%; height:200px;width:200px;margin:0 auto;}
#engelhorn-70-hover {position:absolute; top:15%; left: 30%; height:100px;width:100px;margin:0 auto;}
#engelhorn-80-hover {position:absolute; top:10%; right: 10%; height:150px;width:150px;margin:0 auto;}
#engelhorn-90-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#daimler-fleetmanagement-hover{position:absolute; bottom:10%; left: 20%; height:200px;width:200px;margin:0 auto;}
#vandeyk-hover{position:absolute; top:10%; left: 10%; height:200px;width:200px;margin:0 auto;}

/* mediaqueries */
@media (max-width: 575px){ 
#bwgt-hover {position:absolute; top:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#sparkasse-hover {position:absolute; bottom:10%; left: 45%; height:125px;width:125px;}	
#ssg-hover {position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#staufen-hover {position:absolute; top:12%; right: 60%; height:125px;width:125px;margin:0 auto;}
#engelhorn-125-hover {position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#engelhorn-20-hover {position:absolute; top:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#engelhorn-50-hover {position:absolute; bottom:10%; left: 20%; height:125px; width:125px;margin:0 auto;}
#engelhorn-70-hover {position:absolute; top:15%; left: 30%; height:125px;width:125px;margin:0 auto;}
#engelhorn-90-hover {position:absolute; bottom:10%; right: 60%; height:125px;width:125px;margin:0 auto;}
#daimler-fleetmanagement-hover{position:absolute; bottom:10%; left: 20%; height:125px;width:125px;margin:0 auto;}
#vandeyk-hover{position:absolute; top:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#campingaz-camping {position:absolute; bottom:10%; right: 65%; height:150px;width:150px;margin:0 auto;}
#campingaz-urban {position:absolute; bottom:5%; right: 55%;height:150px;width:150px;margin:0 auto;}
}
	
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 768px){ 
#sparkasse-hover {position:absolute; bottom:10%; left: 45%; height:175px;width:175px;}	
#staufen-hover {position:absolute; top:10%; right: 60%; height:175px;width:175px;margin:0 auto;}
#ministerium-hover {position:absolute; top:10%; right: 10%; height:175px; width:175px; margin:0 auto;}
#engelhorn-50-hover {position:absolute; bottom:10%; left: 20%; height:175px; width:175px;margin:0 auto;}
#engelhorn-70-hover {position:absolute; top:15%; left: 30%; height:175px;width:175px;margin:0 auto;}
#campingaz-camping {position:absolute; bottom:10%; right: 65%; height:150px;width:150px;margin:0 auto;}
#campingaz-urban {position:absolute; bottom:45%; right: 55%;height:150px;width:150px;margin:0 auto;}


}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){ 
#sparkasse-hover {position:absolute; bottom:10%; left: 65%; height:200px;width:200px;}	
#goldsteig-hover {position:absolute; bottom:50%; right: 60%; height:200px;width:200px;margin:0 auto;}
#staufen-hover {position:absolute; top:10%; right: 60%; height:200px;width:200px;margin:0 auto;}
#ministerium-hover {position:absolute; top:10%; right: 10%; height:175px; width:175px; margin:0 auto;}
#engelhorn-50-hover {position:absolute; bottom:10%; left: 20%; height:175px; width:175px;margin:0 auto;}
#engelhorn-70-hover {position:absolute; top:15%; left: 30%; height:175px;width:175px;margin:0 auto;}
#engelhorn-80-hover {position:absolute; top:10%; right: 10%; height:175px;width:175px;margin:0 auto;}
#engelhorn-90-hover {position:absolute; bottom:10%; right: 60%; height:200px;width:200px;margin:0 auto;}
		 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
#sparkasse-hover {position:absolute; bottom:35%; left: 10%; height:150px;width:150px;margin:0 auto;}
#staufen-hover {position:absolute; top:10%; right: 10%; height:150px;width:150px;margin:0 auto;}
#zeiss-hover {position:absolute; bottom:10%; right: 10%; height:150px;width:150px;margin:0 auto;}
#bwgt-hover {position:absolute; top:10%; left: 10%; height:150px;width:150px;margin:0 auto;}
#goldsteig-hover {position:absolute; bottom:50%; right: 10%; height:125px;width:125px;margin:0 auto;}

#ministerium-hover {position:absolute; top:10%; right: 10%; height:150px; width:150px; margin:0 auto;}
#engelhorn-50-hover {position:absolute; bottom:10%; left: 20%; height:175px; width:175px;margin:0 auto;}	
#engelhorn-70-hover {position:absolute; top:15%; left: 30%; height:75px;width:75px;margin:0 auto;}
#engelhorn-80-hover {position:absolute; top:10%; right: 10%; height:75px;width:75px;margin:0 auto;}
#engelhorn-90-hover {position:absolute; bottom:10%; right: 10%; height:100px;width:100px;margin:0 auto;}
}
#campingaz-camping {position:absolute; bottom:10%; right: 65%; height:150px;width:150px;margin:0 auto;}
#campingaz-urban {position:absolute; bottom:45%; right: 55%;height:150px;width:150px;margin:0 auto;}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }



/* !!!!! campaign !!!!!*/

#tischundtafel-campaign-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#philharmoniker_goettlicher-funke-hover {position:absolute; bottom:10%; right: 10%; height:175px;width:175px;margin:0 auto;}
#stuttgarter-philharmoniker-mensch-machine-hover {position:absolute; bottom:35%; right: 10%; height:175px;width:175px;margin:0 auto;}
#bwgt-campaign-hover {position:absolute; top:10%; right: 10%; height:175px;width:175px;margin:0 auto;}
#stuttgarter-philharmoniker-campaign-hover{position:absolute; bottom:15%; left: 10%; height:200px;width:200px;margin:0 auto;}
#plougs-campaign-hover {position:absolute; bottom:30%; right: 10%; height:175px;width:175px;margin:0 auto;}
#domaniecki-carpetence-campaign-grounded-campaign-hover{position:absolute; bottom:10%; left: 10%; height:200px;width:200px;margin:0 auto;}
#domaniecki-carpetence-campaign-hover{position:absolute; top:5%; right: 10%; height:175px;width:175px;margin:0 auto;}
#audi-campaign-hover{position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#tougher-campaign-hover{position:absolute; top:15%; right: 10%; height:200px;width:200px;margin:0 auto;}
#stuttgarter-philharmoniker-campaign-03-hover{position:absolute; bottom:10%; left: 10%; height:200px;width:200px;margin:0 auto;}
#ssg-campaign-hover{position:absolute; top:5%; right: 10%; height:200px;width:200px;margin:0 auto;}
#hellagutmann-campaign-hover{position:absolute; bottom:5%; right: 10%; height:200px;width:200px;margin:0 auto;}
#beyerdynamic-campaign-hover{position:absolute; bottom:35%; left: 15%; height:200px;width:200px;margin:0 auto;}

/* mediaqueries */
@media (max-width: 575px){ 
#tischundtafel-campaign-hover {position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#philharmoniker_goettlicher-funke-hover {position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#stuttgarter-philharmoniker-mensch-machine-hover {position:absolute; bottom:35%; right: 10%; height:125px;width:125px;margin:0 auto;}
#bwgt-campaign-hover {position:absolute; top:50%; right: 65%; height:125px;width:125px;margin:0 auto;}
#stuttgarter-philharmoniker-campaign-hover{position:absolute; bottom:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#plougs-campaign-hover {position:absolute; bottom:30%; right: 10%; height:125px;width:125px;margin:0 auto;}
#domaniecki-carpetence-campaign-grounded-campaign-hover{position:absolute; bottom:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#domaniecki-carpetence-campaign-hover{position:absolute; top:15%; right: 10%; height:125px;width:125px;margin:0 auto;}
#audi-campaign-hover{position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#tougher-campaign-hover{position:absolute; top:55%; right: 30%; height:125px;width:125px;margin:0 auto;}
#stuttgarter-philharmoniker-campaign-03-hover{position:absolute; bottom:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#ssg-campaign-hover{position:absolute; top:5%; right: 10%; height:125px;width:125px;margin:0 auto;}
#hellagutmann-campaign-hover{position:absolute; bottom:5%; right: 10%; height:125px;width:125px;margin:0 auto;}
#beyerdynamic-campaign-hover{position:absolute; bottom:25%; left: 15%; height:125px;width:125px;margin:0 auto;}
}
	
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 768px){ 
#bwgt-campaign-hover {position:absolute; top:50%; right: 65%; height:175px;width:175px;margin:0 auto;}
#domaniecki-carpetence-campaign-hover{position:absolute; top:15%; right: 10%; height:200px;width:200px;margin:0 auto;}
#philharmoniker_goettlicher-funke-hover {position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#stuttgarter-philharmoniker-mensch-machine-hover {position:absolute; bottom:35%; right: 10%; height:125px;width:125px;margin:0 auto;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){ 
#bwgt-campaign-hover {position:absolute; top:50%; right: 65%; height:200px;width:200px;margin:0 auto;}
#philharmoniker_goettlicher-funke-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#stuttgarter-philharmoniker-mensch-machine-hover {position:absolute; bottom:15%; left: -20%; height:200px;width:200px;margin:0 auto;}
#domaniecki-carpetence-campaign-hover{position:absolute; top:15%; right: 10%; height:200px;width:200px;margin:0 auto;}

		 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
#tischundtafel-campaign-hover {position:absolute; bottom:10%; right: 10%; height:175px;width:175px;margin:0 auto;}
#philharmoniker_goettlicher-funke-hover {position:absolute; bottom:10%; right: 10%; height:175px;width:175px;margin:0 auto;}
#stuttgarter-philharmoniker-mensch-machine-hover {position:absolute; bottom:35%; right: 10%; height:175px;width:175px;margin:0 auto;}
#bwgt-campaign-hover {position:absolute; top:10%; right: 10%; height:150px;width:150px;margin:0 auto;}
#stuttgarter-philharmoniker-campaign-hover{position:absolute; bottom:10%; left: 10%; height:175px;width:175px;margin:0 auto;}
#plougs-campaign-hover {position:absolute; bottom:35%; right: 10%; height:125px;width:125px;margin:0 auto;}
#domaniecki-carpetence-campaign-grounded-campaign-hover{position:absolute; bottom:10%; left: 10%; height:175px;width:175px;margin:0 auto;}
#domaniecki-carpetence-campaign-hover{position:absolute; top:5%; right: 10%; height:175px;width:175px;margin:0 auto;}
#audi-campaign-hover{position:absolute; bottom:15%; right: 10%; height:150px;width:150px;margin:0 auto;}
#tougher-campaign-hover{position:absolute; top:15%; right: 10%; height:175px;width:175px;margin:0 auto;}
#stuttgarter-philharmoniker-campaign-03-hover{position:absolute; bottom:10%; left: 10%; height:175px;width:175px;margin:0 auto;}
#ssg-campaign-hover{position:absolute; top:5%; right: 10%; height:175px;width:175px;margin:0 auto;}
#beyerdynamic-campaign-hover{position:absolute; bottom:35%; left: 15%; height:125px;width:125px;margin:0 auto;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }



/* !!!!! art !!!!!*/
#highlander-art-hover {position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#blackswan-art-hover {position:absolute; bottom:10%; left: 10%; height:200px;width:200px;margin:0 auto;}
#fetischgoesfashion-art-hover{position:absolute; top:10%; left: 10%; height:200px;width:200px;margin:0 auto;}
#samurai-art-hover{position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#kraftwerk-art-hover{position:absolute; bottom:30%; right: 15%; height:200px;width:200px;margin:0 auto;}
#diamonds-art-hover{position:absolute; bottom:10%; left: 10%; height:200px;width:200px;margin:0 auto;}
#eyesforaneye-art-hover{position:absolute; top:5%; right: 15%; height:200px;width:200px;margin:0 auto;}
#arsen-art-hover{position:absolute; top:20%; left: 25%; height:200px;width:200px;margin:0 auto;}
#brodybookings-art-hover{position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}

/* mediaqueries */
@media (max-width: 575px){ 
#highlander-art-hover {position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#blackswan-art-hover {position:absolute; bottom:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#fetischgoesfashion-art-hover{position:absolute; top:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#samurai-art-hover{position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#kraftwerk-art-hover{position:absolute; bottom:15%; right: 55%; height:125px;width:125px;margin:0 auto;}
#diamonds-art-hover{position:absolute; bottom:10%; left: 10%; height:125px;width:125px;margin:0 auto;}
#eyesforaneye-art-hover{position:absolute; top:15%; right: 15%; height:125px;width:125px;margin:0 auto;}
#arsen-art-hover{position:absolute; top:25%; left: 15%; height:125px;width:125px;margin:0 auto;}
#brodybookings-art-hover{position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
}
	
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 768px){ 
#kraftwerk-art-hover{position:absolute; bottom:15%; right: 45%; height:200px;width:200px;margin:0 auto;}
#eyesforaneye-art-hover{position:absolute; top:15%; right: 15%; height:200px;width:200px;margin:0 auto;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){ 
#kraftwerk-art-hover{position:absolute; bottom:15%; right: 55%; height:200px;width:200px;margin:0 auto;}
#eyesforaneye-art-hover{position:absolute; top:15%; right: 15%; height:200px;width:200px;margin:0 auto;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }




/* !!!!! staging !!!!!*/
#waescherschloss-staging-hover{position:absolute; bottom:10%; right: 10%; height:200px;width:200px;margin:0 auto;}
#ws-staging-hover{position:absolute; top:10%; left: 10%; height:200px;width:200px;margin:0 auto;}


/* mediaqueries */
@media (max-width: 575px){ 
#waescherschloss-staging-hover{position:absolute; bottom:10%; right: 10%; height:125px;width:125px;margin:0 auto;}
#ws-staging-hover{position:absolute; top:10%; left: 10%; height:125px;width:125px;margin:0 auto;}

 }