body {
-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
	
#wrapper {
	position:absolute;
	width:1920px;
	height:1080px;
	left:50%;
	top:50%;
	margin-left: -960px;
	margin-top: -540px;
    border: 1px solid grey;
}

@media screen and (min-width: 1px) and (max-width: 50px) {#wrapper {transform: scale(0.010);}}
@media screen and (min-width: 51px) and (max-width: 100px) {#wrapper {transform: scale(0.010);}}
@media screen and (min-width: 101px) and (max-width: 150px) {#wrapper {transform: scale(0.010);}}
@media screen and (min-width: 151px) and (max-width: 200px) {#wrapper {transform: scale(0.010);}}
@media screen and (min-width: 201px) and (max-width: 250px) {#wrapper {transform: scale(0.025);}}
@media screen and (min-width: 251px) and (max-width: 300px) {#wrapper {transform: scale(0.050);}}
@media screen and (min-width: 301px) and (max-width: 350px) {#wrapper {transform: scale(0.075);}}
@media screen and (min-width: 351px) and (max-width: 400px) {#wrapper {transform: scale(0.100);}}
@media screen and (min-width: 401px) and (max-width: 450px) {#wrapper {transform: scale(0.125);}}
@media screen and (min-width: 451px) and (max-width: 500px) {#wrapper {transform: scale(0.150);}}
@media screen and (min-width: 501px) and (max-width: 550px) {#wrapper {transform: scale(0.175);}}
@media screen and (min-width: 551px) and (max-width: 600px) {#wrapper {transform: scale(0.200);}}
@media screen and (min-width: 601px) and (max-width: 650px) {#wrapper {transform: scale(0.225);}}
@media screen and (min-width: 651px) and (max-width: 700px) {#wrapper {transform: scale(0.250);}}
@media screen and (min-width: 701px) and (max-width: 750px) {#wrapper {transform: scale(0.275);}}
@media screen and (min-width: 751px) and (max-width: 800px) {#wrapper {transform: scale(0.300);}}
@media screen and (min-width: 801px) and (max-width: 850px) {#wrapper {transform: scale(0.325);}}
@media screen and (min-width: 851px) and (max-width: 900px) {#wrapper {transform: scale(0.350);}}
@media screen and (min-width: 901px) and (max-width: 950px) {#wrapper {transform: scale(0.375);}}
@media screen and (min-width: 951px) and (max-width: 1000px) {#wrapper {transform: scale(0.400);}}
@media screen and (min-width: 1001px) and (max-width: 1050px) {#wrapper {transform: scale(0.425);}}
@media screen and (min-width: 1051px) and (max-width: 1100px) {#wrapper {transform: scale(0.450);}}
@media screen and (min-width: 1101px) and (max-width: 1150px) {#wrapper {transform: scale(0.475);}}
@media screen and (min-width: 1151px) and (max-width: 1200px) {#wrapper {transform: scale(0.500);}}
@media screen and (min-width: 1201px) and (max-width: 1250px) {#wrapper {transform: scale(0.525);}}
@media screen and (min-width: 1251px) and (max-width: 1300px) {#wrapper {transform: scale(0.550);}}
@media screen and (min-width: 1301px) and (max-width: 1350px) {#wrapper {transform: scale(0.575);}}
@media screen and (min-width: 1351px) and (max-width: 1400px) {#wrapper {transform: scale(0.600);}}
@media screen and (min-width: 1401px) and (max-width: 1450px) {#wrapper {transform: scale(0.625);}}
@media screen and (min-width: 1451px) and (max-width: 1500px) {#wrapper {transform: scale(0.650);}}
@media screen and (min-width: 1501px) and (max-width: 1550px) {#wrapper {transform: scale(0.675);}}
@media screen and (min-width: 1551px) and (max-width: 1600px) {#wrapper {transform: scale(0.700);}}
@media screen and (min-width: 1601px) and (max-width: 1650px) {#wrapper {transform: scale(0.725);}}
@media screen and (min-width: 1651px) and (max-width: 1700px) {#wrapper {transform: scale(0.750);}}
@media screen and (min-width: 1701px) and (max-width: 1750px) {#wrapper {transform: scale(0.775);}}
@media screen and (min-width: 1751px) and (max-width: 1800px) {#wrapper {transform: scale(0.800);}}
@media screen and (min-width: 1801px) and (max-width: 1850px) {#wrapper {transform: scale(0.825);}}
@media screen and (min-width: 1851px) and (max-width: 1900px) {#wrapper {transform: scale(0.850);}}
@media screen and (min-width: 1901px) and (max-width: 1950px) {#wrapper {transform: scale(0.875);}}
@media screen and (min-width: 1951px) and (max-width: 2000px) {#wrapper {transform: scale(0.900);}}
@media screen and (min-width: 2001px) and (max-width: 2050px) {#wrapper {transform: scale(0.925);}}
@media screen and (min-width: 2051px) and (max-width: 2100px) {#wrapper {transform: scale(0.950);}}
@media screen and (min-width: 2101px) and (max-width: 2150px) {#wrapper {transform: scale(0.975);}}
@media screen and (min-width: 2151px) and (max-width: 2200px) {#wrapper {transform: scale(1.000);}}

.box {				
	position: absolute;
	transition-duration: 800ms;
}

.box:hover {
	transform: scale(1.0);
	transition-duration: 40ms;
}

/* css für die Suchleisten */


.placeholder {left:0px; top:0px; width:1920px; height:1080px;}