.wrapper_logo {
position:fixed;
top:0;
left:0;
width:49%;
height:25%;
margin:10%;
z-index:0;
background-color:rgba(0, 0, 0, 0);
-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);
-ms-box-shadow:0 0 0 0 rgba(0,0,0,0);
-o-box-shadow:0 0 0 0 rgba(0,0,0,0);
box-shadow:0 0 0 0 rgba(0,0,0,0);
-webkit-transition:box-shadow .5s;
-moz-transition:box-shadow .5s;
-ms-transition:box-shadow .5s;
-o-transition:box-shadow .5s;
transition:box-shadow .5s;
}

@media (max-width: 500px)
{
	.wrapper_logo {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin:25% 0 0 10%;
	z-index:0;
	background-color:rgba(0, 0, 0, 0);
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);
	-ms-box-shadow:0 0 0 0 rgba(0,0,0,0);
	-o-box-shadow:0 0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 0 rgba(0,0,0,0);
	-webkit-transition:box-shadow .5s;
	-moz-transition:box-shadow .5s;
	-ms-transition:box-shadow .5s;
	-o-transition:box-shadow .5s;
	transition:box-shadow .5s;
	}
}

.wrapper_logo.schatten {
-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.8);
-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.8);
-ms-box-shadow:0 0 10px 0 rgba(0,0,0,0.8);
-o-box-shadow:0 0 10px 0 rgba(0,0,0,0.8);
box-shadow:0 0 10px 0 rgba(0,0,0,0.8);
}

.wrapper_logo > div {
width:48vw;
display:block;
}    

/*LOGO GROSS*/
.logoimg {
-webkit-transition:width .8s, height .8s;
-moz-transition:width .8s, height .8s;
-ms-transition:width .8s, height .8s;
-o-transition:width .8s, height .8s;
transition:width .8s, height .8s;
width:70%;
height:auto;
}

/*LOGO KLEIN*/
.logoimg.kleiner {
width:43%;
height:auto;
}

#logo {
width:100%;
height:100%;
}

#logo:after {
content:'Tel.: 0221 - 941 70 70';
display:inline-block;
margin:0 0 0 2%;
opacity:0;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
-webkit-transition-delay:.4s;
-moz-transition-delay:.4s;
-ms-transition-delay:.4s;
-o-transition-delay:.4s;
transition-delay:;
font-family:"Century Gothic",Arial, Helvetica, Sans-Serif;
font:"Century Gothic",Arial, Helvetica, Sans-Serif;
font-size:0%;
color:rgba(255, 255, 255, 1.0);
}

#logo.nummer {
width:90%}

/* AUSKOMMENTIEREN, WENN DAS LOGO TEXT NACHZIEHEN SOLL (Z.B. TELEFONNUMMER) */

/*#logo.nummer:after {
-webkit-transition-opacity:1;
-moz-transition-opacity:1;
-ms-transition-opacity:1;
-o-transition-opacity:1;
opacity:1;
-webkit-transition: opacity .1s;
-moz-transition: opacity .1s;
-ms-transition: opacity .1s;
-o-transition: opacity .1s;
transition: opacity .1s;
-webkit-transition-delay:0;
-moz-transition-delay:0;
-ms-transition-delay:0;
-o-transition-delay:0;
transition-delay:0;
font-family:"Century Gothic",Arial, Helvetica, Sans-Serif;
font:"Century Gothic",Arial, Helvetica, Sans-Serif;
font-size:120%;
font-weight:bold;
color:rgba(179, 149, 40, 1.0);
line-height:15%;
vertical-align:top;
padding:7% 0 0 0;
height:20%;
width:;
}*/