*, html { margin: 0; padding: 0;  }

body {
    width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden;
  	-webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
}

div {
    box-sizing: border-box;
    display: block;
}

#instagram {
	top: 0px;
	left: 0px;
}

#facebook {
	top: 0px;
	right: 0px;
}

#google {
	bottom: 0px;
	right: 50%;
	margin-right: -15%;
}

#snapchat {
	top: 50%;
	right: 0px;
	margin-top: -15%;
}

#soundcloud {
	bottom: 0px;
	right: 0px;
}

#twitter {
	bottom: 0px;
	left: 0px;
}

#youtube {
	top: 50%;
  left: 0px;
	margin-top: -15%;
}

#soundcloud, #twitter, #facebook, #instagram, #youtube, #snapchat, #google {
	z-index: 100; 
	position: absolute;
	/*
	max-width: 180px;
	min-width: 80px;
	*/
	width: 30%;
}

a img {
	width: 80%;
	transition: all .5s ease-in-out;
}

a {
	text-decoration: none;
}

a:hover img {
	transform: scale(1.1);
}

@media (orientation: landscape) { 
	.werbeatetmehr {
		position: relative;
		height: 100vh;
		overflow: hidden;
		width: 100vh;
		z-index: 1;
	}
	.werbeatetmehr-part img {
	  position: absolute;
	  opacity: 0.45;
	  margin: auto;
	  width: 100vh;
		top: -25%; 
	  right: -25%; 
	  bottom: -25%; 
	  left: -25%;
	}
}

@media (orientation: portrait) { 
	.werbeatetmehr {
		position: relative;
		height: 100vw;
		overflow: hidden;
		width: 100vw;
		z-index: 1;
		margin-top: calc((100vh - 100vw) / 2);
	}
	.werbeatetmehr-part img {
	  position: absolute;
	  opacity: 0.45;
	  margin: auto;
	  width: 100vw;
		top: -25%; 
	  right: -25%; 
	  bottom: -25%; 
	  left: -25%;
	}
}


.werbeatetmehr-part {	
	z-index: -1;
}