/* screen - indexen */

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

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

.indexen .portfolio-yrNbrb {
  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;
}

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

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

.indexen .sebastian-mevius-yrNbrb {
  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;
}

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

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

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

.indexen .rectangle-copy-7-6PBxuH.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.indexen .portfolio-mouseover-hover-6PBxuH {
  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;
}

.indexen .portfolio-mouseover-hover-6PBxuH:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-WZE5b9 {
  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;
}

.indexen .kunde-WZE5b9 {
  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;
}

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

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

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

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

.indexen .portfolio-mouseover-hover-efZvjB {
  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;
}

.indexen .portfolio-mouseover-hover-efZvjB:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-QJMoo3 {
  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;
}

.indexen .kunde-QJMoo3 {
  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;
}

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

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

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

.indexen .portfolio-mouseover-hover-yrNbrb {
  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;
}

.indexen .portfolio-mouseover-hover-yrNbrb:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-dOXCph {
  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;
}

.indexen .kunde-dOXCph {
  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;
}

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

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

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

.indexen .stacked-group-yrNbrb {
  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;
}

.indexen .portfolio-mouseover-hover-sDaYn2 {
  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;
}

.indexen .portfolio-mouseover-hover-sDaYn2:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-WLn942 {
  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;
}

.indexen .kunde-WLn942 {
  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;
}

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

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

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

.indexen .portfolio-mouseover-hover-66Xr3Z {
  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;
}

.indexen .portfolio-mouseover-hover-66Xr3Z:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-PyUxM7 {
  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;
}

.indexen .kunde-PyUxM7 {
  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;
}

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

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

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

.indexen .portfolio-mouseover-hover-rUSzMZ {
  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;
}

.indexen .portfolio-mouseover-hover-rUSzMZ:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-gv0SYc {
  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;
}

.indexen .kunde-gv0SYc {
  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;
}

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

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

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

.indexen .portfolio-mouseover-hover-TQat2x {
  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;
}

.indexen .portfolio-mouseover-hover-TQat2x:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-lPWP5V {
  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;
}

.indexen .kunde-lPWP5V {
  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;
}

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

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

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

.indexen .portfolio-mouseover-hover-xw1Uac {
  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;
}

.indexen .portfolio-mouseover-hover-xw1Uac:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-yAtSzM {
  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;
}

.indexen .kunde-yAtSzM {
  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;
}

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

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

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

.indexen .portfolio-mouseover-hover-gzxPqd {
  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;
}

.indexen .portfolio-mouseover-hover-gzxPqd:hover {
  opacity: 1;
}

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

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

.indexen .hier-steht-die-aufga-1Ildoc {
  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;
}

.indexen .kunde-1Ildoc {
  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;
}

.indexen .portfolio-66Xr3Z {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 630px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

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

.indexen .en-tRR8EW {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 40px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.indexen .de-tRR8EW {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.indexen .x-tRR8EW {
  background-color: transparent;
  font-weight: 400;
  height: 19px;
  left: 28px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

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

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

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

.indexen .sm_-bildmarke_-signatur_-verlauf_-farbe-yrNbrb {
  background-color: transparent;
  height: 49px;
  left: 952px;
  position: absolute;
  top: 1053px;
  width: 49px;
}
/* screen - mobileindexen */

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

.mobileindexen .portfolio-5OuqxA {
  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);
}

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

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

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

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

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

.mobileindexen .mobile-portfolio-mou-098iif {
  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;
}

.mobileindexen .mobile-portfolio-mou-098iif:hover {
  opacity: 1;
}

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

.mobileindexen .philips-QpwhuW {
  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%;
}

.mobileindexen .x360-campaigning-QpwhuW {
  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%;
}

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

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

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

.mobileindexen .mobile-portfolio-mou-IxAxkP {
  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;
}

.mobileindexen .mobile-portfolio-mou-IxAxkP:hover {
  opacity: 1;
}

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

.mobileindexen .philips-HNRKa6 {
  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%;
}

.mobileindexen .x360-campaigning-HNRKa6 {
  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%;
}

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

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

.mobileindexen .mobile-portfolio-mouseover-hover-copy-6-QTYOkz {
  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;
}

.mobileindexen .mobile-portfolio-mouseover-hover-copy-6-QTYOkz:hover {
  opacity: 1;
}

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

.mobileindexen .deutscher-ring-lQUKHx {
  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%;
}

.mobileindexen .relaunch-corporate-d-lQUKHx {
  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%;
}

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

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

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

.mobileindexen .mobile-portfolio-mou-liCGM4 {
  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;
}

.mobileindexen .mobile-portfolio-mou-liCGM4:hover {
  opacity: 1;
}

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

.mobileindexen .philips-6BBfff {
  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%;
}

.mobileindexen .x360-campaigning-6BBfff {
  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%;
}

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

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

.mobileindexen .mobile-portfolio-mouseover-hover-copy-4-Io3C0n {
  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;
}

.mobileindexen .mobile-portfolio-mouseover-hover-copy-4-Io3C0n:hover {
  opacity: 1;
}

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

.mobileindexen .deutscher-ring-1D4HO4 {
  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%;
}

.mobileindexen .relaunch-corporate-d-1D4HO4 {
  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%;
}

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

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

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

.mobileindexen .mobile-portfolio-mouseover-hover-copy-3-y4GwGe {
  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;
}

.mobileindexen .mobile-portfolio-mouseover-hover-copy-3-y4GwGe:hover {
  opacity: 1;
}

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

.mobileindexen .deutscher-ring-x9mbIR {
  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%;
}

.mobileindexen .relaunch-corporate-d-x9mbIR {
  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%;
}

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

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

.mobileindexen .mobile-portfolio-mouseover-hover-copy-2-ZxjA6I {
  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;
}

.mobileindexen .mobile-portfolio-mouseover-hover-copy-2-ZxjA6I:hover {
  opacity: 1;
}

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

.mobileindexen .deutscher-ring-ACb7Ay {
  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%;
}

.mobileindexen .relaunch-corporate-d-ACb7Ay {
  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%;
}

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

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

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

.mobileindexen .mobile-portfolio-mou-pMRuSf {
  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;
}

.mobileindexen .mobile-portfolio-mou-pMRuSf:hover {
  opacity: 1;
}

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

.mobileindexen .philips-44Lx6I {
  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%;
}

.mobileindexen .x360-campaigning-44Lx6I {
  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%;
}

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

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

.mobileindexen .mobile-portfolio-mouseover-hover-FSWsTF {
  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;
}

.mobileindexen .mobile-portfolio-mouseover-hover-FSWsTF:hover {
  opacity: 1;
}

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

.mobileindexen .deutscher-ring-EQY8ou {
  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%;
}

.mobileindexen .relaunch-corporate-d-EQY8ou {
  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%;
}

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

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

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

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

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

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

.mobileindexen .sebastian-mevius-copy-5OuqxA {
  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;
}

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

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

.mobileindexen .en-JRtQeu {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 63.49%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 41.27%;
}

.mobileindexen .de-JRtQeu {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.32%;
}
/* screen - tabletindexen */

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

.tabletindexen .sebastian-mevius-i1Rrh6 {
  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);
}

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

.tabletindexen .navigation-i1Rrh6 {
  background-color: transparent;
  height: 1.86%;
  left: 48.57%;
  position: absolute;
  top: 20.51%;
  width: calc(51.43% - 25px);
}

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

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

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

.tabletindexen .legal-JqgOX9 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: -3px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 47px;
}

.tabletindexen .portfolio-i1Rrh6 {
  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);
}

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

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

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

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-H9TTox {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-H9TTox:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-YbgnAg {
  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%;
}

.tabletindexen .rotary-uBj1xF {
  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%;
}

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-8Vqt7W {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-8Vqt7W:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-Ysp3ev {
  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%;
}

.tabletindexen .rotary-ta0WuN {
  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%;
}

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-KhkIPK {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-KhkIPK:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-Ygxx2E {
  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%;
}

.tabletindexen .rotary-pxRZVD {
  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%;
}

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

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

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-copy-2-vQNW6J {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-copy-2-vQNW6J:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-HZtjSF {
  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%;
}

.tabletindexen .rotary-VM2ujx {
  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%;
}

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

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-copy-P69hqU {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-copy-P69hqU:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-YMLXdN {
  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%;
}

.tabletindexen .rotary-10qHnF {
  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%;
}

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-F2NxCQ {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-F2NxCQ:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-bxs2dm {
  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%;
}

.tabletindexen .rotary-aBrE06 {
  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%;
}

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

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

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-copy-4-QTYy0Z {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-copy-4-QTYy0Z:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-l1qx3a {
  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%;
}

.tabletindexen .rotary-3Pb46h {
  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%;
}

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

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-copy-3-BJJ2xd {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-copy-3-BJJ2xd:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-xsqxEA {
  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%;
}

.tabletindexen .rotary-BP6VSU {
  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%;
}

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

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

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

.tabletindexen .tablet-portfolio-mouseover-hover-Q3q3hx {
  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;
}

.tabletindexen .tablet-portfolio-mouseover-hover-Q3q3hx:hover {
  opacity: 1;
}

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

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

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

.tabletindexen .art-direction-rotary-wxVcG1 {
  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%;
}

.tabletindexen .rotary-BqgFEK {
  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%;
}

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

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

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

.tabletindexen .en-z5Hybh {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 63.49%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 41.27%;
}

.tabletindexen .de-z5Hybh {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.32%;
}
@media screen and (max-width: 767px) {
  .screen.tabletindexen { 
    display: none;
   }
  .screen.indexen { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobileindexen { 
    display: none;
   }
  .screen.indexen { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletindexen { 
    display: none;
   }
  .screen.mobileindexen { 
    display: none;
   }
}