html, body {
  margin: 0; /*used to create space around elements, outside of any defined borders */
  padding: 0; /*generate space around an element's content, inside of any defined borders*/
  height: 100%; /*bestimmt die Höhe des Inhaltsbereichs eines Elements. */
  text-align: center;
  background: url('Rosa/Rosa-web/Rosa_Look_website_clean_background.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
    /*background-size: cover;*/
}

p{
  margin-top: 0; margin-bottom: 0;
  font-family: 'Martel Sans';
  font-weight: 2000;
  font-size: 16px;
  color: #400059;

}

.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
/* relative platzierung*/
/*float*/
.stdt_format{
  position: fixed;
  transform: translate(-50%, -50%);
}

.bgslogan_container{
  top: 23.5%;
  left: 50%;
  opacity: 0.125;
  width: 80%;
}

.logo_container{
  top: 61.5%;
  left: 5%;
  width: 65px;
}

.fishlogo_container{
  top: 82.5%;
  left: 39%;
  width: 312px;
}

.slogan_container{
  top: 61.5%;
  left: 48.8%;
  width: 80%;
  text-align: left;
}

.underconstruction_container{
  top: 86.25%;
  left: 72.5%;
  width: 50%;
  font-size: 25px;
  text-align: left;
}

.comingsoon_container{
  top: 89.5%;
  left: 78.5%;
  width: 50%;
  font-size: 25px;
  text-align: left;
}

/* max-width -->  bis zu der Größe {} ausführen
   min-width --> ab dieser Größe {} ausführen */
@media screen and (max-width: 1024px){

  .logo_container{
    width: 65px;
  }

  .fishlogo_container{
    top: 82.5%;
    left: 38.5%;
    width: 312px;
  }

  .slogan_container{
    top: 61.5%;
    left: 35%;
    width: 50%;
    text-align: left;
  }

  .underconstruction_container{
    top: 86.25%;
    left: 71%;
    width: 50%;
    text-align: left;
  }

  .comingsoon_container{
    top: 89.5%;
    left: 80%;
    width: 50%;
    font-size: 25px;
    text-align: left;
  }
}

@media screen and (max-width: 720px){

  .logo_container{
    top: 71.5%;
    width: 65px;
  }
  .fishlogo_container{
    top: 82.5%;
    left: 60%;
    width: 312px;
  }

  .slogan_container{
    top: 71.5%;
    left: 37.5%;
    width: 50%;
    font-size: 25px;
    text-align: left;
  }

  .underconstruction_container{
    top: 48%;
    left: 61%;
    width: 50%;
    text-align: left;
  }

  .comingsoon_container{
    top: 51%;
    left: 61%;
    width: 50%;
    font-size: 25px;
    text-align: left;
  }
}

/*Handy Größe*/