/* screen - mobilethisnthatcopy */

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

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

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

.mobilethisnthatcopy .verschiedene-projekt-gw3hAd {
  background-color: transparent;
  font-weight: 400;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: calc(7.33% - 14px);
  white-space: nowrap;
  width: calc(65.31% - 15px);
}

.mobilethisnthatcopy .this-n-that-gw3hAd {
  background-color: transparent;
  font-weight: 700;
  height: 30px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: calc(6.25% - 15px);
  width: calc(49.06% - 15px);
}

.mobilethisnthatcopy .weitgehend-anerkannt-gw3hAd {
  background-color: transparent;
  font-weight: 400;
  height: calc(34.28% - 791px);
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 791px;
  width: calc(100.00% - 28px);
}

.mobilethisnthatcopy .x1-charaktervoll-mon-gw3hAd {
  background-color: transparent;
  font-weight: 400;
  height: calc(96.35% - 2629px);
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 2629px;
  width: calc(100.00% - 28px);
}

.mobilethisnthatcopy .sm_-bildmarke_-signatur_-blau-gw3hAd {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 791px;
  width: 30px;
}

.mobilethisnthatcopy .sm_-bildmarke_-signatur_-blau-copy-gw3hAd {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 1575px;
  width: 30px;
}

.mobilethisnthatcopy .sm_-bildmarke_-signatur_-blau-copy-2-gw3hAd {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 2629px;
  width: 30px;
}

.mobilethisnthatcopy .ausschnitt-aus-meine-gw3hAd {
  background-color: transparent;
  font-weight: 400;
  height: 80px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 258px;
  width: calc(100.00% - 30px);
}

.mobilethisnthatcopy .pitch-fr-den-kunden-gw3hAd {
  background-color: transparent;
  font-weight: 400;
  height: 80px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 1082px;
  width: calc(100.00% - 30px);
}

.mobilethisnthatcopy .pitch-fr-den-kunden-eNUJ80 {
  background-color: transparent;
  font-weight: 400;
  height: 80px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 1865px;
  width: calc(100.00% - 30px);
}

.mobilethisnthatcopy .rectangle-gw3hAd {
  background-color: transparent;
  height: 223px;
  left: calc(51.56% - 165px);
  position: absolute;
  top: calc(15.86% - 112px);
  width: 330px;
}

.mobilethisnthatcopy .rectangle-eNUJ80 {
  background-color: transparent;
  height: 213px;
  left: calc(50.31% - 160px);
  position: absolute;
  top: calc(22.64% - 106px);
  width: 320px;
}

.mobilethisnthatcopy .rectangle-gLsAb9 {
  background-color: transparent;
  height: 203px;
  left: calc(51.56% - 165px);
  position: absolute;
  top: calc(43.35% - 102px);
  width: 330px;
}

.mobilethisnthatcopy .rectangle-SUpzo7 {
  background-color: transparent;
  height: 192px;
  left: calc(50.31% - 160px);
  position: absolute;
  top: calc(49.44% - 96px);
  width: 320px;
}

.mobilethisnthatcopy .rectangle-0DdfIB {
  background-color: transparent;
  height: 232px;
  left: calc(51.41% - 164px);
  position: absolute;
  top: calc(70.28% - 116px);
  width: 329px;
}

.mobilethisnthatcopy .rectangle-copy-3-gw3hAd {
  background-color: transparent;
  height: 232px;
  left: calc(51.41% - 164px);
  position: absolute;
  top: calc(77.44% - 116px);
  width: 329px;
}

.mobilethisnthatcopy .rectangle-copy-4-gw3hAd {
  background-color: transparent;
  height: 232px;
  left: calc(51.41% - 164px);
  position: absolute;
  top: calc(84.60% - 116px);
  width: 329px;
}

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

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

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

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

.mobilethisnthatcopy .die-idee-fokussiert-copy-gw3hAd {
  background-color: transparent;
  font-weight: 400;
  height: calc(60.72% - 1574px);
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 1574px;
  width: calc(100.00% - 30px);
}

.mobilethisnthatcopy .line-eNUJ80 {
  background-color: transparent;
  height: 1px;
  left: 14px;
  position: absolute;
  top: 35.34%;
  width: calc(100.00% - 28px);
}

.mobilethisnthatcopy .line-gLsAb9 {
  background-color: transparent;
  height: 1px;
  left: 14px;
  position: absolute;
  top: 61.79%;
  width: calc(100.00% - 28px);
}

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

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

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

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

.mobilethisnthatcopy .portfolio-sH4Ocf {
  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;
}

.mobilethisnthatcopy .portfolio-sH4Ocf.animate-enter102 {
  animation: animate-enter102-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilethisnthatcopy .about-sH4Ocf {
  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;
}

.mobilethisnthatcopy .about-sH4Ocf.animate-enter103 {
  animation: animate-enter103-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilethisnthatcopy .contact-sH4Ocf {
  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;
}

.mobilethisnthatcopy .contact-sH4Ocf.animate-enter104 {
  animation: animate-enter104-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobilethisnthatcopy .impressum-sH4Ocf {
  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;
}

.mobilethisnthatcopy .impressum-sH4Ocf.animate-enter105 {
  animation: animate-enter105-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.mobilethisnthatcopy .group-sH4Ocf {
  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%;
}

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

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

.mobilethisnthatcopy .rectangle-hlagh7 {
  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;
}

.mobilethisnthatcopy .rectangle-copy-11-hlagh7 {
  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;
}

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

.mobilethisnthatcopy .sebastian-mevius-copy-gw3hAd {
  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;
}

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

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

.mobilethisnthatcopy .en-YFGFc1 {
  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%;
}

.mobilethisnthatcopy .de-YFGFc1 {
  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%;
}