/* screen - index */

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

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

.index .portfolio-IO3Fu5 {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 23px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 337px;
  width: auto;
}

.index .portfolio-IO3Fu5.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .sebastian-mevius-IO3Fu5 {
  background-color: transparent;
  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;
}

.index .sm_-bildmarke_-bildmarke_-verlauf_-farbe-IO3Fu5 {
  background-color: transparent;
  height: 142px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 142px;
}

.index .group-8-IO3Fu5 {
  background-color: transparent;
  height: 190px;
  left: 357px;
  position: absolute;
  top: 826px;
  width: 309px;
}

.index .rectangle-copy-7-AB67xv {
  background-color: transparent;
  display: block;
  height: 190px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .rectangle-copy-7-AB67xv.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .portfolio-mouseover-hover-AB67xv {
  background-color: transparent;
  cursor: pointer;
  height: 190px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-AB67xv:hover {
  opacity: 1;
}

.index .rectangle-xRM2I1 {
  background-color: transparent;
  height: 190px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-xRM2I1 {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-tpt13f {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-tpt13f {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: 311px;
}

.index .mhp-IO3Fu5 {
  background-color: transparent;
  height: 192px;
  left: 691px;
  position: absolute;
  top: 396px;
  width: 309px;
}

.index .rectangle-copy-2-VYrc7r {
  background-color: transparent;
  display: block;
  height: 192px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 309px;
}

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

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

.index .portfolio-mouseover-hover-VYrc7r {
  background-color: transparent;
  cursor: pointer;
  height: 192px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-VYrc7r:hover {
  opacity: 1;
}

.index .rectangle-3Y6xxz {
  background-color: transparent;
  height: 192px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-3Y6xxz {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-oTVfSs {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-oTVfSs {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 311px;
}

.index .rectangle-copy-4-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 190px;
  left: 357px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 396px;
  width: 309px;
}

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

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

.index .portfolio-mouseover-hover-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 190px;
  left: 357px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 396px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-IO3Fu5:hover {
  opacity: 1;
}

.index .rectangle-Yhs8xC {
  background-color: transparent;
  height: 190px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-Yhs8xC {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-aTTeow {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-aTTeow {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: 311px;
}

.index .rectangle-copy-3-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 191px;
  left: 24px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 396px;
  width: 309px;
}

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

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

.index .stacked-group-IO3Fu5 {
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  left: 24px;
  position: absolute;
  top: 396px;
  width: 309px;
}

.index .portfolio-mouseover-hover-sobx3Z {
  background-color: transparent;
  cursor: pointer;
  height: 191px;
  margin: 0;
  opacity: 0;
  pointer-events: auto;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-sobx3Z:hover {
  opacity: 1;
}

.index .rectangle-UyC4T8 {
  background-color: transparent;
  height: 191px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-UyC4T8 {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-xtU6ux {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-xtU6ux {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 311px;
}

.index .rectangle-copy-5-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 191px;
  left: 691px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 611px;
  width: 309px;
}

.index .rectangle-copy-5-IO3Fu5.bp1-animate-enter15 {
  animation: bp1-animate-enter15-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .portfolio-mouseover-hover-865xPf {
  background-color: transparent;
  cursor: pointer;
  height: 191px;
  left: 692px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 611px;
  transition: all 0.2s ease-in-out;
  width: 308px;
}

.index .portfolio-mouseover-hover-865xPf:hover {
  opacity: 1;
}

.index .rectangle-EbltBM {
  background-color: transparent;
  height: 191px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 308px;
}

.index .group-EbltBM {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 308px;
}

.index .hier-steht-die-aufga-853kWf {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 310px;
}

.index .kunde-853kWf {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 310px;
}

.index .rectangle-copy-9-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 191px;
  left: 24px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 611px;
  width: 309px;
}

.index .rectangle-copy-9-IO3Fu5.bp1-animate-enter16 {
  animation: bp1-animate-enter16-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .portfolio-mouseover-hover-AGMxPx {
  background-color: transparent;
  cursor: pointer;
  height: 191px;
  left: 24px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 611px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-AGMxPx:hover {
  opacity: 1;
}

.index .rectangle-Cisl4R {
  background-color: transparent;
  height: 191px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-Cisl4R {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-ds4627 {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-ds4627 {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 311px;
}

.index .rectangle-copy-6-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 191px;
  left: 357px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 611px;
  width: 309px;
}

.index .rectangle-copy-6-IO3Fu5.bp1-animate-enter17 {
  animation: bp1-animate-enter17-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .portfolio-mouseover-hover-5nENan {
  background-color: transparent;
  cursor: pointer;
  height: 191px;
  left: 357px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 611px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-5nENan:hover {
  opacity: 1;
}

.index .rectangle-RfgOOC {
  background-color: transparent;
  height: 191px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-RfgOOC {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-1PYhDy {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-1PYhDy {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 311px;
}

.index .rectangle-copy-8-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 192px;
  left: 691px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 826px;
  width: 309px;
}

.index .rectangle-copy-8-IO3Fu5.bp1-animate-enter18 {
  animation: bp1-animate-enter18-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .portfolio-mouseover-hover-xnCjKo {
  background-color: transparent;
  cursor: pointer;
  height: 192px;
  left: 691px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 826px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-xnCjKo:hover {
  opacity: 1;
}

.index .rectangle-vhuHAP {
  background-color: transparent;
  height: 192px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-vhuHAP {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-Y1y2nR {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-Y1y2nR {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 311px;
}

.index .rectangle-copy-10-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 191px;
  left: 24px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 826px;
  width: 309px;
}

.index .rectangle-copy-10-IO3Fu5.bp1-animate-enter19 {
  animation: bp1-animate-enter19-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .portfolio-mouseover-hover-P1udge {
  background-color: transparent;
  cursor: pointer;
  height: 191px;
  left: 24px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 826px;
  transition: all 0.2s ease-in-out;
  width: 309px;
}

.index .portfolio-mouseover-hover-P1udge:hover {
  opacity: 1;
}

.index .rectangle-6OGgSO {
  background-color: transparent;
  height: 191px;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 309px;
}

.index .group-6OGgSO {
  background-color: transparent;
  height: 38px;
  left: 0px;
  position: absolute;
  top: 77px;
  width: 309px;
}

.index .hier-steht-die-aufga-PKExTy {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 311px;
}

.index .kunde-PKExTy {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -1px;
  letter-spacing: 0.50px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 19px;
  white-space: nowrap;
  width: 311px;
}

.index .portfolio-865xPf {
  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;
}

.index .about-IO3Fu5 {
  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;
}

.index .contact-IO3Fu5 {
  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;
}

.index .impressum-IO3Fu5 {
  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;
}

.index .sm_-bildmarke_-signatur_-verlauf_-farbe-IO3Fu5 {
  background-color: transparent;
  height: 49px;
  left: 952px;
  position: absolute;
  top: 1053px;
  width: 49px;
}

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

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

.index .en-heTqm2 {
  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;
}

.index .de-heTqm2 {
  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 - mobileindex */

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

.mobileindex .portfolio-HfRIxf {
  background-color: transparent;
  font-weight: 700;
  height: 28px;
  left: 14px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(100.00% - 31px);
}

.mobileindex .group-HfRIxf {
  background-color: transparent;
  height: 470px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: 209px;
  width: 290px;
}

.mobileindex .zeile-5-qnYxEm {
  background-color: transparent;
  height: 86px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(90.85% - 43px);
  width: 290px;
}

.mobileindex .rectangle-xRgBNj {
  background-color: var(--white);
  height: 86px;
  left: 150px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .this-n-that-xRgBNj {
  background-color: transparent;
  height: 86px;
  left: calc(24.14% - 70px);
  position: absolute;
  top: calc(50.00% - 43px);
  width: 140px;
}

.mobileindex .rectangle-copy-8-lBDGli {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mou-lBDGli {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mou-lBDGli:hover {
  opacity: 1;
}

.mobileindex .rectangle-REASqZ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .philips-REASqZ {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(59.88% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .x360-campaigning-REASqZ {
  background-color: transparent;
  font-weight: 700;
  height: 16px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 8px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .zeile-4-qnYxEm {
  background-color: transparent;
  height: 86px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(70.43% - 43px);
  width: 290px;
}

.mobileindex .editorial-design-0dngtx {
  background-color: transparent;
  height: 86px;
  left: 150px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .rectangle-copy-7-OZU079 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mou-OZU079 {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mou-OZU079:hover {
  opacity: 1;
}

.mobileindex .rectangle-0fNJt3 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .philips-0fNJt3 {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(59.88% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .x360-campaigning-0fNJt3 {
  background-color: transparent;
  font-weight: 700;
  height: 16px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 8px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .ksb-0dngtx {
  background-color: transparent;
  height: 86px;
  left: calc(24.14% - 70px);
  position: absolute;
  top: calc(50.00% - 43px);
  width: 140px;
}

.mobileindex .rectangle-copy-10-HgBdBW {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-6-HgBdBW {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-6-HgBdBW:hover {
  opacity: 1;
}

.mobileindex .rectangle-2QNKCo {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .deutscher-ring-2QNKCo {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(69.19% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .relaunch-corporate-d-2QNKCo {
  background-color: transparent;
  font-weight: 700;
  height: 32px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 16px);
  width: 101.43%;
}

.mobileindex .zeile-3-qnYxEm {
  background-color: transparent;
  height: 86px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(50.00% - 43px);
  width: 290px;
}

.mobileindex .digital-campaigning-0Rh32b {
  background-color: transparent;
  height: 86px;
  left: 150px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .rectangle-copy-5-TOtHPN {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mou-TOtHPN {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mou-TOtHPN:hover {
  opacity: 1;
}

.mobileindex .rectangle-e9pREG {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .philips-e9pREG {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(59.88% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .x360-campaigning-e9pREG {
  background-color: transparent;
  font-weight: 700;
  height: 16px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 8px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .rotary-magazin-0Rh32b {
  background-color: transparent;
  height: 86px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .rectangle-copy-6-OvqA4M {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-4-OvqA4M {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-4-OvqA4M:hover {
  opacity: 1;
}

.mobileindex .rectangle-GEzwVT {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .deutscher-ring-GEzwVT {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(69.19% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .relaunch-corporate-d-GEzwVT {
  background-color: transparent;
  font-weight: 700;
  height: 32px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 16px);
  width: 101.43%;
}

.mobileindex .zeile-2-qnYxEm {
  background-color: transparent;
  height: 86px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(29.57% - 43px);
  width: 290px;
}

.mobileindex .tui-cruises-xW27If {
  background-color: transparent;
  height: 86px;
  left: 150px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .rectangle-copy-9-xb1ZM8 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-3-xb1ZM8 {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-3-xb1ZM8:hover {
  opacity: 1;
}

.mobileindex .rectangle-N6RjtT {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .deutscher-ring-N6RjtT {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(69.19% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .relaunch-corporate-d-N6RjtT {
  background-color: transparent;
  font-weight: 700;
  height: 32px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 16px);
  width: 101.43%;
}

.mobileindex .mhp-xW27If {
  background-color: transparent;
  height: 86px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .rectangle-copy-2-Qy5CxZ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-2-Qy5CxZ {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mouseover-hover-copy-2-Qy5CxZ:hover {
  opacity: 1;
}

.mobileindex .rectangle-e8eAIR {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .deutscher-ring-e8eAIR {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(69.19% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .relaunch-corporate-d-e8eAIR {
  background-color: transparent;
  font-weight: 700;
  height: 32px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 16px);
  width: 101.43%;
}

.mobileindex .zeile-1-qnYxEm {
  background-color: transparent;
  height: 86px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(9.15% - 43px);
  width: 290px;
}

.mobileindex .philips-respironics-PjnpoQ {
  background-color: transparent;
  height: 86px;
  left: 150px;
  position: absolute;
  top: 0px;
  width: 140px;
}

.mobileindex .rectangle-copy-4-zZxbdn {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mou-zZxbdn {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mou-zZxbdn:hover {
  opacity: 1;
}

.mobileindex .rectangle-ryOMYZ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .philips-ryOMYZ {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(59.88% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .x360-campaigning-ryOMYZ {
  background-color: transparent;
  font-weight: 700;
  height: 16px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 8px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .deutscher-ring-PjnpoQ {
  background-color: transparent;
  height: 86px;
  left: calc(24.14% - 70px);
  position: absolute;
  top: calc(50.00% - 43px);
  width: 140px;
}

.mobileindex .rectangle-copy-3-q8xtR0 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .mobile-portfolio-mouseover-hover-q8xtR0 {
  background-color: transparent;
  cursor: pointer;
  height: 86px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 140px;
}

.mobileindex .mobile-portfolio-mouseover-hover-q8xtR0:hover {
  opacity: 1;
}

.mobileindex .rectangle-wUA5lS {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobileindex .deutscher-ring-wUA5lS {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(69.19% - 10px);
  white-space: nowrap;
  width: 101.43%;
}

.mobileindex .relaunch-corporate-d-wUA5lS {
  background-color: transparent;
  font-weight: 700;
  height: 32px;
  left: -0.71%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(39.53% - 16px);
  width: 101.43%;
}

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

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

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

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

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

.mobileindex .sm_-bildmarke_-bildm-HfRIxf {
  background-color: transparent;
  height: 76px;
  left: 13px;
  position: absolute;
  top: 13px;
  width: 76px;
}

.mobileindex .sebastian-mevius-copy-HfRIxf {
  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;
}

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

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

.mobileindex .en-isWVSu {
  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%;
}

.mobileindex .de-isWVSu {
  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 - tabletindex */

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

.tabletindex .sebastian-mevius-R2ockk {
  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.14% - 27px);
}

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

.tabletindex .navigation-R2ockk {
  background-color: transparent;
  height: 1.86%;
  left: 42.32%;
  position: absolute;
  top: 20.51%;
  width: calc(57.68% - 27px);
}

.tabletindex .portfolio-zc97Um {
  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;
}

.tabletindex .about-zc97Um {
  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;
}

.tabletindex .contact-zc97Um {
  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;
}

.tabletindex .impressum-zc97Um {
  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;
}

.tabletindex .portfolio-R2ockk {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 26px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 337px;
  width: calc(16.80% - 26px);
}

.tabletindex .portfolio-R2ockk.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .oben-R2ockk {
  background-color: transparent;
  height: 138px;
  left: calc(50.07% - 358px);
  position: absolute;
  top: 396px;
  width: 715px;
}

.tabletindex .rectangle-copy-2-ERXzAF {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 68.67%;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 31.33%;
}

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

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

.tabletindex .tablet-portfolio-mouseover-hover-ERXzAF {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 491px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-ERXzAF:hover {
  opacity: 1;
}

.tabletindex .rectangle-A6Ow77 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-A6Ow77 {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-GeQwxh {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-5Rr370 {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-GeQwxh {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rectangle-copy-4-ERXzAF {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 34.27%;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 31.33%;
}

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

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

.tabletindex .tablet-portfolio-mouseover-hover-s02Oki {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 245px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-s02Oki:hover {
  opacity: 1;
}

.tabletindex .rectangle-P1Xt2E {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-P1Xt2E {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-YBiXMx {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-rpBycU {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-YBiXMx {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rectangle-copy-3-ERXzAF {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 31.33%;
}

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

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

.tabletindex .tablet-portfolio-mouseover-hover-5Fl0yt {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-5Fl0yt:hover {
  opacity: 1;
}

.tabletindex .rectangle-0iRfzS {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-0iRfzS {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-xWfx2q {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-7tbUba {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-xWfx2q {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .mitte-R2ockk {
  background-color: transparent;
  height: 138px;
  left: calc(50.07% - 358px);
  position: absolute;
  top: 551px;
  width: 715px;
}

.tabletindex .digital-campaigning-aBxDBx {
  background-color: transparent;
  height: 138px;
  left: 491px;
  position: absolute;
  top: 0px;
  width: 224px;
}

.tabletindex .rectangle-copy-5-0JckG2 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .rectangle-copy-5-0JckG2.bp2-animate-enter14 {
  animation: bp2-animate-enter14-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .tablet-portfolio-mouseover-hover-copy-2-0JckG2 {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-copy-2-0JckG2:hover {
  opacity: 1;
}

.tabletindex .rectangle-ybznJQ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-ybznJQ {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-xLQuAh {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-T1oqrl {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-xLQuAh {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .tui-cruises-aBxDBx {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 245px;
  position: absolute;
  top: 0px;
  width: 224px;
}

.tabletindex .rectangle-copy-6-cDKlE0 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .rectangle-copy-6-cDKlE0.bp2-animate-enter15 {
  animation: bp2-animate-enter15-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .tablet-portfolio-mouseover-hover-copy-cDKlE0 {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-copy-cDKlE0:hover {
  opacity: 1;
}

.tabletindex .rectangle-OCu937 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-OCu937 {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-Ktk3Q7 {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-xY3RHx {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-Ktk3Q7 {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rectangle-copy-9-aBxDBx {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 31.33%;
}

.tabletindex .rectangle-copy-9-aBxDBx.bp2-animate-enter16 {
  animation: bp2-animate-enter16-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .tablet-portfolio-mouseover-hover-aBxDBx {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-aBxDBx:hover {
  opacity: 1;
}

.tabletindex .rectangle-nEOJSD {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-nEOJSD {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-xvvvBP {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-CuHxEO {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-xvvvBP {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .unten-R2ockk {
  background-color: transparent;
  height: 138px;
  left: calc(50.07% - 358px);
  position: absolute;
  top: 706px;
  width: 715px;
}

.tabletindex .group-9-Cbi3uD {
  background-color: transparent;
  height: 138px;
  left: 491px;
  position: absolute;
  top: 0px;
  width: 224px;
}

.tabletindex .rectangle-copy-8-BIK6Tl {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .rectangle-copy-8-BIK6Tl.bp2-animate-enter17 {
  animation: bp2-animate-enter17-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .tablet-portfolio-mouseover-hover-copy-4-BIK6Tl {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-copy-4-BIK6Tl:hover {
  opacity: 1;
}

.tabletindex .rectangle-xPXNnt {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-xPXNnt {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-DyHkMK {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-SFL8Zo {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-DyHkMK {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .group-8-Cbi3uD {
  background-color: transparent;
  height: 138px;
  left: 245px;
  position: absolute;
  top: 0px;
  width: 224px;
}

.tabletindex .rectangle-copy-7-D1xxGL {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .rectangle-copy-7-D1xxGL.bp2-animate-enter18 {
  animation: bp2-animate-enter18-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .tablet-portfolio-mouseover-hover-copy-3-D1xxGL {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-copy-3-D1xxGL:hover {
  opacity: 1;
}

.tabletindex .rectangle-ecoJv0 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-ecoJv0 {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-DElJSP {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-5D1L2x {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-DElJSP {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rectangle-copy-10-Cbi3uD {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 31.33%;
}

.tabletindex .rectangle-copy-10-Cbi3uD.bp2-animate-enter19 {
  animation: bp2-animate-enter19-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletindex .tablet-portfolio-mouseover-hover-Cbi3uD {
  background-color: transparent;
  cursor: pointer;
  height: 138px;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out;
  width: 224px;
}

.tabletindex .tablet-portfolio-mouseover-hover-Cbi3uD:hover {
  opacity: 1;
}

.tabletindex .rectangle-5EAmHD {
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .group-5EAmHD {
  background-color: transparent;
  height: 26.81%;
  left: 0px;
  position: absolute;
  top: 36.96%;
  width: 100%;
}

.tabletindex .hier-steht-die-aufga-2-CX4h3L {
  background-color: transparent;
  height: 51.35%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletindex .art-direction-rotary-T3eEzp {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .rotary-CX4h3L {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: -0.45%;
  letter-spacing: 0.50px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: calc(74.32% - 10px);
  white-space: nowrap;
  width: 100.89%;
}

.tabletindex .sm_-bildmarke_-signa-R2ockk {
  background-color: transparent;
  height: 49px;
  position: absolute;
  right: 26px;
  top: 879px;
  width: 49px;
}

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

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

.tabletindex .en-HqTn8N {
  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%;
}

.tabletindex .de-HqTn8N {
  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.tabletindex { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobileindex { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletindex { 
    display: none;
   }
  .screen.mobileindex { 
    display: none;
   }
}