html{padding:0;margin:0;color:#000;font-family:Verdana, Geneva, sans-serif;font-size:14px;height:100%;}
body{padding:0;margin:0 auto;background:#000;width:100%;}
a:link{text-decoration:none;color:#333}
a:visited{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#333;}
a:active{text-decoration:none;color:#333}


img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border:0;
    height:110px;
    width:auto;
    max-width:100%
}


p {margin-top:0;}
#wrapper {width:100%;height: 6em;margin: 0 auto}
#logo {position:absolute;left:100px;top:10px;}
#titel {position:absolute;left:400px;top:40px;color:#FFF;}
#content_outer {	min-height:400px;}
#footer {text-align:center;}

#grid{width:96vw;/*max-width:1150px;*/background-color:#000;margin:0 auto}
#grid:after{content:''; display:block;clear:both;}
.gutter-sizer{width:4px;}
.grid-item{float:left;background:#c8c8b9;border-color:hsla(0,0%,0%,0.5);}
.grid-item:hover{transform: scale(1.08);border-color:hsla(50,70%,50%,0.5);border-radius:12px;}
.grid-sizer,
.grid-item{position:relative;width:17.6vw;min-width:200px;max-width:500px;height:160px;padding:0.4vw;margin:0.4vw;font-size:11px;color:#585849;}
.grid-item:hover{font-size:16px;color:#000;background:#cecebf;z-index:10;-webkit-box-shadow:inset 0px 0px 0px 2px #000;-moz-box-shadow:inset 0px 0px 0px 2px #000;box-shadow:inset 0px 0px 0px 2px #000;}
.itemlogo{position:absolute;top:1%;left:1%;text-align:center;width:94%;height:98%;padding:1%;}
.name{position:absolute;bottom:0;left:0;text-align:center;width:100%;font-size:1.4em;}

.txtblack{color:#000!important;}

@media screen and (min-width:1401px) and (max-width:2000px){
	.grid-item{width:22.4vw;max-width:500px;}
	#titel {position:absolute;left:100px;top:40px;color:#FFF;}
}
@media screen and (min-width:801px) and (max-width:1400px){
	.grid-item{width: 30.4vw;max-width:450px;}
	#titel {position:absolute;left:100px;top:40px;color:#FFF;}
}
@media screen and (min-width:501px) and (max-width:800px)	{
	#grid{width:100vw;}
	.grid-item{width: 48.3vw;max-width:400px;}
	#titel {position:absolute;left:100px;top:40px;color:#FFF;}
}
@media screen and (min-width:351px) and (max-width:500px)	{
	#grid{width:100vw;}
	.grid-item{width:100vw;max-width:500px;}
	#titel {position:absolute;left:100px;top:40px;color:#FFF;}
}
@media screen and (max-width:350px)	{
	#grid{width:100vw;}
	.grid-item{width:100vw;max-width:350px;}
	#titel {position:absolute;left:40px;top:40px;color:#FFF;}
}