/* screen - mobilecontactcopy */

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

.mobilecontactcopy .sebastianmeviusyaho-copy-t8jifP {
  background-color: transparent;
  font-weight: 400;
  height: 56px;
  left: 16px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 254px;
  width: 251px;
}

.mobilecontactcopy .line-t8jifP {
  background-color: transparent;
  height: 1px;
  left: 160px;
  position: absolute;
  top: 131.43%;
  transform: rotate(-90deg);
  width: calc(100.00% + 344px);
}

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

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

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

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

.mobilecontactcopy .line-9xpkSN {
  background-color: transparent;
  bottom: 76px;
  height: 1px;
  left: 14px;
  position: absolute;
  width: calc(100.00% - 29px);
}

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

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

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

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

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

.mobilecontactcopy .portfolio-YL3wcU {
  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(38.60% - 20px);
  width: 141px;
}

.mobilecontactcopy .portfolio-YL3wcU.animate-enter78 {
  animation: animate-enter78-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilecontactcopy .about-YL3wcU {
  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;
}

.mobilecontactcopy .about-YL3wcU.animate-enter79 {
  animation: animate-enter79-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilecontactcopy .contact-YL3wcU {
  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(71.00% - 20px);
  width: 141px;
}

.mobilecontactcopy .contact-YL3wcU.animate-enter80 {
  animation: animate-enter80-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilecontactcopy .impressum-YL3wcU {
  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;
}

.mobilecontactcopy .impressum-YL3wcU.animate-enter81 {
  animation: animate-enter81-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.mobilecontactcopy .group-YL3wcU {
  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%;
}

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

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

.mobilecontactcopy .rectangle-BsFdom {
  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;
}

.mobilecontactcopy .rectangle-copy-11-BsFdom {
  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;
}

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

.mobilecontactcopy .sebastian-mevius-copy-t8jifP {
  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;
}

.mobilecontactcopy .contact-copy-t8jifP {
  background-color: transparent;
  font-weight: 700;
  height: 30px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(34.06% - 15px);
}

.mobilecontactcopy .group-2-copy-2-t8jifP {
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 115px;
  position: absolute;
  top: 278px;
  width: 24px;
}

.mobilecontactcopy .path-WEhxV2 {
  background-color: transparent;
  height: 69.23%;
  left: 0px;
  position: absolute;
  top: 30.77%;
  width: 70.83%;
}

.mobilecontactcopy .group-WEhxV2 {
  background-color: transparent;
  height: 61.54%;
  left: 33.33%;
  position: absolute;
  top: 11.54%;
  transform: rotate(-315deg);
  width: 58.33%;
}

.mobilecontactcopy .line-2-4MJGft {
  background-color: transparent;
  height: 75.00%;
  left: 42.86%;
  position: absolute;
  top: 25.00%;
  width: 14.29%;
}

.mobilecontactcopy .rectangle-4MJGft {
  background-color: transparent;
  height: 56.25%;
  left: 14.29%;
  position: absolute;
  top: 12.50%;
  transform: rotate(-315deg);
  width: 71.43%;
}

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

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

.mobilecontactcopy .en-neTVOi {
  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%;
}

.mobilecontactcopy .de-neTVOi {
  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%;
}