@font-face {
    font-family: "BC Alphapipe TSB Regular";
    src: url("https://db.onlinewebfonts.com/t/b142f662bec047825d209525c0721875.eot");
    src: url("https://db.onlinewebfonts.com/t/b142f662bec047825d209525c0721875.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/b142f662bec047825d209525c0721875.woff") format("woff"),
    url("https://db.onlinewebfonts.com/t/b142f662bec047825d209525c0721875.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/b142f662bec047825d209525c0721875.ttf") format("truetype"),
    url("https://db.onlinewebfonts.com/t/b142f662bec047825d209525c0721875.svg#BC Alphapipe TSB Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    margin: 0;
    border: 0;
}

body {
    height: 500px;
    background-color: white;
}
p {
    font-size: 6vw;
    font-family: "BC Alphapipe TSB Regular";
}
.screenImpressum {
    position: relative;

    top: 0;

    height: 15vh;
    width: auto;


    background: linear-gradient(90deg, rgba(13, 74, 107, 1) 0%, rgba(96, 64, 119, 1) 100%);

  }

.projectAreaI {
    position: relative;
}
#triangleBarrierImpressum {
    position: absolute;

    width: 100vw;
    height: 10vh;

    left: 0;
    top: -9.9vh;

    background-color: white;

    clip-path: polygon(
      0% 100%, 6% 0%, 12% 100%,
      12% 100%, 18% 0%, 24% 100%,
      24% 100%, 30% 0%, 36% 100%,
      36% 100%, 42% 0%,
      100% 0%, 100% 100%, 0% 100%
    );
}
  #projectAreaHeadLineI {
    position: absolute;

    top: -11vh;
    right: 8vw;
}
#formato{
    left: 5%;
    position: absolute;
    font-size: 5vw;
}
#formato1{
    left: 6%;
    position: absolute;
    font-family: "Quicksand";
}
#logo{
    background-size:contain;
    background-repeat: no-repeat;
    background-image: url(../img/Element_14x_3.png);
    width: 22vw;
    height: 22vw;
    top:34vh;
    right: 4vw;
    position: relative;
}
.theEnd {
  position: relative;

  bottom: -45vh;
  height: 17vh;

  background: linear-gradient(90deg, rgba(13, 74, 107, 1) 0%, rgba(96, 64, 119, 1) 100%);

}

#endImg {
  position: absolute;
  width: 30vw;
  height: 8vw;
  bottom: 1.2vh;
  background-image: url(../img/Element_43x.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: 10%;
}

#endDiv {
  position: absolute;
  margin-left: 90%;
}

#endHeader {
  position: relative;
  scale: 1.2;
  color: white;
  margin-top: 10px;
  font-family: "BC Alphapipe TSB Regular", serif;
  font-weight: bolder;
}

#socialicon1 {
  width: 2vw;
  height: 2vw;
  margin-left: 25%;
  position: relative;
  background-image: url(../img/Element_12x_2.png);
  background-size: contain;
  background-repeat: no-repeat;

}

#socialicon2 {
  width: 2vw;
  height: 2vw;
  margin-left: 25%;
  margin-top: 10px;
  position: relative;
  background-image: url(../img/Element_22x_2.png);
  background-size: contain;
  background-repeat: no-repeat;
}