*{margin: 0; padding: 0; border: 0;}
        @font-face { font-family: 'SourceSansPro-ExtraLight';
             src: url('SourceSansPro-ExtraLight.ttf') format('truetype');
             src: url('SourceSansPro-ExtraLight.woff') format('woff');}
    

/*Titel*/
html, body{width: 100%;
  height: 100%;color: black; cursor: default;animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;}
a{text-decoration: none;}

.title{background: url(newmoonphone.jpg);background-repeat: no-repeat;
          background-position: right;background-size: 100% 100%;height: 100vh;}

.navigationwrap{width: 30vw;height: 16vw;margin: 55vh 10vw 0 auto;}

.signwrap1{width: 20vw;height: 10vw;margin: 1.562500vw auto 0 auto;}

.signlinks{display: none;}

.signrechts{display: none;}

.target{margin-top: 6vw;font-family: 'SourceSansPro-ExtraLight';font-size: 20px;text-align: center;
           color: white;float: left;}

.signwrap1:hover .signlinks{transform: translateX(-3.125vw);}
.signwrap1:hover .signrechts{transform: translateX(3.125vw);}

.back{background: url(backphonemoon.jpg);background-repeat: no-repeat;
          background-position: right;background-size: 100% 100%;
          height: auto;}

.projectinfo{width: 40vw;height: auto;margin: 36vw 0 0 36vw;padding: 0;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 14px;
            line-height: 1.3;text-align: justify;}

.phonehome{display: block;width: 36vw;height: auto;margin: 3vw 0 3vw 36vw;padding: 2vw; border: 1px solid white;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 20px;
            line-height: 1.3;text-align: center;float: left;}

.navigation{display: none}

.signwrap2{width: 18vw;height: 4vw;margin: 0 2.8vw 0 auto;float:left;}
.signwrap3{width: 14vw;height: 4vw;float:left;}
.signwrap4{width: 15vw;height: 4vw;float:left;}

.signlinks2{margin: 0.625vw 0.9375vw 0 2vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;
            text-align: center;float: left;transition: all 0.3s linear;color: white;}

.signrechts2{margin: 0.625vw 0 0 0.9375vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;
             text-align: center;float: left;transition: all 0.3s linear;color: white;}

.target2{margin-top: 0.781250vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.8vw;text-align: center;
           color: white;transition: all 0.3s linear;float: left;}

.signwrap2:hover .signlinks2{transform: translateX(-3.125vw);color: #82cbdc;}
.signwrap2:hover .signrechts2{transform: translateX(3.125vw);color: #82cbdc;}
.signwrap2:hover .target2{color:#82cbdc;}

.signwrap3:hover .signlinks2{transform: translateX(-3.125vw);color: #82cbdc;}
.signwrap3:hover .signrechts2{transform: translateX(3.125vw);color: #82cbdc;}
.signwrap3:hover .target2{color: #82cbdc;}

.signwrap4:hover .signlinks2{color: grey;}
.signwrap4:hover .signrechts2{color: grey;}
.signwrap4:hover .target2{color: grey;}

.albumwrap{width: 46vw;height: auto;
          margin: 30vh 0 0 36vw;}

.albumpn{background: url(parisnights.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 40vw;height: 40vw;
          margin: 0 4vw 0 auto;float: left;}

.albumdb{background: url(dragonblood.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 40vw;height: 40vw;
          margin: 6vw 4vw 0 auto;float: left;}

.albumas{background: url(amalaswintha.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 40vw;height: 40vw;
          margin: 6vw 4vw 0 auto;float: left;}

.albumtt{background: url(timetraveller.jpg);background-repeat: no-repeat;
          background-position: center;background-size: cover;width: 40vw;height: 40vw;
          margin: 6vw 4vw 26vw auto;float: left;}

.videowrap{width: 56vw;height: auto;
          margin: 46vh 0 0 36vw;}
video{background-color: black; width:40vw; height:28vw; margin: 3vh 2vw 0 auto;}

.link{font-family: 'SourceSansPro-ExtraLight';
    font-size: 14px;
    color: white; padding: 4px 4px 4px 0;
    text-align: left;
    text-decoration: none;}

/*amalaswintha*/


.titel1{background: url(amalalogodark.jpg);background-repeat: no-repeat;
          background-position: right;background-size: 100% 100%;height: 100vh;}

.titel2{background: url(amalabackblack.jpg);background-repeat: no-repeat;
          background-position: right;background-size: 100% 100%;height: 100vh;}

.navi1{display:none;}
.navi2{display:none;}
.navi3{display:none;}

.zielwrap{width: 18vw;height: 4vw;margin: 0 2.8vw 0 auto;float:left;}

.ziellinks{margin: 0.625vw 0.9375vw 0 2vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;
            text-align: center;float: left;transition: all 0.3s linear;color: white;}

.zielrechts{margin: 0.625vw 0 0 0.9375vw;font-family: 'SourceSansPro-ExtraLight';font-size: 2.2vw;
             text-align: center;float: left;transition: all 0.3s linear;color: white;}

.ziel{margin-top: 0.781250vw;font-family: 'SourceSansPro-ExtraLight';font-size: 1.8vw;text-align: center;
           color: white;transition: all 0.3s linear;float: left;}

.zielwrap:hover .ziellinks{transform: translateX(-3.125vw);color: red;}
.zielwrap:hover .zielrechts{transform: translateX(3.125vw);color: red;}
.zielwrap:hover .ziel{color:red;}

.konzept{width: 66vw;height: auto;margin: 17vw auto 0 auto;padding: 1vw 1vw 1vw 1vw;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 14px;
            line-height: 1.3;text-align: justify;}
.konzeptsong{width: 66vw;height: auto;margin: 17vw auto 0 auto;padding: 1vw 1vw 1vw 1vw;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 14px;
            line-height: 1.3;text-align: justify;}

.song{width: 66vw;margin-top: 1vw;margin-left: 2vw;font-family: 'SourceSansPro-ExtraLight';font-size: 14px;
      text-align: right;color: white;transition: all 0.3s linear;}

.phonenav{display: block;height: auto;margin: 3vw;padding: 2vw; border: 1px solid white;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 14px;
            line-height: 1.3;text-align: center;}
.phonenav2{display: block;width: 36vw;height: auto;margin: 3vw 0 3vw 18vw;padding: 2vw; border: 1px solid white;
            font-family: 'SourceSansPro-ExtraLight';color: white;font-size: 14px;
            line-height: 1.3;text-align: center;clear:left;}