/* screen - mobilemhpen2 */

.mobilemhpen2 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1650px;
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobilemhpen2 .social-media-campaig-iapjp6 {
  background-color: transparent;
  font-weight: 700;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(100.00% - 31px);
}

.mobilemhpen2 .client-mhp-agency-iapjp6 {
  background-color: transparent;
  font-weight: 400;
  height: 40px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 208px;
  width: calc(100.00% - 15px);
}

.mobilemhpen2 .line-iapjp6 {
  background-color: transparent;
  height: 1px;
  left: 14px;
  position: absolute;
  top: 95.36%;
  width: calc(100.00% - 29px);
}

.mobilemhpen2 .sm_-bildmarke_-signa-iapjp6 {
  background-color: transparent;
  bottom: 8px;
  height: 49px;
  position: absolute;
  right: 14px;
  width: 49px;
}

.mobilemhpen2 .rectangle-iapjp6 {
  background-color: transparent;
  height: 178px;
  left: calc(49.84% - 144px);
  object-fit: cover;
  position: absolute;
  top: calc(21.33% - 89px);
  width: 289px;
}

.mobilemhpen2 .group-iapjp6 {
  background-color: transparent;
  height: 291px;
  left: calc(48.28% - 150px);
  position: absolute;
  top: calc(38.58% - 146px);
  width: 299px;
}

.mobilemhpen2 .rectangle-UTgDTC {
  background-color: transparent;
  height: 291px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 156px;
}

.mobilemhpen2 .rectangle-RG91Oj {
  background-color: transparent;
  height: 71px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 135px;
}

.mobilemhpen2 .rectangle-copy-UTgDTC {
  background-color: transparent;
  height: 71px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 106px;
  width: 135px;
}

.mobilemhpen2 .rectangle-copy-2-UTgDTC {
  background-color: transparent;
  height: 70px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 193px;
  width: 135px;
}

.mobilemhpen2 .the-mhp-festival-fea-iapjp6 {
  background-color: transparent;
  font-weight: 400;
  height: 24.67%;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 48.00%;
  width: calc(100.00% - 28px);
}

.mobilemhpen2 .sm_-bildmarke_-signatur_-blau-copy-3-iapjp6 {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 792px;
  width: 30px;
}

.mobilemhpen2 .group-2-iapjp6 {
  background-color: transparent;
  height: 176px;
  left: calc(48.75% - 149px);
  position: absolute;
  top: calc(75.33% - 88px);
  width: 298px;
}

.mobilemhpen2 .rectangle-VqaJ8T {
  background-color: transparent;
  height: 176px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 97px;
}

.mobilemhpen2 .rectangle-xT7E4k {
  background-color: transparent;
  height: 70px;
  left: 87px;
  object-fit: cover;
  position: absolute;
  top: 46px;
  width: 68px;
}

.mobilemhpen2 .rectangle-copy-3-VqaJ8T {
  background-color: transparent;
  height: 70px;
  left: 157px;
  object-fit: cover;
  position: absolute;
  top: 46px;
  width: 68px;
}

.mobilemhpen2 .rectangle-copy-4-VqaJ8T {
  background-color: transparent;
  height: 70px;
  left: 227px;
  object-fit: cover;
  position: absolute;
  top: 46px;
  width: 71px;
}

.mobilemhpen2 .group-3-iapjp6 {
  background-color: transparent;
  height: 190px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(87.39% - 95px);
  width: 290px;
}

.mobilemhpen2 .rectangle-copy-7-jmlaNZ {
  background-color: transparent;
  height: 90px;
  left: 200px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 90px;
}

.mobilemhpen2 .rectangle-copy-6-jmlaNZ {
  background-color: transparent;
  height: 90px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 90px;
}

.mobilemhpen2 .rectangle-copy-8-jmlaNZ {
  background-color: transparent;
  height: 90px;
  left: 200px;
  object-fit: cover;
  position: absolute;
  top: 100px;
  width: 90px;
}

.mobilemhpen2 .rectangle-copy-9-jmlaNZ {
  background-color: transparent;
  height: 90px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 100px;
  width: 90px;
}

.mobilemhpen2 .rectangle-copy-5-jmlaNZ {
  background-color: transparent;
  height: 90px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 90px;
}

.mobilemhpen2 .rectangle-jmlaNZ {
  background-color: var(--white);
  height: 47.37%;
  left: 0px;
  position: absolute;
  top: 52.63%;
  width: 31.03%;
}

.mobilemhpen2 .group-copy-4-iapjp6 {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 16px;
  top: 95px;
  width: 39px;
}

.mobilemhpen2 .rectangle-cM3o3O {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 20.00%;
  left: 0px;
  position: absolute;
  top: 80.00%;
  width: 100%;
}

.mobilemhpen2 .rectangle-copy-cM3o3O {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 20.00%;
  left: 0px;
  position: absolute;
  top: 40.00%;
  width: 100%;
}

.mobilemhpen2 .rectangle-copy-11-cM3o3O {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 20.00%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobilemhpen2 .sebastian-mevius-copy-iapjp6 {
  background-color: transparent;
  font-weight: 400;
  height: 30px;
  left: 7px;
  letter-spacing: 0.80px;
  line-height: 14.8px;
  position: absolute;
  text-align: center;
  top: 93px;
  width: 89px;
}

.mobilemhpen2 .group-2-oxCtIC {
  background-color: transparent;
  display: block;
  height: 250px;
  opacity: 0;
  position: absolute;
  right: -1px;
  top: 78px;
  transform: translate(25px, 0);
  width: 152px;
}

.mobilemhpen2 .group-2-oxCtIC.animate-enter53 {
  animation: animate-enter53-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter53-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobilemhpen2 .rectangle-F2Itct {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobilemhpen2 .portfolio-F2Itct {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 700;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(38.60% - 20px);
  width: 141px;
}

.mobilemhpen2 .portfolio-F2Itct.animate-enter48 {
  animation: animate-enter48-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes animate-enter48-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.mobilemhpen2 .about-F2Itct {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(55.00% - 20px);
  width: 141px;
}

.mobilemhpen2 .about-F2Itct.animate-enter49 {
  animation: animate-enter49-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes animate-enter49-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.mobilemhpen2 .contact-F2Itct {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(71.00% - 20px);
  width: 141px;
}

.mobilemhpen2 .contact-F2Itct.animate-enter50 {
  animation: animate-enter50-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes animate-enter50-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.mobilemhpen2 .legal-F2Itct {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 43px;
  left: calc(48.68% - 71px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(87.80% - 22px);
  width: 142px;
}

.mobilemhpen2 .legal-F2Itct.animate-enter51 {
  animation: animate-enter51-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes animate-enter51-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.mobilemhpen2 .line-F2Itct {
  background-color: transparent;
  height: 1px;
  left: calc(48.68% - 69px);
  position: absolute;
  top: 47.00%;
  width: 138px;
}

.mobilemhpen2 .line-copy-F2Itct {
  background-color: transparent;
  height: 1px;
  left: calc(48.68% - 69px);
  position: absolute;
  top: 63.00%;
  width: 138px;
}

.mobilemhpen2 .line-copy-2-F2Itct {
  background-color: transparent;
  height: 1px;
  left: calc(48.68% - 69px);
  position: absolute;
  top: 79.00%;
  width: 138px;
}

.mobilemhpen2 .group-F2Itct {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 11.60%;
  left: 67.11%;
  opacity: 0;
  position: absolute;
  top: 6.40%;
  transform: rotate(25deg);
  width: 18.42%;
}

.mobilemhpen2 .group-F2Itct.animate-enter52 {
  animation: animate-enter52-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: rotate(25deg);
}

@keyframes animate-enter52-frames {
  from{opacity: 0;
transform: rotate(25deg);
}
to{opacity: 1;
transform: rotate(0);
}
}

.mobilemhpen2 .rectangle-wGohx9 {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 5px;
  left: calc(50.00% - 17px);
  position: absolute;
  top: calc(50.00% - 2px);
  transform: rotate(-45deg);
  width: 34px;
}

.mobilemhpen2 .rectangle-copy-11-wGohx9 {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 5px;
  left: calc(50.00% - 17px);
  position: absolute;
  top: calc(50.00% - 2px);
  transform: rotate(-315deg);
  width: 34px;
}

.mobilemhpen2 .sm_-bildmarke_-bildm-iapjp6 {
  background-color: transparent;
  cursor: pointer;
  height: 76px;
  left: 13px;
  position: absolute;
  top: 13px;
  width: 76px;
}

.mobilemhpen2 .group-2-iB06vx {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 63px;
}

.mobilemhpen2 .group-mrZamt {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.mobilemhpen2 .en-AqtNi4 {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 63.49%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 41.27%;
}

.mobilemhpen2 .de-AqtNi4 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.32%;
}