/* screen - mobiledigitalcampaigningcopy */

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

.mobiledigitalcampaigningcopy .digital-campaigning-HMUdCc {
  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);
}

.mobiledigitalcampaigningcopy .kunde-philips-saeco-HMUdCc {
  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);
}

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

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

.mobiledigitalcampaigningcopy .der-tvc-bildet-die-b-HMUdCc {
  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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobiledigitalcampaigningcopy .portfolio-kEQqtV {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 700;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(38.60% - 20px);
  width: 141px;
}

.mobiledigitalcampaigningcopy .portfolio-kEQqtV.animate-enter42 {
  animation: animate-enter42-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledigitalcampaigningcopy .about-kEQqtV {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(55.00% - 20px);
  width: 141px;
}

.mobiledigitalcampaigningcopy .about-kEQqtV.animate-enter43 {
  animation: animate-enter43-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledigitalcampaigningcopy .contact-kEQqtV {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(71.00% - 20px);
  width: 141px;
}

.mobiledigitalcampaigningcopy .contact-kEQqtV.animate-enter44 {
  animation: animate-enter44-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledigitalcampaigningcopy .impressum-kEQqtV {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 43px;
  left: calc(48.68% - 71px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(87.80% - 22px);
  width: 142px;
}

.mobiledigitalcampaigningcopy .impressum-kEQqtV.animate-enter45 {
  animation: animate-enter45-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.mobiledigitalcampaigningcopy .group-kEQqtV {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 11.60%;
  left: 67.11%;
  opacity: 0;
  position: absolute;
  top: 6.40%;
  transform: rotate(25deg);
  width: 18.42%;
}

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

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

.mobiledigitalcampaigningcopy .rectangle-npHDwG {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 5px;
  left: calc(50.00% - 17px);
  position: absolute;
  top: calc(50.00% - 2px);
  transform: rotate(-45deg);
  width: 34px;
}

.mobiledigitalcampaigningcopy .rectangle-copy-11-npHDwG {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 5px;
  left: calc(50.00% - 17px);
  position: absolute;
  top: calc(50.00% - 2px);
  transform: rotate(-315deg);
  width: 34px;
}

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

.mobiledigitalcampaigningcopy .sebastian-mevius-copy-HMUdCc {
  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;
}

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

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

.mobiledigitalcampaigningcopy .en-uVMXPn {
  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%;
}

.mobiledigitalcampaigningcopy .de-uVMXPn {
  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%;
}