body,html {
  margin:0;
  background:#aaa url(img/bg.png) fixed;
  text-align:center;
}
h1 {
  font-family: 'Alfa Slab One', serif;
  font-size:4em;
  margin:0;
  line-height:2em;
  -webkit-mask-image: url(img/bgfont.png);
	-o-mask-image: url(img/bgfont.png);
	-moz-mask-image: url(img/bgfont.png);
	mask-image: url(img/bgfont.png);
	color: #ec4679; 
	text-shadow: 2px 3px #fff, 6px 6px #333;
  background:url(img/die-wallerts-videos.png) no-repeat;
  background-size:contain;
  display:inline-block;
  padding:0.2em 0.2em 0 1.5em;
}
h1 span {
  display:none;
}
#wrap {
  max-width:1090px;
  margin:2em auto 2em auto;
  font-family:'Bitter',serif;
}
h2 {
  margin: 0;
  color: #fff;
  text-shadow: 0 0 10px #000;
  font-size: 1.5em;
  line-height: 2em;
  clear:both;
}
/* Übersicht */
#Videos {
  margin:0;
  padding:0;
}
#Videos li {
  display:inline-block;
  margin:10px;;
}
#Videos a {
  display:block;
  float:left;
  background:#fff;
  background:rgba(255,255,255,0.5);
  color:#ec4679;
  position:relative;
  opacity:0.9;
  -webkit-transition: 0.4s all;
}
  #Videos a:hover {
    background:#ec4679;
    color:#fff;
    -webkit-transform: scale(1.2);
    opacity:1;
    z-index:2;
  }
#Videos span {
  clear:both;
  float:left;
  text-align:center;
  display:block;
  width:100%;
  margin:0.2em 0 0.5em 0;
}
#Videos img  {
  position:relative;
  float:left;
  margin:5px;
  z-index:1;
}
.start#Videos a:after {
  content:'>';
  font-size:30px;
  font-weight:bold;
  line-height:43px;
  display:block;
  width:50px;
  height:50px;
  z-index:2;
  background:rgba(255,255,255,0.4);
  box-shadow:0 0 20px #000;
  position:absolute;
  top:30%;
  left:40%;
  border-radius:50px;
}
/* Video-Detailseite */
.video {
  padding:0.5em 0.5em;
  letter-spacing:0.1em;
  max-width:720px;
  margin:0 auto;
  background-color: rgba(0,0,0,0.1);
}
.video p {
  padding:0.5em 0;
  margin:0;
}
hr {
  border:dashed 0.5em rgba(255,255,255,0.5);
  background:rgba(0,0,0,0.1);
}
/* Albumlink, Socials*/
#follow {
  padding:0.5em 0.5em;
  letter-spacing:0.1em;
  max-width:720px;
  min-height:200px;
  margin:1em auto 1em auto;
}
#follow .box {
  width:50%;
  margin:0;
  padding:0;
  float:left;
  text-align:left;
}
  @media only screen and (max-width : 500px) {
    #follow .box {
      width:100%;
    }
  }
#follow h3,#follow p {
  margin:5px;
  font-size:1em;
  text-align:left;
}
#follow h3 {
  display:inline-block;
  padding:0.2em;
  border-bottom:double 6px rgba(0,0,0,0.4);
  clear:both;
  float:left;
}
h3#followAlbum {
  position:relative;
}
h3#followAlbum:before {
  content: "\266B";
  position:absolute;
  color:rgba(255,255,255,0.6);
  text-shadow:0 0 10px rgba(255,255,255,0.6);
  font-size:8em;
  left:-0.8em;
  line-height:0.8em;
}
#follow p {
  padding-right:10px;
  float:left;
  clear:both;
}
#follow a {
  text-decoration:none;
  font-weight:bold;
  color:#ec4679;
}
#follow a:hover {
  background:#ec4679;
  color:#fff;
}
#socials {
  margin:0;
  padding:0;
  float:left;
  clear:both;
  display:block;
  margin-bottom:20px;
}
#socials li {
  list-style:none;
  display:block;
  float:left;
  margin-right:20px;
  text-indent:-10000px;
  border:solid 6px #fff;
  box-shadow:0 0 10px #fff, 0 0 3px #fff;
  border-radius:14px;
  opacity:0.6;
}
#socials li:hover {
  opacity:1;
}
#socials a,#socials a:hover {
  display:block;
  width:62px;
  height:61px;
  background:url(img/social.png) no-repeat;
}
#socials a#twitter { background-position: -252px -3px; }
#socials a#facebook { background-position: -2px -3px; }