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;
	border-radius: 30px;
}

@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.1);
	transition-duration: 40ms;
}

/* css für die Suchleisten */

input {
	border:1px solid darkgrey;
	padding-left: 5px;
}

input:focus {
	border-radius: 0px;
	box-shadow: 0 0 6px rgba(35, 173, 278, 1);
	transition: all 200ms ease-out;
}

.bar {
	color: #1C1C1C;
	position: absolute;
	border: 0px solid #666;
	display: flex;
	align-items: center;
	justify-content: center;
	transition-duration: 0.8s;
}

.bar2 {
	color: #1C1C1C;
	position: absolute;
	border: 0px solid #666;
	align-items: center;
	justify-content: center;
	transition-duration: 0.8s;
}

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  border: 1px lightgrey solid;
}

.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 90px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}


.google-bar {left:950px; top:635px;}
.barmer-bar {left:80px; top:870px;}

.amazon {left:500px; top:650px; width:300px; height:93px;}
.apotal {left:830px; top:780px; width:300px; height:78px;}
.bahnhofapotheke {left:1050px; top:1000px; width:325px; height:60px;}
.barmer {left:80px; top:800px; width:251px; height:44px;}
.bateau {left:400px; top:450px; width:250px; height:36px;}
.bild {left:150px; top:450px; width:150px; height:150px;}
.braun {left:1150px; top:80px; width:350px; height:135px;}
.buecherei {left:700px; top:80px; width:300px; height:80px;}
.cochon {left:690px; top:420px; width:250px; height:45px;}
.cookidoo {left:500px; top:200px; width:200px; height:71px;}
.dhl {left:1300px; top:900px; width:250px; height:50px;}
.ebay-kleinanzeigen {left:1600px; top:700px; width:200px; height:169px;}
.gmx {left:100px; top:350px; width:150px; height:52px;}
.google {left:900px; top:500px; width:400px; height:133px;}
.hermes {left:1550px; top:1000px; width:250px; height:43px;}
.kalenderpedia {left:440px; top:800px; width:200px; height:113px;}
.laiseacker {left:80px; top:80px; width:200px; height:62px;}
.limango {left:450px; top:520px; width:250px; height:93px;}
.noris {left:1600px; top:80px; width:151px; height:51px;}
.osiander {left:800px; top:180px; width:250px; height:45px;}
.paypal {left:1600px; top:350px; width:180px; height:48px;}
.postillion {left:100px; top:650px; width:260px; height:52px;}
.shopapotheke {left:630px; top:940px; width:256px; height:100px;}
.spk-aachen {left:1650px; top:200px; width:200px; height:77px;}
.thermomix {left:140px; top:200px; width:300px; height:114px;}
.tonmuehle {left:350px; top:80px; width:250px; height:86px;}
.vinted {left:1540px; top:520px; width:320px; height:123px;}
.zalando {left:500px; top:320px; width:299px; height:61px;}
.mytupperware {left:1000px; top:320px; width:345px; height:53px;}