body {
  background-color: var(--white);
  overflow: hidden;
}

.poster-wrapper {
  font-family: Antarctica;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.poster {
  min-height: 800px;
  min-width: 560px;
  overflow: hidden;
  background: rgb(168, 197, 169);
  background: linear-gradient(
    0deg,
    rgba(168, 197, 169, 1) 0%,
    rgba(135, 200, 192, 1) 48%,
    rgba(61, 153, 192, 1) 100%
  );
}

.logo-wrapper {
  position: relative;
  height: 800px;
  width: 560px;
}

.logo {
  position: absolute;
  top: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  transform: matrix3d(
    0.953573,
    -0.651591,
    0,
    -0.000179,
    0.52824,
    0.166663,
    0,
    -0.000141,
    0,
    0,
    1,
    0,
    3.238869,
    402.881948,
    0,
    1
  );
  transform-origin: 5px -1px 0px;
}

.plane {
  position: absolute;
  top: 80px;
  left: 180px;
}

.plane img {
  width: 200px;
}

.mountains {
  position: absolute;
  bottom: 80px;
  left: 30px;
}

.mountains img {
  width: 500px;
}

.textmarke {
  font-size: 5rem;
  line-height: 1;
  text-transform: uppercase;
  font-variation-settings: "wght" 400, "wdth" 20;
  letter-spacing: 25px;
  color: var(--white);
}

.bildmarke {
  display: flex;
  background-color: var(--red);
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bildmarke svg {
  transform: scale(0.5);
}