/* screen - mobilemhpcopy */

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

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

.mobilemhpcopy .kunde-mhp-agentur-xlxQHm {
  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);
}

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

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

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

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

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

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

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

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

.mobilemhpcopy .als-forum-fr-digita-xlxQHm {
  background-color: transparent;
  font-weight: 400;
  height: 18.67%;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 48.00%;
  width: calc(100.00% - 28px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobilemhpcopy .group-2-copy-3-xlxQHm.animate-enter59 {
  animation: animate-enter59-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

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

.mobilemhpcopy .portfolio-4q5MdX {
  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;
}

.mobilemhpcopy .portfolio-4q5MdX.animate-enter54 {
  animation: animate-enter54-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilemhpcopy .about-4q5MdX {
  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;
}

.mobilemhpcopy .about-4q5MdX.animate-enter55 {
  animation: animate-enter55-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilemhpcopy .contact-4q5MdX {
  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;
}

.mobilemhpcopy .contact-4q5MdX.animate-enter56 {
  animation: animate-enter56-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilemhpcopy .impressum-4q5MdX {
  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;
}

.mobilemhpcopy .impressum-4q5MdX.animate-enter57 {
  animation: animate-enter57-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.mobilemhpcopy .group-4q5MdX {
  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%;
}

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

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

.mobilemhpcopy .rectangle-u1SvwX {
  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;
}

.mobilemhpcopy .rectangle-copy-11-u1SvwX {
  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;
}

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

.mobilemhpcopy .sebastian-mevius-copy-xlxQHm {
  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;
}

.mobilemhpcopy .group-2-9OW3uw {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 65px;
}

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

.mobilemhpcopy .en-mf8VIj {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 44.62%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.00%;
}

.mobilemhpcopy .de-mf8VIj {
  background-color: transparent;
  font-weight: 700;
  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: 38.46%;
}