/* screen - desktopthisnthaten */

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

.desktopthisnthaten .this-n-that-sczOIX {
  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;
}

.desktopthisnthaten .this-n-that-sczOIX.bp1-animate-enter120 {
  animation: bp1-animate-enter120-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .assorted-projects-sczOIX {
  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: 980px;
}

.desktopthisnthaten .assorted-projects-sczOIX.bp1-animate-enter121 {
  animation: bp1-animate-enter121-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .excerpt-from-my-fina-sczOIX {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 454px;
  width: 988px;
}

.desktopthisnthaten .excerpt-from-my-fina-sczOIX.bp1-animate-enter122 {
  animation: bp1-animate-enter122-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .sm_-bildmarke_-signatur_-blau-copy-5-sczOIX {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 25px;
  opacity: 0;
  position: absolute;
  top: 510px;
  width: 30px;
}

.desktopthisnthaten .sm_-bildmarke_-signatur_-blau-copy-5-sczOIX.bp1-animate-enter123 {
  animation: bp1-animate-enter123-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .pitch-for-client-afa-sczOIX {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1037px;
  white-space: nowrap;
  width: 972px;
}

.desktopthisnthaten .pitch-for-client-afa-sczOIX.bp1-animate-enter124 {
  animation: bp1-animate-enter124-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .rectangle-sczOIX {
  background-color: transparent;
  display: block;
  height: 157px;
  left: 509px;
  opacity: 0;
  position: absolute;
  top: 1170px;
  width: 257px;
}

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

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

.desktopthisnthaten .rectangle-copy-2-sczOIX {
  background-color: transparent;
  display: block;
  height: 157px;
  left: 760px;
  opacity: 0;
  position: absolute;
  top: 1170px;
  width: 257px;
}

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

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

.desktopthisnthaten .pitch-for-client-aud-sczOIX {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1561px;
  white-space: nowrap;
  width: 952px;
}

.desktopthisnthaten .pitch-for-client-aud-sczOIX.bp1-animate-enter127 {
  animation: bp1-animate-enter127-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .x1-professionals-ph-sczOIX {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 84px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1617px;
  width: 952px;
}

.desktopthisnthaten .x1-professionals-ph-sczOIX.bp1-animate-enter128 {
  animation: bp1-animate-enter128-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .sm_-bildmarke_-signatur_-blau-copy-5-t0rPtu {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 25px;
  opacity: 0;
  position: absolute;
  top: 1093px;
  width: 30px;
}

.desktopthisnthaten .sm_-bildmarke_-signatur_-blau-copy-5-t0rPtu.bp1-animate-enter129 {
  animation: bp1-animate-enter129-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .sm_-bildmarke_-signatur_-blau-copy-6-sczOIX {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 25px;
  opacity: 0;
  position: absolute;
  top: 1617px;
  width: 30px;
}

.desktopthisnthaten .sm_-bildmarke_-signatur_-blau-copy-6-sczOIX.bp1-animate-enter130 {
  animation: bp1-animate-enter130-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .group-sczOIX {
  background-color: transparent;
  height: 52px;
  left: 24px;
  position: absolute;
  top: 985px;
  width: 982px;
}

.desktopthisnthaten .line-copy-4-xwzSFj {
  background-color: transparent;
  display: block;
  height: 2px;
  left: -0px;
  opacity: 0;
  position: absolute;
  top: -0px;
  width: 982px;
}

.desktopthisnthaten .line-copy-4-xwzSFj.bp1-animate-enter131 {
  animation: bp1-animate-enter131-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .rectangle-xwzSFj {
  background-color: var(--white);
  height: 37px;
  left: 877px;
  position: absolute;
  top: 15px;
  width: 37px;
}

.desktopthisnthaten .group-2-sczOIX {
  background-color: transparent;
  height: 53px;
  left: 24px;
  position: absolute;
  top: 1509px;
  width: 982px;
}

.desktopthisnthaten .line-copy-6-XNakKh {
  background-color: transparent;
  display: block;
  height: 2px;
  left: -0px;
  opacity: 0;
  position: absolute;
  top: -0px;
  width: 982px;
}

.desktopthisnthaten .line-copy-6-XNakKh.bp1-animate-enter132 {
  animation: bp1-animate-enter132-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .rectangle-copy-5-XNakKh {
  background-color: var(--white);
  height: 37px;
  left: 869px;
  position: absolute;
  top: 16px;
  width: 37px;
}

.desktopthisnthaten .rectangle-t0rPtu {
  background-color: transparent;
  display: block;
  height: 173px;
  left: 509px;
  opacity: 0;
  position: absolute;
  top: 615px;
  width: 256px;
}

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

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

.desktopthisnthaten .rectangle-copy-sczOIX {
  background-color: transparent;
  display: block;
  height: 173px;
  left: 759px;
  opacity: 0;
  position: absolute;
  top: 615px;
  width: 256px;
}

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

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

.desktopthisnthaten .widely-recognised-po-sczOIX {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 84px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 510px;
  width: 974px;
}

.desktopthisnthaten .widely-recognised-po-sczOIX.bp1-animate-enter135 {
  animation: bp1-animate-enter135-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .the-idea-adapts-the-sczOIX {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 1093px;
  width: 963px;
}

.desktopthisnthaten .group-2-t0rPtu {
  background-color: transparent;
  height: 86px;
  left: 23px;
  position: absolute;
  top: 1975px;
  width: 977px;
}

.desktopthisnthaten .sm_-bildmarke_-signa-6rGeD4 {
  background-color: transparent;
  height: 49px;
  left: 929px;
  position: absolute;
  top: 37px;
  width: 49px;
}

.desktopthisnthaten .line-copy-4-6rGeD4 {
  background-color: transparent;
  height: 2px;
  left: -0px;
  position: absolute;
  top: -0px;
  width: 978px;
}

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

.desktopthisnthaten .portfolio-sczOIX {
  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;
}

.desktopthisnthaten .about-sczOIX {
  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;
}

.desktopthisnthaten .contact-sczOIX {
  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;
}

.desktopthisnthaten .legal-sczOIX {
  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;
}

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

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

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

.desktopthisnthaten .en-h8lpmI {
  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;
}

.desktopthisnthaten .de-h8lpmI {
  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;
}

.desktopthisnthaten .x-BrCp2p {
  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;
}

.desktopthisnthaten .sebastian-mevius-sczOIX {
  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;
}

.desktopthisnthaten .sm_-bildmarke_-bildmarke_-verlauf_-farbe-sczOIX {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 142px;
}

.desktopthisnthaten .rectangle-0xafUM {
  background-color: transparent;
  height: 339px;
  left: 11px;
  position: absolute;
  top: 612px;
  width: 513px;
}

.desktopthisnthaten .rectangle-1491yo {
  background-color: transparent;
  display: block;
  height: 299px;
  left: 26px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 627px;
  width: 473px;
}

.desktopthisnthaten .rectangle-1491yo.bp1-animate-enter136 {
  animation: bp1-animate-enter136-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthaten .rectangle-jS0mYN {
  background-color: transparent;
  display: block;
  height: 307px;
  left: 10px;
  opacity: 0;
  position: absolute;
  top: 1167px;
  width: 515px;
}

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

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

.desktopthisnthaten .rectangle-A1AH2z {
  background-color: transparent;
  display: block;
  height: 267px;
  left: 25px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1182px;
  width: 475px;
}

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

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

.desktopthisnthaten .group-3-t0rPtu {
  background-color: transparent;
  height: 244px;
  left: 11px;
  position: absolute;
  top: 1719px;
  width: 1011px;
}

.desktopthisnthaten .rectangle-TA6xKd {
  background-color: transparent;
  display: block;
  height: 244px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 347px;
}

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

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

.desktopthisnthaten .rectangle-copy-3-TA6xKd {
  background-color: transparent;
  display: block;
  height: 244px;
  left: 332px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 347px;
}

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

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

.desktopthisnthaten .rectangle-copy-4-TA6xKd {
  background-color: transparent;
  display: block;
  height: 244px;
  left: 664px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 347px;
}

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

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

.desktopthisnthaten .rectangle-a8IWy2 {
  background-color: transparent;
  display: block;
  height: 204px;
  left: 26px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1734px;
  width: 307px;
}

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

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

.desktopthisnthaten .rectangle-copy-3-sczOIX {
  background-color: transparent;
  display: block;
  height: 204px;
  left: 358px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1734px;
  width: 307px;
}

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

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

.desktopthisnthaten .rectangle-copy-4-sczOIX {
  background-color: transparent;
  display: block;
  height: 204px;
  left: 690px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1734px;
  width: 307px;
}

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

@keyframes bp1-animate-enter144-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}
/* screen - mobilethisnthaten */

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

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

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

.mobilethisnthaten .assorted-projects-BCEQEM {
  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.24% - 14px);
  white-space: nowrap;
  width: calc(65.31% - 15px);
}

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

.mobilethisnthaten .widely-recognised-po-BCEQEM {
  background-color: transparent;
  font-weight: 400;
  height: calc(36.42% - 771px);
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 771px;
  width: calc(100.00% - 13px);
}

.mobilethisnthaten .the-idea-adapts-the-BCEQEM {
  background-color: transparent;
  font-weight: 400;
  height: calc(60.24% - 1582px);
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 1582px;
  width: calc(100.00% - 30px);
}

.mobilethisnthaten .x1-professionals-ph-BCEQEM {
  background-color: transparent;
  font-weight: 400;
  height: calc(96.90% - 2637px);
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 2637px;
  width: calc(100.00% - 28px);
}

.mobilethisnthaten .sm_-bildmarke_-signatur_-blau-BCEQEM {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 771px;
  width: 30px;
}

.mobilethisnthaten .sm_-bildmarke_-signatur_-blau-copy-BCEQEM {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 1583px;
  width: 30px;
}

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

.mobilethisnthaten .excerpt-from-my-fina-BCEQEM {
  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);
}

.mobilethisnthaten .pitch-for-client-afa-BCEQEM {
  background-color: transparent;
  font-weight: 400;
  height: 80px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 1090px;
  width: calc(100.00% - 30px);
}

.mobilethisnthaten .pitch-for-client-aud-BCEQEM {
  background-color: transparent;
  font-weight: 400;
  height: 80px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 1873px;
  width: calc(100.00% - 30px);
}

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

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

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

.mobilethisnthaten .rectangle-0QiFm2 {
  background-color: transparent;
  height: 192px;
  left: calc(50.31% - 160px);
  position: absolute;
  top: calc(49.10% - 96px);
  width: 320px;
}

.mobilethisnthaten .rectangle-qm9j7q {
  background-color: transparent;
  height: 232px;
  left: calc(51.41% - 164px);
  position: absolute;
  top: calc(69.68% - 116px);
  width: 329px;
}

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

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

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

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

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

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

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

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

.mobilethisnthaten .sebastian-mevius-copy-BCEQEM {
  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;
}

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

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

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

.mobilethisnthaten .en-4SSosE {
  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%;
}

.mobilethisnthaten .de-4SSosE {
  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 - tabletthisnthaten */

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

.tabletthisnthaten .this-n-that-swGvZ7 {
  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(16.15% - 15px);
  width: calc(66.93% - 26px);
}

.tabletthisnthaten .this-n-that-swGvZ7.bp2-animate-enter20 {
  animation: bp2-animate-enter20-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .assorted-projects-swGvZ7 {
  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(17.62% - 14px);
  white-space: nowrap;
  width: calc(95.96% - 27px);
}

.tabletthisnthaten .assorted-projects-swGvZ7.bp2-animate-enter21 {
  animation: bp2-animate-enter21-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .widely-recognised-po-swGvZ7 {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 5.14%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 24.69%;
  width: calc(100.00% - 54px);
}

.tabletthisnthaten .widely-recognised-po-swGvZ7.bp2-animate-enter22 {
  animation: bp2-animate-enter22-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .the-idea-adapts-the-swGvZ7 {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 3.85%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 52.46%;
  width: calc(100.00% - 54px);
}

.tabletthisnthaten .the-idea-adapts-the-swGvZ7.bp2-animate-enter23 {
  animation: bp2-animate-enter23-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .x1-professionals-ph-swGvZ7 {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 5.14%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 79.62%;
  width: calc(100.00% - 54px);
}

.tabletthisnthaten .x1-professionals-ph-swGvZ7.bp2-animate-enter24 {
  animation: bp2-animate-enter24-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .sm_-bildmarke_-signatur_-blau-swGvZ7 {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 538px;
  width: 30px;
}

.tabletthisnthaten .sm_-bildmarke_-signatur_-blau-swGvZ7.bp2-animate-enter25 {
  animation: bp2-animate-enter25-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .sm_-bildmarke_-signatur_-blau-copy-swGvZ7 {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 1143px;
  width: 30px;
}

.tabletthisnthaten .sm_-bildmarke_-signatur_-blau-copy-swGvZ7.bp2-animate-enter26 {
  animation: bp2-animate-enter26-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .sm_-bildmarke_-signatur_-blau-copy-2-swGvZ7 {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 1735px;
  width: 30px;
}

.tabletthisnthaten .sm_-bildmarke_-signatur_-blau-copy-2-swGvZ7.bp2-animate-enter27 {
  animation: bp2-animate-enter27-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .sebastian-mevius-swGvZ7 {
  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);
}

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

.tabletthisnthaten .sm_-bildmarke_-signatur_-verlauf_-farbe-swGvZ7 {
  background-color: transparent;
  height: 2.25%;
  left: 143.75%;
  position: absolute;
  top: 101.97%;
  width: 6.38%;
}

.tabletthisnthaten .line-copy-swGvZ7 {
  background-color: transparent;
  height: 1px;
  left: 26px;
  position: absolute;
  top: 95.02%;
  width: calc(100.00% - 53px);
}

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

.tabletthisnthaten .excerpt-from-my-fina-swGvZ7 {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 84px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(22.76% - 42px);
  width: calc(100.00% - 54px);
}

.tabletthisnthaten .excerpt-from-my-fina-swGvZ7.bp2-animate-enter28 {
  animation: bp2-animate-enter28-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .pitch-for-client-afa-swGvZ7 {
  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(49.24% - 14px);
  white-space: nowrap;
  width: calc(100.00% - 54px);
}

.tabletthisnthaten .pitch-for-client-afa-swGvZ7.bp2-animate-enter29 {
  animation: bp2-animate-enter29-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .pitch-for-client-aud-swGvZ7 {
  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(76.41% - 14px);
  white-space: nowrap;
  width: calc(100.00% - 45px);
}

.tabletthisnthaten .pitch-for-client-aud-swGvZ7.bp2-animate-enter30 {
  animation: bp2-animate-enter30-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .line-copy-4-swGvZ7 {
  background-color: transparent;
  display: block;
  height: 0px;
  left: 3.39%;
  opacity: 0;
  position: absolute;
  top: 46.86%;
  width: 93.10%;
}

.tabletthisnthaten .line-copy-4-swGvZ7.bp2-animate-enter31 {
  animation: bp2-animate-enter31-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .line-copy-5-swGvZ7 {
  background-color: transparent;
  display: block;
  height: 0px;
  left: 3.39%;
  opacity: 0;
  position: absolute;
  top: 74.02%;
  width: 93.10%;
}

.tabletthisnthaten .line-copy-5-swGvZ7.bp2-animate-enter32 {
  animation: bp2-animate-enter32-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthaten .group-2-swGvZ7 {
  background-color: transparent;
  height: 330px;
  left: calc(50.00% - 372px);
  position: absolute;
  top: 671px;
  width: 744px;
}

.tabletthisnthaten .rectangle-g9bVzW {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 67.07%;
}

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

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

.tabletthisnthaten .rectangle-ATzLut {
  background-color: transparent;
  display: block;
  height: 50.61%;
  left: 66.94%;
  opacity: 0;
  position: absolute;
  top: 0.91%;
  width: 33.06%;
}

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

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

.tabletthisnthaten .rectangle-copy-g9bVzW {
  background-color: transparent;
  display: block;
  height: 50.61%;
  left: 66.94%;
  opacity: 0;
  position: absolute;
  top: 47.27%;
  width: 33.06%;
}

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

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

.tabletthisnthaten .group-3-swGvZ7 {
  background-color: transparent;
  height: 338px;
  left: calc(50.00% - 372px);
  position: absolute;
  top: 1248px;
  width: 744px;
}

.tabletthisnthaten .rectangle-rGqg3f {
  background-color: transparent;
  display: block;
  height: 50.89%;
  left: 61.83%;
  opacity: 0;
  position: absolute;
  top: 0.89%;
  width: 38.17%;
}

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

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

.tabletthisnthaten .rectangle-kYP70j {
  background-color: transparent;
  display: block;
  height: 84.62%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 64.25%;
}

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

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

.tabletthisnthaten .rectangle-copy-2-rGqg3f {
  background-color: transparent;
  display: block;
  height: 50.89%;
  left: 61.83%;
  opacity: 0;
  position: absolute;
  top: 49.11%;
  width: 38.17%;
}

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

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

.tabletthisnthaten .group-4-swGvZ7 {
  background-color: transparent;
  height: 190px;
  left: calc(50.65% - 377px);
  position: absolute;
  top: 1868px;
  width: 754px;
}

.tabletthisnthaten .rectangle-VYwFPE {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 35.28%;
}

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

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

.tabletthisnthaten .rectangle-copy-3-VYwFPE {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 32.36%;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 35.28%;
}

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

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

.tabletthisnthaten .rectangle-copy-4-VYwFPE {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 64.72%;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 35.28%;
}

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

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

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

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

.tabletthisnthaten .en-EinneY {
  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%;
}

.tabletthisnthaten .de-EinneY {
  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%;
}

.tabletthisnthaten .navigation-swGvZ7 {
  background-color: transparent;
  height: 0.87%;
  left: 48.57%;
  position: absolute;
  top: 9.64%;
  width: calc(51.43% - 25px);
}

.tabletthisnthaten .portfolio-pEGkMj {
  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;
}

.tabletthisnthaten .about-pEGkMj {
  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;
}

.tabletthisnthaten .contact-pEGkMj {
  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;
}

.tabletthisnthaten .legal-pEGkMj {
  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.tabletthisnthaten { 
    display: none;
   }
  .screen.desktopthisnthaten { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobilethisnthaten { 
    display: none;
   }
  .screen.desktopthisnthaten { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletthisnthaten { 
    display: none;
   }
  .screen.mobilethisnthaten { 
    display: none;
   }
}