/* screen - desktopmhpen */

.desktopmhpen {
  background-color: var(--white);
  height: 1547px;
  overflow-x: hidden;
  position: relative;
  width: 1024px;
}

.desktopmhpen .rectangle-plUxSu {
  background-color: var(--white);
  height: 30px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1024px;
}

.desktopmhpen .rectangle-VbxGcX {
  background-color: transparent;
  display: block;
  height: 387px;
  left: 8px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 981px;
  width: 212px;
}

.desktopmhpen .rectangle-VbxGcX.bp1-animate-enter348 {
  animation: bp1-animate-enter348-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .social-media-campaig-plUxSu {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 24px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 337px;
  width: auto;
}

.desktopmhpen .social-media-campaig-plUxSu.bp1-animate-enter349 {
  animation: bp1-animate-enter349-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .client-mhp-a-pors-plUxSu {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 370px;
  white-space: nowrap;
  width: 953px;
}

.desktopmhpen .client-mhp-a-pors-plUxSu.bp1-animate-enter350 {
  animation: bp1-animate-enter350-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .the-mhp-festival-fea-plUxSu {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 84px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 426px;
  width: 953px;
}

.desktopmhpen .the-mhp-festival-fea-plUxSu.bp1-animate-enter351 {
  animation: bp1-animate-enter351-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .sm_-bildmarke_-signatur_-blau-plUxSu {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 426px;
  width: 30px;
}

.desktopmhpen .sm_-bildmarke_-signatur_-blau-plUxSu.bp1-animate-enter352 {
  animation: bp1-animate-enter352-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-0l05RT {
  background-color: transparent;
  display: block;
  height: 152px;
  left: 202px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1083px;
  width: 150px;
}

.desktopmhpen .rectangle-0l05RT.bp1-animate-enter353 {
  animation: bp1-animate-enter353-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-3-plUxSu {
  background-color: transparent;
  display: block;
  height: 152px;
  left: 356px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1083px;
  width: 152px;
}

.desktopmhpen .rectangle-copy-3-plUxSu.bp1-animate-enter354 {
  animation: bp1-animate-enter354-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-4-plUxSu {
  background-color: transparent;
  display: block;
  height: 152px;
  left: 512px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1083px;
  width: 152px;
}

.desktopmhpen .rectangle-copy-4-plUxSu.bp1-animate-enter355 {
  animation: bp1-animate-enter355-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-5-plUxSu {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 440px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhpen .rectangle-copy-5-plUxSu.bp1-animate-enter356 {
  animation: bp1-animate-enter356-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-7-plUxSu {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 669px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhpen .rectangle-copy-7-plUxSu.bp1-animate-enter357 {
  animation: bp1-animate-enter357-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-6-plUxSu {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 554px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhpen .rectangle-copy-6-plUxSu.bp1-animate-enter358 {
  animation: bp1-animate-enter358-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-lY4jR9 {
  background-color: transparent;
  display: block;
  height: 488px;
  left: 505px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 552px;
  width: 262px;
}

.desktopmhpen .rectangle-lY4jR9.bp1-animate-enter359 {
  animation: bp1-animate-enter359-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-iFwJva {
  background-color: transparent;
  display: block;
  height: 118px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 227px;
}

.desktopmhpen .rectangle-iFwJva.bp1-animate-enter360 {
  animation: bp1-animate-enter360-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-plUxSu {
  background-color: transparent;
  display: block;
  height: 116px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 751px;
  width: 227px;
}

.desktopmhpen .rectangle-copy-plUxSu.bp1-animate-enter361 {
  animation: bp1-animate-enter361-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-2-plUxSu {
  background-color: transparent;
  display: block;
  height: 117px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 896px;
  width: 227px;
}

.desktopmhpen .rectangle-copy-2-plUxSu.bp1-animate-enter362 {
  animation: bp1-animate-enter362-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-XsXCQq {
  background-color: transparent;
  display: block;
  height: 243px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 394px;
}

.desktopmhpen .rectangle-XsXCQq.bp1-animate-enter363 {
  animation: bp1-animate-enter363-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-8-plUxSu {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 783px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhpen .rectangle-copy-8-plUxSu.bp1-animate-enter364 {
  animation: bp1-animate-enter364-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .rectangle-copy-9-plUxSu {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 897px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhpen .rectangle-copy-9-plUxSu.bp1-animate-enter365 {
  animation: bp1-animate-enter365-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopmhpen .group-2-plUxSu {
  background-color: transparent;
  height: 86px;
  left: 23px;
  position: absolute;
  top: 1438px;
  width: 977px;
}

.desktopmhpen .sm_-bildmarke_-signa-34E5Qn {
  background-color: transparent;
  height: 49px;
  left: 929px;
  position: absolute;
  top: 37px;
  width: 49px;
}

.desktopmhpen .line-copy-4-34E5Qn {
  background-color: transparent;
  height: 2px;
  left: -0px;
  position: absolute;
  top: -0px;
  width: 978px;
}

.desktopmhpen .sm_-bildmarke_-signatur_-verlauf_-farbe-plUxSu {
  background-color: transparent;
  height: 49px;
  left: 1224px;
  position: absolute;
  top: 1474px;
  width: 49px;
}

.desktopmhpen .portfolio-plUxSu {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  left: 630px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .about-plUxSu {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 750px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .contact-plUxSu {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 846px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .legal-plUxSu {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 956px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .group-3-plUxSu {
  background-color: transparent;
  height: 19px;
  left: 938px;
  position: absolute;
  top: 54px;
  width: 63px;
}

.desktopmhpen .group-2-exokUG {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 63px;
}

.desktopmhpen .group-HqHtiT {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 63px;
}

.desktopmhpen .en-TMxO1F {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 40px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .de-TMxO1F {
  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: 0px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .x-exokUG {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: 28px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .sebastian-mevius-plUxSu {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 24px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopmhpen .sm_-bildmarke_-bildmarke_-verlauf_-farbe-plUxSu {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 142px;
}
/* screen - mobilemhpen */

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

.mobilemhpen .social-media-campaig-EdgvJD {
  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);
}

.mobilemhpen .client-mhp-agency-EdgvJD {
  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);
}

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

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

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

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

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

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

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

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

.mobilemhpen .the-mhp-festival-fea-EdgvJD {
  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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobilemhpen .sebastian-mevius-copy-EdgvJD {
  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;
}

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

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

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

.mobilemhpen .en-BcuMGz {
  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%;
}

.mobilemhpen .de-BcuMGz {
  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%;
}
/* screen - tabletmhpen */

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

.tabletmhpen .social-media-campaig-5MCfNm {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 26px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(24.01% - 15px);
  width: calc(78.52% - 26px);
}

.tabletmhpen .social-media-campaig-5MCfNm.bp2-animate-enter244 {
  animation: bp2-animate-enter244-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .client-mhp-a-pors-5MCfNm {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(26.19% - 14px);
  white-space: nowrap;
  width: calc(95.96% - 27px);
}

.tabletmhpen .client-mhp-a-pors-5MCfNm.bp2-animate-enter245 {
  animation: bp2-animate-enter245-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .the-mhp-festival-fea-5MCfNm {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 7.64%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 30.97%;
  width: calc(100.00% - 45px);
}

.tabletmhpen .the-mhp-festival-fea-5MCfNm.bp2-animate-enter246 {
  animation: bp2-animate-enter246-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .sm_-bildmarke_-signatur_-blau-5MCfNm {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 454px;
  width: 30px;
}

.tabletmhpen .sm_-bildmarke_-signatur_-blau-5MCfNm.bp2-animate-enter247 {
  animation: bp2-animate-enter247-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .sebastian-mevius-5MCfNm {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 27px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: calc(22.40% - 27px);
}

.tabletmhpen .sm_-bildmarke_-bildmarke_-verlauf_-farbe-5MCfNm {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 27px;
  position: absolute;
  top: 53px;
  width: 142px;
}

.tabletmhpen .sm_-bildmarke_-signatur_-verlauf_-farbe-5MCfNm {
  background-color: transparent;
  height: 3.34%;
  left: 143.75%;
  position: absolute;
  top: 151.57%;
  width: 6.38%;
}

.tabletmhpen .line-copy-5MCfNm {
  background-color: transparent;
  height: 1px;
  left: 26px;
  position: absolute;
  top: 92.60%;
  width: calc(100.00% - 53px);
}

.tabletmhpen .sm_-bildmarke_-signa-5MCfNm {
  background-color: transparent;
  bottom: 24px;
  height: 49px;
  position: absolute;
  right: 26px;
  width: 49px;
}

.tabletmhpen .group-3-5MCfNm {
  background-color: transparent;
  height: 314px;
  left: calc(37.11% - 271px);
  position: absolute;
  top: 913px;
  width: 542px;
}

.tabletmhpen .rectangle-gxJ4Rn {
  background-color: transparent;
  display: block;
  height: 314px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 172px;
}

.tabletmhpen .rectangle-gxJ4Rn.bp2-animate-enter248 {
  animation: bp2-animate-enter248-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-cYy6th {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 159px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 83px;
  width: 122px;
}

.tabletmhpen .rectangle-cYy6th.bp2-animate-enter249 {
  animation: bp2-animate-enter249-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-3-gxJ4Rn {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 289px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 83px;
  width: 122px;
}

.tabletmhpen .rectangle-copy-3-gxJ4Rn.bp2-animate-enter250 {
  animation: bp2-animate-enter250-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-4-gxJ4Rn {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 418px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 83px;
  width: 124px;
}

.tabletmhpen .rectangle-copy-4-gxJ4Rn.bp2-animate-enter251 {
  animation: bp2-animate-enter251-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-5-5MCfNm {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 208px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhpen .rectangle-copy-5-5MCfNm.bp2-animate-enter252 {
  animation: bp2-animate-enter252-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-7-5MCfNm {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 425px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhpen .rectangle-copy-7-5MCfNm.bp2-animate-enter253 {
  animation: bp2-animate-enter253-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-6-5MCfNm {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 316px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhpen .rectangle-copy-6-5MCfNm.bp2-animate-enter254 {
  animation: bp2-animate-enter254-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .group-2-5MCfNm {
  background-color: transparent;
  height: 349px;
  left: calc(50.00% - 357px);
  position: absolute;
  top: 608px;
  width: 714px;
}

.tabletmhpen .rectangle-IV7XcV {
  background-color: transparent;
  display: block;
  height: 349px;
  left: 355px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 188px;
}

.tabletmhpen .rectangle-IV7XcV.bp2-animate-enter255 {
  animation: bp2-animate-enter255-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-PL7t4g {
  background-color: transparent;
  display: block;
  height: 84px;
  left: 552px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 37px;
  width: 162px;
}

.tabletmhpen .rectangle-PL7t4g.bp2-animate-enter256 {
  animation: bp2-animate-enter256-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-IV7XcV {
  background-color: transparent;
  display: block;
  height: 84px;
  left: 552px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 142px;
  width: 162px;
}

.tabletmhpen .rectangle-copy-IV7XcV.bp2-animate-enter257 {
  animation: bp2-animate-enter257-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-2-IV7XcV {
  background-color: transparent;
  display: block;
  height: 84px;
  left: 552px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 246px;
  width: 162px;
}

.tabletmhpen .rectangle-copy-2-IV7XcV.bp2-animate-enter258 {
  animation: bp2-animate-enter258-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-9sxQie {
  background-color: transparent;
  display: block;
  height: 170px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 37px;
  width: 276px;
}

.tabletmhpen .rectangle-9sxQie.bp2-animate-enter259 {
  animation: bp2-animate-enter259-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-8-5MCfNm {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 534px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhpen .rectangle-copy-8-5MCfNm.bp2-animate-enter260 {
  animation: bp2-animate-enter260-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .rectangle-copy-9-5MCfNm {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 642px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhpen .rectangle-copy-9-5MCfNm.bp2-animate-enter261 {
  animation: bp2-animate-enter261-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletmhpen .group-2-kairNf {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 25px;
  top: 53px;
  width: 63px;
}

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

.tabletmhpen .en-gihKPh {
  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%;
}

.tabletmhpen .de-gihKPh {
  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%;
}

.tabletmhpen .navigation-5MCfNm {
  background-color: transparent;
  height: 1.30%;
  left: 48.57%;
  position: absolute;
  top: 14.32%;
  width: calc(51.43% - 25px);
}

.tabletmhpen .portfolio-jnIzEp {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 294px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 76px;
}

.tabletmhpen .about-jnIzEp {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 200px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 51px;
}

.tabletmhpen .contact-jnIzEp {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 89px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 66px;
}

.tabletmhpen .legal-jnIzEp {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: -3px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 47px;
}
@media screen and (max-width: 767px) {
  .screen.tabletmhpen { 
    display: none;
   }
  .screen.desktopmhpen { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobilemhpen { 
    display: none;
   }
  .screen.desktopmhpen { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletmhpen { 
    display: none;
   }
  .screen.mobilemhpen { 
    display: none;
   }
}