/* screen - desktopthisnthat */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.desktopthisnthat .this-n-that-wM7Txk {
  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;
}

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

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

.desktopthisnthat .verschiedene-projekt-wM7Txk {
  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;
}

.desktopthisnthat .verschiedene-projekt-wM7Txk.bp1-animate-enter150 {
  animation: bp1-animate-enter150-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthat .ausschnitt-aus-meine-wM7Txk {
  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: 454px;
  white-space: nowrap;
  width: 988px;
}

.desktopthisnthat .ausschnitt-aus-meine-wM7Txk.bp1-animate-enter151 {
  animation: bp1-animate-enter151-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.desktopthisnthat .pitch-fr-den-kunden-wM7Txk {
  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;
}

.desktopthisnthat .pitch-fr-den-kunden-wM7Txk.bp1-animate-enter153 {
  animation: bp1-animate-enter153-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

.desktopthisnthat .pitch-fr-den-kunden-0tA27A {
  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;
}

.desktopthisnthat .pitch-fr-den-kunden-0tA27A.bp1-animate-enter156 {
  animation: bp1-animate-enter156-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthat .x1-charaktervoll-mon-wM7Txk {
  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: 975px;
}

.desktopthisnthat .x1-charaktervoll-mon-wM7Txk.bp1-animate-enter157 {
  animation: bp1-animate-enter157-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.desktopthisnthat .weitgehend-anerkannt-wM7Txk {
  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: 988px;
}

.desktopthisnthat .weitgehend-anerkannt-wM7Txk.bp1-animate-enter169 {
  animation: bp1-animate-enter169-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopthisnthat .sebastian-mevius-wM7Txk {
  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;
}

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

.desktopthisnthat .portfolio-wM7Txk {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  left: 583px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopthisnthat .about-wM7Txk {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 702px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopthisnthat .contact-wM7Txk {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 798px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopthisnthat .impressum-wM7Txk {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 909px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopthisnthat .die-idee-fokussiert-wM7Txk {
  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: 988px;
}

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

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

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

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

.desktopthisnthat .group-2-xQH8JM {
  background-color: transparent;
  height: 19px;
  left: 938px;
  position: absolute;
  top: 54px;
  width: 64px;
}

.desktopthisnthat .group-t1FUss {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 64px;
}

.desktopthisnthat .en-xFLwKn {
  background-color: transparent;
  cursor: pointer;
  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;
}

.desktopthisnthat .de-xFLwKn {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
/* screen - mobilethisnthat */

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

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

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

.mobilethisnthat .verschiedene-projekt-BANgql {
  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);
}

.mobilethisnthat .this-n-that-BANgql {
  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);
}

.mobilethisnthat .weitgehend-anerkannt-BANgql {
  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);
}

.mobilethisnthat .die-idee-fokussiert-BANgql {
  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);
}

.mobilethisnthat .x1-charaktervoll-mon-BANgql {
  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% - 27px);
}

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

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

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

.mobilethisnthat .ausschnitt-aus-meine-BANgql {
  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);
}

.mobilethisnthat .pitch-fr-den-kunden-BANgql {
  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);
}

.mobilethisnthat .pitch-fr-den-kunden-vIVU9r {
  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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobilethisnthat .sebastian-mevius-copy-BANgql {
  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;
}

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

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

.mobilethisnthat .en-cRaaqo {
  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%;
}

.mobilethisnthat .de-cRaaqo {
  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%;
}
/* screen - tabletthisnthat */

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

.tabletthisnthat .this-n-that-N0MXuh {
  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.36% - 15px);
  width: calc(72.53% - 26px);
}

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

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

.tabletthisnthat .verschiedene-projekt-N0MXuh {
  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.85% - 14px);
  white-space: nowrap;
  width: calc(95.96% - 27px);
}

.tabletthisnthat .verschiedene-projekt-N0MXuh.bp2-animate-enter43 {
  animation: bp2-animate-enter43-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthat .weitgehend-anerkannt-N0MXuh {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 5.21%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 25.01%;
  width: calc(100.00% - 54px);
}

.tabletthisnthat .weitgehend-anerkannt-N0MXuh.bp2-animate-enter44 {
  animation: bp2-animate-enter44-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthat .x1-charaktervoll-mon-N0MXuh {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 3.91%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 80.66%;
  width: calc(100.00% - 54px);
}

.tabletthisnthat .x1-charaktervoll-mon-N0MXuh.bp2-animate-enter45 {
  animation: bp2-animate-enter45-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

.tabletthisnthat .sebastian-mevius-N0MXuh {
  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);
}

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

.tabletthisnthat .group-N0MXuh {
  background-color: transparent;
  height: 0.88%;
  left: 325px;
  position: absolute;
  top: 9.76%;
  width: calc(100.00% - 352px);
}

.tabletthisnthat .portfolio-rCQh3Q {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 340px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 76px;
}

.tabletthisnthat .about-rCQh3Q {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 246px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 51px;
}

.tabletthisnthat .contact-rCQh3Q {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 135px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 66px;
}

.tabletthisnthat .impressum-rCQh3Q {
  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: 93px;
}

.tabletthisnthat .sm_-bildmarke_-signatur_-verlauf_-farbe-N0MXuh {
  background-color: transparent;
  height: 2.28%;
  left: 143.75%;
  position: absolute;
  top: 103.30%;
  width: 6.38%;
}

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

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

.tabletthisnthat .ausschnitt-aus-meine-N0MXuh {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(22.41% - 28px);
  width: calc(100.00% - 54px);
}

.tabletthisnthat .ausschnitt-aus-meine-N0MXuh.bp2-animate-enter49 {
  animation: bp2-animate-enter49-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthat .pitch-fr-den-kunden-N0MXuh {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(50.53% - 28px);
  width: calc(100.00% - 54px);
}

.tabletthisnthat .pitch-fr-den-kunden-N0MXuh.bp2-animate-enter50 {
  animation: bp2-animate-enter50-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthat .pitch-fr-den-kunden-ZYOxrg {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(78.06% - 28px);
  width: calc(100.00% - 54px);
}

.tabletthisnthat .pitch-fr-den-kunden-ZYOxrg.bp2-animate-enter51 {
  animation: bp2-animate-enter51-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabletthisnthat .rectangle-4IrIJI.bp2-animate-enter57 {
  animation: bp2-animate-enter57-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.tabletthisnthat .rectangle-2UHhxu.bp2-animate-enter58 {
  animation: bp2-animate-enter58-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.tabletthisnthat .rectangle-copy-2-4IrIJI.bp2-animate-enter59 {
  animation: bp2-animate-enter59-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

.tabletthisnthat .rectangle-9pbxt7.bp2-animate-enter60 {
  animation: bp2-animate-enter60-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.tabletthisnthat .rectangle-copy-3-9pbxt7.bp2-animate-enter61 {
  animation: bp2-animate-enter61-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.tabletthisnthat .rectangle-copy-4-9pbxt7.bp2-animate-enter62 {
  animation: bp2-animate-enter62-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletthisnthat .group-2-ZYOxrg {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 26px;
  top: 53px;
  width: 65px;
}

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

.tabletthisnthat .en-q0x8sJ {
  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%;
}

.tabletthisnthat .de-q0x8sJ {
  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%;
}

.tabletthisnthat .die-idee-fokussiert-N0MXuh {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 3.91%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 53.09%;
  width: calc(100.00% - 54px);
}

.tabletthisnthat .die-idee-fokussiert-N0MXuh.bp2-animate-enter63 {
  animation: bp2-animate-enter63-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter63-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}
@media screen and (max-width: 767px) {
  .screen.tabletthisnthat { 
    display: none;
   }
  .screen.desktopthisnthat { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobilethisnthat { 
    display: none;
   }
  .screen.desktopthisnthat { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletthisnthat { 
    display: none;
   }
  .screen.mobilethisnthat { 
    display: none;
   }
}