/* screen - desktopdigitalcampaigning */

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

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

.desktopdigitalcampaigning .digital-campaigning-gxPA0n {
  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;
}

.desktopdigitalcampaigning .digital-campaigning-gxPA0n.bp1-animate-enter274 {
  animation: bp1-animate-enter274-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdigitalcampaigning .kunde-philips-saeco-gxPA0n {
  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: 975px;
}

.desktopdigitalcampaigning .kunde-philips-saeco-gxPA0n.bp1-animate-enter275 {
  animation: bp1-animate-enter275-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdigitalcampaigning .der-tvc-bildet-die-b-gxPA0n {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 426px;
  width: 821px;
}

.desktopdigitalcampaigning .der-tvc-bildet-die-b-gxPA0n.bp1-animate-enter276 {
  animation: bp1-animate-enter276-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdigitalcampaigning .sm_-bildmarke_-signatur_-blau-gxPA0n {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 426px;
  width: 30px;
}

.desktopdigitalcampaigning .sm_-bildmarke_-signatur_-blau-gxPA0n.bp1-animate-enter277 {
  animation: bp1-animate-enter277-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdigitalcampaigning .rectangle-b6xzDB {
  background-color: transparent;
  display: block;
  height: 248px;
  left: 24px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 518px;
  width: 476px;
}

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

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

.desktopdigitalcampaigning .rectangle-vx7etI {
  background-color: transparent;
  display: block;
  height: 119px;
  left: 596px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 695px;
  width: 143px;
}

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

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

.desktopdigitalcampaigning .rectangle-L5Ixh6 {
  background-color: transparent;
  display: block;
  height: 321px;
  left: 755px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 695px;
  width: 85px;
}

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

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

.desktopdigitalcampaigning .rectangle-3OKDNY {
  background-color: transparent;
  display: block;
  height: 119px;
  left: 596px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 897px;
  width: 143px;
}

.desktopdigitalcampaigning .rectangle-3OKDNY.bp1-animate-enter281 {
  animation: bp1-animate-enter281-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdigitalcampaigning .rectangle-0WJ41e {
  background-color: transparent;
  display: block;
  height: 45px;
  left: 383px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 833px;
  width: 356px;
}

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

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

.desktopdigitalcampaigning .rectangle-W1R5GU {
  background-color: transparent;
  display: block;
  height: 550px;
  left: 198px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 913px;
  width: 225px;
}

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

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

.desktopdigitalcampaigning .rectangle-haNjrX {
  background-color: transparent;
  display: block;
  height: 155px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1100px;
  width: 155px;
}

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

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

.desktopdigitalcampaigning .rectangle-copy-2-gxPA0n {
  background-color: transparent;
  display: block;
  height: 155px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1289px;
  width: 155px;
}

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

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

.desktopdigitalcampaigning .rectangle-copy-gxPA0n {
  background-color: transparent;
  display: block;
  height: 155px;
  left: 308px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1100px;
  width: 155px;
}

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

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

.desktopdigitalcampaigning .rectangle-copy-3-gxPA0n {
  background-color: transparent;
  display: block;
  height: 155px;
  left: 733px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1100px;
  width: 267px;
}

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

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

.desktopdigitalcampaigning .rectangle-copy-4-gxPA0n {
  background-color: transparent;
  display: block;
  height: 155px;
  left: 733px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1277px;
  width: 267px;
}

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

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

.desktopdigitalcampaigning .group-2-copy-4-gxPA0n {
  background-color: transparent;
  height: 176px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 975px;
}

.desktopdigitalcampaigning .sebastian-mevius-g2aG2N {
  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: 157px;
  white-space: nowrap;
  width: auto;
}

.desktopdigitalcampaigning .sm_-bildmarke_-bildmarke_-verlauf_-farbe-g2aG2N {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 142px;
}

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

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

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

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

.desktopdigitalcampaigning .rectangle-i1ED7X {
  background-color: transparent;
  display: block;
  height: 120px;
  left: 857px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 758px;
  width: 143px;
}

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

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

.desktopdigitalcampaigning .group-2-gxPA0n {
  background-color: transparent;
  height: 86px;
  left: 23px;
  position: absolute;
  top: 1498px;
  width: 977px;
}

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

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

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

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

.desktopdigitalcampaigning .en-lcTzAe {
  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;
}

.desktopdigitalcampaigning .de-lcTzAe {
  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 - mobiledigitalcampaigning */

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

.mobiledigitalcampaigning .digital-campaigning-4graas {
  background-color: transparent;
  font-weight: 700;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(100.00% - 31px);
}

.mobiledigitalcampaigning .kunde-philips-saeco-4graas {
  background-color: transparent;
  font-weight: 400;
  height: 40px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 208px;
  width: calc(100.00% - 15px);
}

.mobiledigitalcampaigning .line-4graas {
  background-color: transparent;
  height: 1px;
  left: 14px;
  position: absolute;
  top: 96.71%;
  width: calc(100.00% - 29px);
}

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

.mobiledigitalcampaigning .der-tvc-bildet-die-b-4graas {
  background-color: transparent;
  font-weight: 400;
  height: 8.98%;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 37.63%;
  width: calc(100.00% - 28px);
}

.mobiledigitalcampaigning .sm_-bildmarke_-signatur_-blau-copy-3-4graas {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 876px;
  width: 30px;
}

.mobiledigitalcampaigning .rectangle-4graas {
  background-color: transparent;
  height: 151px;
  left: calc(50.00% - 145px);
  object-fit: cover;
  position: absolute;
  top: calc(14.54% - 76px);
  width: 290px;
}

.mobiledigitalcampaigning .group-4graas {
  background-color: transparent;
  height: 392px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(27.84% - 196px);
  width: 290px;
}

.mobiledigitalcampaigning .rectangle-xxUbpG {
  background-color: transparent;
  height: 37px;
  left: calc(50.00% - 145px);
  object-fit: cover;
  position: absolute;
  top: calc(95.28% - 18px);
  width: 290px;
}

.mobiledigitalcampaigning .rectangle-otDAhM {
  background-color: transparent;
  height: 154px;
  left: calc(32.24% - 92px);
  object-fit: cover;
  position: absolute;
  top: calc(23.98% - 77px);
  width: 185px;
}

.mobiledigitalcampaigning .rectangle-bHCb7h {
  background-color: transparent;
  height: 154px;
  left: calc(31.90% - 92px);
  object-fit: cover;
  position: absolute;
  top: calc(67.09% - 77px);
  width: 185px;
}

.mobiledigitalcampaigning .rectangle-bPOJA6 {
  background-color: transparent;
  height: 340px;
  left: calc(84.48% - 45px);
  object-fit: cover;
  position: absolute;
  top: calc(43.37% - 170px);
  width: 90px;
}

.mobiledigitalcampaigning .group-2-4graas {
  background-color: transparent;
  height: 725px;
  left: calc(50.00% - 148px);
  position: absolute;
  top: calc(62.87% - 362px);
  width: 296px;
}

.mobiledigitalcampaigning .rectangle-U4VNGm {
  background-color: transparent;
  height: 725px;
  left: calc(50.00% - 148px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 362px);
  width: 296px;
}

.mobiledigitalcampaigning .rectangle-WRUrfn {
  background-color: transparent;
  height: 19.31%;
  left: 52.03%;
  object-fit: cover;
  position: absolute;
  top: 4.83%;
  width: 46.96%;
}

.mobiledigitalcampaigning .rectangle-copy-2-U4VNGm {
  background-color: transparent;
  height: 19.17%;
  left: 52.03%;
  object-fit: cover;
  position: absolute;
  top: 25.52%;
  width: 46.96%;
}

.mobiledigitalcampaigning .rectangle-copy-U4VNGm {
  background-color: transparent;
  height: 19.31%;
  left: 51.69%;
  object-fit: cover;
  position: absolute;
  top: 46.07%;
  width: 47.30%;
}

.mobiledigitalcampaigning .rectangle-copy-3-4graas {
  background-color: transparent;
  height: 168px;
  left: calc(49.84% - 144px);
  object-fit: cover;
  position: absolute;
  top: calc(83.76% - 84px);
  width: 289px;
}

.mobiledigitalcampaigning .rectangle-copy-4-4graas {
  background-color: transparent;
  height: 167px;
  left: calc(49.84% - 144px);
  object-fit: cover;
  position: absolute;
  top: calc(91.39% - 84px);
  width: 289px;
}

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

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

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

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

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

.mobiledigitalcampaigning .sebastian-mevius-copy-4graas {
  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;
}

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

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

.mobiledigitalcampaigning .en-9woCfV {
  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%;
}

.mobiledigitalcampaigning .de-9woCfV {
  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 - tabletdigitalcampaigning */

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

.tabletdigitalcampaigning .digital-campaigning-7m1XvR {
  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(22.96% - 15px);
  width: calc(79.82% - 26px);
}

.tabletdigitalcampaigning .digital-campaigning-7m1XvR.bp2-animate-enter174 {
  animation: bp2-animate-enter174-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdigitalcampaigning .kunde-philips-saeco-7m1XvR {
  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(25.96% - 28px);
  width: calc(95.96% - 27px);
}

.tabletdigitalcampaigning .kunde-philips-saeco-7m1XvR.bp2-animate-enter175 {
  animation: bp2-animate-enter175-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdigitalcampaigning .der-tvc-bildet-die-b-7m1XvR {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 5.48%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 29.62%;
  width: calc(100.00% - 58px);
}

.tabletdigitalcampaigning .der-tvc-bildet-die-b-7m1XvR.bp2-animate-enter176 {
  animation: bp2-animate-enter176-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdigitalcampaigning .sm_-bildmarke_-signatur_-blau-7m1XvR {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 454px;
  width: 30px;
}

.tabletdigitalcampaigning .sm_-bildmarke_-signatur_-blau-7m1XvR.bp2-animate-enter177 {
  animation: bp2-animate-enter177-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdigitalcampaigning .sebastian-mevius-7m1XvR {
  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);
}

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

.tabletdigitalcampaigning .group-7m1XvR {
  background-color: transparent;
  height: 1.24%;
  left: 325px;
  position: absolute;
  top: 13.70%;
  width: calc(100.00% - 352px);
}

.tabletdigitalcampaigning .portfolio-pJqO57 {
  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;
}

.tabletdigitalcampaigning .about-pJqO57 {
  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;
}

.tabletdigitalcampaigning .contact-pJqO57 {
  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;
}

.tabletdigitalcampaigning .impressum-pJqO57 {
  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;
}

.tabletdigitalcampaigning .sm_-bildmarke_-signatur_-verlauf_-farbe-7m1XvR {
  background-color: transparent;
  height: 3.20%;
  left: 143.75%;
  position: absolute;
  top: 144.94%;
  width: 6.38%;
}

.tabletdigitalcampaigning .line-copy-7m1XvR {
  background-color: transparent;
  height: 1px;
  left: 26px;
  position: absolute;
  top: 92.92%;
  width: calc(100.00% - 53px);
}

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

.tabletdigitalcampaigning .group-2-7m1XvR {
  background-color: transparent;
  height: 406px;
  left: calc(50.00% - 356px);
  position: absolute;
  top: 566px;
  width: 712px;
}

.tabletdigitalcampaigning .rectangle-n9wolw {
  background-color: transparent;
  display: block;
  height: 180px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 346px;
}

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

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

.tabletdigitalcampaigning .rectangle-GDJ6tx {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 377px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 140px;
  width: 118px;
}

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

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

.tabletdigitalcampaigning .rectangle-Cfd9v6 {
  background-color: transparent;
  display: block;
  height: 266px;
  left: 509px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 140px;
  width: 70px;
}

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

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

.tabletdigitalcampaigning .rectangle-T1HOnu {
  background-color: transparent;
  display: block;
  height: 99px;
  left: 377px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 307px;
  width: 118px;
}

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

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

.tabletdigitalcampaigning .rectangle-dgUSaD {
  background-color: transparent;
  display: block;
  height: 37px;
  left: 200px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 254px;
  width: 295px;
}

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

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

.tabletdigitalcampaigning .rectangle-EBDZ8S {
  background-color: transparent;
  display: block;
  height: 99px;
  left: 593px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 192px;
  width: 119px;
}

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

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

.tabletdigitalcampaigning .group-3-7m1XvR {
  background-color: transparent;
  height: 456px;
  left: calc(49.93% - 356px);
  position: absolute;
  top: 931px;
  width: 713px;
}

.tabletdigitalcampaigning .rectangle-SVyb9x {
  background-color: transparent;
  display: block;
  height: 456px;
  left: 145px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 186px;
}

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

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

.tabletdigitalcampaigning .rectangle-sYcJ4D {
  background-color: transparent;
  display: block;
  height: 129px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 155px;
  width: 128px;
}

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

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

.tabletdigitalcampaigning .rectangle-copy-2-SVyb9x {
  background-color: transparent;
  display: block;
  height: 128px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 312px;
  width: 128px;
}

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

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

.tabletdigitalcampaigning .rectangle-copy-SVyb9x {
  background-color: transparent;
  display: block;
  height: 129px;
  left: 236px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 155px;
  width: 129px;
}

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

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

.tabletdigitalcampaigning .rectangle-copy-3-SVyb9x {
  background-color: transparent;
  display: block;
  height: 129px;
  left: 491px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 155px;
  width: 222px;
}

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

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

.tabletdigitalcampaigning .rectangle-copy-4-SVyb9x {
  background-color: transparent;
  display: block;
  height: 128px;
  left: 491px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 302px;
  width: 222px;
}

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

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

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

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

.tabletdigitalcampaigning .en-tgFx8d {
  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%;
}

.tabletdigitalcampaigning .de-tgFx8d {
  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%;
}
@media screen and (max-width: 767px) {
  .screen.tabletdigitalcampaigning { 
    display: none;
   }
  .screen.desktopdigitalcampaigning { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobiledigitalcampaigning { 
    display: none;
   }
  .screen.desktopdigitalcampaigning { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletdigitalcampaigning { 
    display: none;
   }
  .screen.mobiledigitalcampaigning { 
    display: none;
   }
}