/* screen - mobilecontacten2 */

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

.mobilecontacten2 .sebastianmeviusyaho-copy-uaMHlQ {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

.mobilecontacten2 .portfolio-8yXdfT {
  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;
}

.mobilecontacten2 .portfolio-8yXdfT.animate-enter72 {
  animation: animate-enter72-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilecontacten2 .about-8yXdfT {
  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;
}

.mobilecontacten2 .about-8yXdfT.animate-enter73 {
  animation: animate-enter73-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilecontacten2 .contact-8yXdfT {
  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;
}

.mobilecontacten2 .contact-8yXdfT.animate-enter74 {
  animation: animate-enter74-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilecontacten2 .legal-8yXdfT {
  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;
}

.mobilecontacten2 .legal-8yXdfT.animate-enter75 {
  animation: animate-enter75-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.mobilecontacten2 .group-8yXdfT {
  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%;
}

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

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

.mobilecontacten2 .rectangle-7GLIXN {
  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;
}

.mobilecontacten2 .rectangle-copy-11-7GLIXN {
  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;
}

.mobilecontacten2 .contact-copy-uaMHlQ {
  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);
}

.mobilecontacten2 .sebastian-mevius-copy-uaMHlQ {
  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;
}

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

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

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

.mobilecontacten2 .en-3lHjNp {
  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%;
}

.mobilecontacten2 .de-3lHjNp {
  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%;
}

.mobilecontacten2 .group-2-copy-uaMHlQ {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 115px;
  position: absolute;
  top: 280px;
  width: 23px;
}

.mobilecontacten2 .path-3JhLyj {
  background-color: transparent;
  height: 66.67%;
  left: 0px;
  position: absolute;
  top: 33.33%;
  width: 69.57%;
}

.mobilecontacten2 .group-3JhLyj {
  background-color: transparent;
  height: 66.67%;
  left: 30.43%;
  position: absolute;
  top: 8.33%;
  transform: rotate(-315deg);
  width: 60.87%;
}

.mobilecontacten2 .line-2-ADGkLt {
  background-color: transparent;
  height: 62.50%;
  left: 42.86%;
  position: absolute;
  top: 31.25%;
  width: 14.29%;
}

.mobilecontacten2 .rectangle-ADGkLt {
  background-color: transparent;
  height: 56.25%;
  left: 14.29%;
  position: absolute;
  top: 12.50%;
  transform: rotate(-315deg);
  width: 64.29%;
}