/* screen - index */

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

.index .huck-media-webseite-background-IO3Fu5 {
  height: calc(100% - 197px);
  position: fixed;
}

.index .huck-media-webseite-background-RJ9mep {
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.index .background-IO3Fu5 {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
}

.index .background-IO3Fu5 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index .background-IO3Fu5 img {
  object-fit: cover;
}

.index .background-E7bZMV {
  background-color: var(--white);
  opacity: 0.85;
  position: relative;
}

.index .text-cookies-IO3Fu5 {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  display: block;
  height: 4.04%;
  left: 0px;
  opacity: 0;
  position: absolute;
  transform: translate(-250px, 0);
  width: 73.33%;
}

.index .text-cookies-IO3Fu5.bp3-animate-enter {
  animation: bp3-animate-enter-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index .banner-cookies-background-xDnxdP {
  background-color: transparent;
  bottom: 1px;
  height: 81px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 751px;
}

.index .verwendung-von-cooki-xDnxdP {
  background-color: transparent;
  bottom: 4px;
  color: var(--white);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  height: 62px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: 702px;
}

.index .button-kontakt-IO3Fu5 {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  display: block;
  height: 44px;
  opacity: 0;
  position: absolute;
  right: 0px;
  transform: translate(250px, 0);
  width: 203px;
}

.index .button-kontakt-IO3Fu5.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .pfad-69-KAAxMG {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .kontakt-KAAxMG {
  background-color: transparent;
  bottom: calc(26.67% - 8px);
  height: 29px;
  left: calc(43.22% - 30px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 70px;
}

.index .datenschutz-IO3Fu5 {
  background-color: transparent;
  bottom: 88px;
  cursor: pointer;
  display: block;
  height: 27px;
  left: 40px;
  opacity: 0;
  position: absolute;
  transform: translate(-50px, 0);
  width: 230px;
}

.index .datenschutz-IO3Fu5.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-50px, 0);
}

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

.index .impressum-datenschutz-5t5T3v {
  background-color: transparent;
  height: calc(100% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.index .logo-huck-media-IO3Fu5 {
  background-color: transparent;
  height: 429px;
  left: 256px;
  position: absolute;
  top: 106px;
  width: calc(100% - 511px);
}

.index .logo-huck-media-DfUE6X {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: multiply;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .logo-medienagentur-7tcAM7 {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 24px;
  mix-blend-mode: normal;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(49.97% - 128px);
  transform: translate(25px, 0);
  width: 256px;
}

.index .logo-medienagentur-7tcAM7.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .logo-huck-media-7tcAM7 {
  background-color: transparent;
  bottom: 47px;
  height: 120px;
  left: calc(50.00% - 256px);
  mix-blend-mode: normal;
  position: absolute;
  width: 513px;
}

.index .logo-media-XFdmoq {
  background-color: transparent;
  display: block;
  height: 120px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(150px, 0);
  width: 257px;
}

.index .logo-media-XFdmoq.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(150px, 0);
}

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

.index .pfad-20-XUH2k6 {
  background-color: transparent;
  bottom: 1px;
  height: 87px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: 71px;
}

.index .pfad-21-XUH2k6 {
  background-color: transparent;
  bottom: 1px;
  height: 86px;
  left: calc(38.90% - 15px);
  object-fit: cover;
  position: absolute;
  width: 39px;
}

.index .pfad-22-XUH2k6 {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(37.19% - 15px);
  top: 0px;
  width: 39px;
}

.index .pfad-23-XUH2k6 {
  background-color: transparent;
  height: calc(100% - 12px);
  object-fit: cover;
  position: absolute;
  right: calc(22.35% - 1px);
  top: 12px;
  width: 7px;
}

.index .pfad-24-XUH2k6 {
  background-color: transparent;
  bottom: 1px;
  height: 86px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  width: 45px;
}

.index .logo-huck-XFdmoq {
  background-color: transparent;
  display: block;
  height: 85px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 276px;
  top: 35px;
  transform: translate(-150px, 0);
  width: 237px;
}

.index .logo-huck-XFdmoq.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-150px, 0);
}

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

.index .pfad-16-xYh3yO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 55px;
}

.index .pfad-17-xYh3yO {
  background-color: transparent;
  height: 100%;
  left: calc(33.37% - 19px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 56px;
}

.index .pfad-18-xYh3yO {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(33.86% - 18px);
  top: 1px;
  width: 53px;
}

.index .pfad-19-xYh3yO {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 55px;
}

.index .logo-huck-media-oR1xYx {
  background-color: transparent;
  bottom: 173px;
  display: block;
  height: 256px;
  left: calc(49.93% - 128px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 150px);
  width: 256px;
}

.index .logo-huck-media-oR1xYx.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 150px);
}

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

.index .pfad-1-8B0a5p {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .referenzen-IO3Fu5 {
  background-color: transparent;
  height: 372px;
  position: absolute;
  right: calc(49.80% - 326px);
  top: 1282px;
  width: 655px;
}

.index .referenzen-RKIBax {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  mix-blend-mode: difference;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index .referenzen-RKIBax.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 1.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter7-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .logo-pro-7-games-AXA9kZ {
  bottom: calc(37.85% - 11px);
  height: 29px;
  left: 21px;
  opacity: 0.59;
  width: 145px;
}

.index .logo-pro-7-games-VVdLPN {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-make-my-day-AXA9kZ {
  bottom: calc(32.82% - 26px);
  height: 80px;
  opacity: 0.59;
  right: 21px;
  width: 80px;
}

.index .logo-make-my-day-MYgSmy {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-joblo-AXA9kZ {
  bottom: calc(34.63% - 22px);
  height: 63px;
  left: calc(39.81% - 59px);
  opacity: 0.59;
  width: 148px;
}

.index .logo-joblo-QlPNFO {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-hbner-frank-AXA9kZ {
  bottom: calc(33.93% - 29px);
  height: 86px;
  opacity: 0.59;
  right: calc(24.97% - 36px);
  width: 145px;
}

.index .logo-hbner-frank-73ceIR {
  height: 100%;
  left: 1px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-diana-zur-lwen-AXA9kZ {
  bottom: 11px;
  height: 33px;
  left: 1px;
  opacity: 0.59;
  width: 114px;
}

.index .logo-diana-zur-lwen-SRrCRD {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-wdr-1-live-AXA9kZ {
  bottom: 0px;
  height: 44px;
  left: calc(24.18% - 30px);
  opacity: 0.59;
  width: 123px;
}

.index .logo-wdr-1-live-79EtVN {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-happy-gang-AXA9kZ {
  bottom: 10px;
  height: 52px;
  opacity: 0.59;
  right: calc(30.39% - 32px);
  width: 105px;
}

.index .logo-happy-gang-4tkaMl {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-brainpool-AXA9kZ {
  bottom: calc(19.86% - 5px);
  height: 25px;
  left: 1px;
  opacity: 0.59;
  width: 242px;
}

.index .logo-brainpool-p0Pxxu {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-mediakraft-AXA9kZ {
  bottom: 2px;
  height: 93px;
  left: calc(48.09% - 45px);
  opacity: 0.59;
  width: 94px;
}

.index .logo-mediakraft-4m6SPI {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-annie-the-duck-AXA9kZ {
  background-color: transparent;
  bottom: 12px;
  height: 58px;
  opacity: 0.59;
  position: absolute;
  right: 2px;
  width: 140px;
}

.index .logo_annie_the_duck-yYWYiP {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .logo-flow-fwd-AXA9kZ {
  height: 70px;
  opacity: 0.59;
  right: 0px;
  top: calc(36.20% - 25px);
  width: 70px;
}

.index .logo-flow-fwd-CkQPyl {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-basis-51-AXA9kZ {
  height: 57px;
  left: 0px;
  opacity: 0.59;
  top: calc(38.61% - 22px);
  width: 233px;
}

.index .logo-basis-51-oQ29uS {
  height: 100%;
  left: 1px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-alexi-bexi-AXA9kZ {
  background-color: transparent;
  height: 30px;
  opacity: 0.59;
  position: absolute;
  right: 97px;
  top: calc(39.53% - 12px);
  width: 298px;
}

.index .logo_alexi_bexi-v8x3im {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .logo-kicker-e-sport-AXA9kZ {
  background-color: transparent;
  height: 100px;
  left: 36px;
  opacity: 0.59;
  position: absolute;
  top: 0px;
  width: 88px;
}

.index .logo_kicker_esport-0ggZr6 {
  background-color: transparent;
  height: calc(100% - 1px);
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .logo-maximillian-pollux-AXA9kZ {
  background-color: transparent;
  height: 54px;
  left: calc(31.48% - 47px);
  opacity: 0.59;
  position: absolute;
  top: 26px;
  width: 148px;
}

.index .logo_maximillian_pollux-e8vKfT {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .logo-delamar-AXA9kZ {
  height: 84px;
  opacity: 0.59;
  right: calc(39.56% - 43px);
  top: 16px;
  width: 108px;
}

.index .logo-delamar-qGJxdz {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .logo-kchenstudio-hahn-AXA9kZ {
  height: 78px;
  opacity: 0.59;
  right: 37px;
  top: 16px;
  width: 145px;
}

.index .logo-kchenstudio-hahn-x7aVBm {
  height: calc(100% + 1px);
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: calc(100% + 1px);
}

.index .dienstleistungen-IO3Fu5 {
  background-color: transparent;
  bottom: 140px;
  height: 144px;
  left: 99px;
  opacity: 0.59;
  position: absolute;
  width: calc(100% - 198px);
}

.index .generative-ai-conten-vnzePZ {
  background-color: transparent;
  color: var(--black);
  display: block;
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  height: calc(100% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 18px;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.index .generative-ai-conten-vnzePZ.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .komponente-89-1-IO3Fu5 {
  background-color: transparent;
  height: 119px;
  left: calc(50.00% - 316px);
  position: absolute;
  top: 587px;
  width: 632px;
}

.index .gemeinsam-effizient-06P4Jw {
  background-color: transparent;
  color: var(--sushi);
  display: block;
  font-family: var(--font-family-lato);
  font-size: 27px;
  font-weight: 400;
  height: calc(100% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 14px;
  transform: scale(1.1);
  white-space: nowrap;
  width: calc(100% + 2px);
}

.index .span0-fzRFV6 {
  font-style: normal;
  font-weight: 700;
}

.index .span1-fzRFV6 {
  font-size: var(--font-size-xxl);
  font-style: normal;
}

.index .span2-fzRFV6 {
  font-size: var(--font-size-xxxxl);
  font-style: normal;
}

.index .gemeinsam-effizient-06P4Jw.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter9-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .lucy-dont-die-poster-patreon-IO3Fu5 {
  display: block;
  height: 481px;
  opacity: 0;
  pointer-events: auto;
  right: calc(49.71% - 423px);
  top: 756px;
  transition: all 0.2s ease;
  width: 851px;
}

.index .lucy-dont-die-poster-patreon-IO3Fu5.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.00s ease 2.70s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .lucy-dont-die-poster-patreon-IO3Fu5:hover {
  transform: scale(1.1);
}

.index .lucy-dont-die-poster-patreon-qKd7XG {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .huck-media-webseite-background {
  background-color: transparent;
  left: 0px;
  top: 0px;
  width: 100%;
}

.index .logo-basis-51 {
  background-color: transparent;
  position: absolute;
}

.index .logo-mediakraft {
  background-color: transparent;
  position: absolute;
}
/* screen - index-smartphone */

.index-smartphone {
  background-color: var(--white);
  margin: 0px;
  min-height: 3196px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-smartphone .huck-media-webseite-background-9afTwH {
  height: 841px;
  left: -49px;
  position: fixed;
  width: calc(100% + 103px);
}

.index-smartphone .huck-media-webseite-background-zlzxS2 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-smartphone .background-9afTwH {
  background-color: transparent;
  overflow: hidden;
  position: fixed;
}

.index-smartphone .background-9afTwH video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index-smartphone .background-9afTwH img {
  object-fit: cover;
}

.index-smartphone .background-OrxDAO {
  background-color: var(--white);
  opacity: 0.85;
  position: relative;
}

.index-smartphone .text-cookies-9afTwH {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  display: block;
  height: 6.66%;
  left: 0px;
  opacity: 0;
  position: absolute;
  transform: translate(-250px, 0);
  width: 100.12%;
}

.index-smartphone .text-cookies-9afTwH.bp1-animate-enter {
  animation: bp1-animate-enter-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .banner-cookies-background-LxOYTK {
  background-color: transparent;
  bottom: 1px;
  height: 213px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 375px;
}

.index-smartphone .verwendung-von-cooki-LxOYTK {
  background-color: transparent;
  bottom: 9px;
  color: var(--white);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  height: 179px;
  left: 26px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  width: 312px;
}

.index-smartphone .gruppe-55-9afTwH {
  background-color: transparent;
  height: 397px;
  left: calc(49.89% - 98px);
  mix-blend-mode: multiply;
  position: absolute;
  top: 83px;
  width: 197px;
}

.index-smartphone .gruppe-52-2AVxt0 {
  background-color: transparent;
  bottom: 0px;
  height: 18px;
  left: 0px;
  opacity: 0.59;
  position: absolute;
  width: 100%;
}

.index-smartphone .logo-medienagentur-kWijld {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 18px;
  left: calc(50.00% - 98px);
  mix-blend-mode: difference;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 196px;
}

.index-smartphone .logo-medienagentur-kWijld.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-smartphone .gruppe-49-2AVxt0 {
  background-color: transparent;
  height: 145px;
  left: 6px;
  position: absolute;
  top: 0px;
  width: calc(100% - 6px);
}

.index-smartphone .logo-huck-media-0VkBC9 {
  bottom: 0px;
  height: 145px;
  left: calc(50.00% - 95px);
  width: 190px;
}

.index-smartphone .logo-media-f7axLa {
  background-color: transparent;
  display: block;
  height: 87px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 58px;
  transform: translate(50px, 0);
  width: 186px;
}

.index-smartphone .logo-media-f7axLa.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(50px, 0);
}

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

.index-smartphone .pfad-20-Khutq2 {
  background-color: transparent;
  bottom: 1px;
  height: 66px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 54px;
}

.index-smartphone .pfad-21-Khutq2 {
  background-color: transparent;
  bottom: 1px;
  height: 65px;
  left: calc(38.90% - 12px);
  object-fit: cover;
  position: absolute;
  width: 30px;
}

.index-smartphone .pfad-22-Khutq2 {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(37.19% - 11px);
  top: 0px;
  width: 30px;
}

.index-smartphone .pfad-23-Khutq2 {
  background-color: transparent;
  height: calc(100% - 9px);
  object-fit: cover;
  position: absolute;
  right: calc(22.35% - 1px);
  top: 9px;
  width: 5px;
}

.index-smartphone .pfad-24-Khutq2 {
  background-color: transparent;
  bottom: 1px;
  height: 66px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  width: 35px;
}

.index-smartphone .logo-huck-f7axLa {
  background-color: transparent;
  display: block;
  height: 71px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 50px);
  width: 190px;
}

.index-smartphone .logo-huck-f7axLa.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 50px);
}

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

.index-smartphone .pfad-16-5gm7MM {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 42px;
}

.index-smartphone .pfad-17-5gm7MM {
  background-color: transparent;
  height: 100%;
  left: calc(33.37% - 14px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 43px;
}

.index-smartphone .pfad-18-5gm7MM {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(33.86% - 14px);
  top: 0px;
  width: 40px;
}

.index-smartphone .pfad-19-5gm7MM {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 42px;
}

.index-smartphone .logo-huck-media-2AVxt0 {
  display: block;
  height: 196px;
  mix-blend-mode: multiply;
  opacity: 0;
  right: 0px;
  top: 166px;
  transform: translate(-50px, 0);
  width: 196px;
}

.index-smartphone .logo-huck-media-2AVxt0.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-50px, 0);
}

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

.index-smartphone .pfad-1-As2dD9 {
  background-color: transparent;
  height: 196px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 196px;
}

.index-smartphone .gruppe-54-9afTwH {
  background-color: transparent;
  bottom: 923px;
  display: block;
  height: 1068px;
  mix-blend-mode: difference;
  opacity: 0;
  position: absolute;
  right: calc(50.00% - 126px);
  transform: scale(1.1);
  width: 253px;
}

.index-smartphone .gruppe-54-9afTwH.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 1.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-smartphone .logo-diana-zur-lwen-4eKoB7 {
  bottom: 42px;
  height: 29px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(11.47% - 12px);
  width: 101px;
}

.index-smartphone .logo-diana-zur-lwen-d6GUoK {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-wdr-1-live-4eKoB7 {
  bottom: 170px;
  height: 61px;
  left: calc(33.84% - 57px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 169px;
}

.index-smartphone .logo-wdr-1-live-hwhTBx {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-smartphone .logo-happy-gang-4eKoB7 {
  bottom: 395px;
  height: 54px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(7.42% - 8px);
  width: 109px;
}

.index-smartphone .logo-happy-gang-vf8E9c {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-brainpool-4eKoB7 {
  bottom: 514px;
  height: 25px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: 0px;
  width: 244px;
}

.index-smartphone .logo-brainpool-ARqHtG {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-mediakraft-4eKoB7 {
  bottom: 373px;
  height: 108px;
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 108px;
}

.index-smartphone .logo-mediakraft-ImMckd {
  height: 100%;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-flow-fwd-4eKoB7 {
  bottom: 260px;
  height: 80px;
  left: calc(16.45% - 13px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 80px;
}

.index-smartphone .logo-flow-fwd-9OxXty {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-pro-7-games-4eKoB7 {
  bottom: 588px;
  height: 36px;
  left: calc(48.46% - 88px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 183px;
}

.index-smartphone .logo-pro-7-games-weTew3 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-smartphone .logo-make-my-day-4eKoB7 {
  bottom: 0px;
  height: 84px;
  left: calc(15.33% - 13px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 84px;
}

.index-smartphone .logo-make-my-day-onzlPp {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-joblo-4eKoB7 {
  bottom: 672px;
  height: 53px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: 0px;
  width: 126px;
}

.index-smartphone .logo-joblo-LqxyNj {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-hbner-frank-4eKoB7 {
  bottom: 668px;
  height: 58px;
  left: calc(3.65% - 4px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 98px;
}

.index-smartphone .logo-hbner-frank-nsujH0 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-smartphone .logo-basis-51-4eKoB7 {
  bottom: 773px;
  height: 57px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(46.29% - 108px);
  width: 234px;
}

.index-smartphone .logo-basis-51-ApR4z1 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-smartphone .logo-alexi-bexi-4eKoB7 {
  background-color: transparent;
  bottom: 115px;
  height: 23px;
  left: calc(13.70% - 32px);
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  width: 231px;
}

.index-smartphone .logo_alexi_bexi-6j6wd4 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-annie-the-duck-4eKoB7 {
  background-color: transparent;
  bottom: 278px;
  height: 46px;
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  right: calc(6.21% - 7px);
  width: 111px;
}

.index-smartphone .logo_annie_the_duck-cwQKzq {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-kchenstudio-hahn-4eKoB7 {
  bottom: 871px;
  height: 59px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(5.82% - 6px);
  width: 109px;
}

.index-smartphone .logo-kchenstudio-hahn-EdSHUS {
  height: 100%;
  left: 1px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .logo-delamar-4eKoB7 {
  bottom: 872px;
  height: 64px;
  left: calc(12.41% - 10px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 82px;
}

.index-smartphone .logo-delamar-4HIhbe {
  height: 100%;
  left: 1px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-smartphone .logo-maximillian-pollux-4eKoB7 {
  background-color: transparent;
  bottom: 999px;
  height: 43px;
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  right: calc(4.94% - 6px);
  width: 117px;
}

.index-smartphone .logo_maximillian_pollux-YeQTyI {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-smartphone .logo-kicker-e-sport-4eKoB7 {
  background-color: transparent;
  bottom: 974px;
  height: 94px;
  left: calc(10.46% - 9px);
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  width: 84px;
}

.index-smartphone .logo_kicker_esport-vaP5lO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-smartphone .generative-ai-conten-9afTwH {
  background-color: transparent;
  bottom: 348px;
  color: var(--black);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  height: 575px;
  left: 42px;
  letter-spacing: 0.00px;
  line-height: 18px;
  opacity: 0.59;
  position: absolute;
  text-align: center;
  width: calc(100% - 82px);
}

.index-smartphone .gemeinsam-effizientu-9afTwH {
  background-color: transparent;
  color: var(--atlantis);
  display: block;
  font-family: var(--font-family-lato);
  font-size: 21px;
  font-weight: 400;
  height: 156px;
  letter-spacing: 0.00px;
  line-height: 18px;
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  right: calc(48.31% - 138px);
  text-align: center;
  top: 552px;
  transform: scale(1.1);
  white-space: nowrap;
  width: 286px;
}

.index-smartphone .span0-nCxCVh {
  font-style: normal;
  font-weight: 700;
}

.index-smartphone .span1-nCxCVh {
  font-size: var(--font-size-xxl);
  font-style: normal;
}

.index-smartphone .gemeinsam-effizientu-9afTwH.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-smartphone .datenschutz-9afTwH {
  background-color: transparent;
  bottom: 288px;
  cursor: pointer;
  display: block;
  height: 27px;
  opacity: 0;
  position: absolute;
  right: calc(49.97% - 115px);
  transform: translate(-50px, 0);
  width: 230px;
}

.index-smartphone .datenschutz-9afTwH.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-50px, 0);
}

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

.index-smartphone .impressum-datenschutz-XxFwGX {
  background-color: transparent;
  height: calc(100% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.index-smartphone .button-kontakt-9afTwH {
  background-color: transparent;
  bottom: 207px;
  cursor: pointer;
  display: block;
  height: 44px;
  opacity: 0;
  position: absolute;
  right: 1px;
  transform: translate(250px, 0);
  width: 203px;
}

.index-smartphone .button-kontakt-9afTwH.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-smartphone .pfad-69-RKtrKy {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .kontakt-RKtrKy {
  background-color: transparent;
  bottom: calc(26.67% - 8px);
  height: 29px;
  left: calc(43.22% - 30px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 70px;
}

.index-smartphone .lucy-dont-die-poster-patreon-9afTwH {
  display: block;
  height: 408px;
  left: calc(50.00% - 360px);
  opacity: 0;
  pointer-events: auto;
  top: 742px;
  transition: all 0.2s ease;
  width: 721px;
}

.index-smartphone .lucy-dont-die-poster-patreon-9afTwH.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 1.00s ease 2.70s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-smartphone .lucy-dont-die-poster-patreon-9afTwH:hover {
  transform: scale(1.1);
}

.index-smartphone .lucy-dont-die-poster-patreon-LeBY8D {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-smartphone .huck-media-webseite-background {
  background-color: transparent;
  top: 0px;
}

.index-smartphone .logo-basis-51 {
  background-color: transparent;
  position: absolute;
}

.index-smartphone .logo-mediakraft {
  background-color: transparent;
  left: 0px;
  position: absolute;
}
/* screen - index-tablet-all-breakpoints */

.index-tablet-all-breakpoints {
  background-color: var(--white);
  margin: 0px;
  min-height: 1744px;
  min-width: 779px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-tablet-all-breakpoints .huck-media-webseite-background-lnWca6 {
  height: calc(100% - 373px);
  position: fixed;
}

.index-tablet-all-breakpoints .huck-media-webseite-background-zpltyu {
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.index-tablet-all-breakpoints .background-lnWca6 {
  background-color: transparent;
  overflow: hidden;
  position: absolute;
}

.index-tablet-all-breakpoints .background-lnWca6 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index-tablet-all-breakpoints .background-lnWca6 img {
  object-fit: cover;
}

.index-tablet-all-breakpoints .background-ou7RBB {
  background-color: var(--white);
  opacity: 0.85;
  position: relative;
}

.index-tablet-all-breakpoints .text-cookies-lnWca6 {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  display: block;
  height: 6.15%;
  left: 0px;
  opacity: 0;
  position: absolute;
  transform: translate(-250px, 0);
  width: 71.35%;
}

.index-tablet-all-breakpoints .text-cookies-lnWca6.bp2-animate-enter {
  animation: bp2-animate-enter-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-tablet-all-breakpoints .banner-cookies-background-uD8VdT {
  background-color: transparent;
  bottom: 1px;
  height: 107px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 556px;
}

.index-tablet-all-breakpoints .verwendung-von-cooki-uD8VdT {
  background-color: transparent;
  bottom: -1px;
  color: var(--white);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  height: 91px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 14px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  width: 460px;
}

.index-tablet-all-breakpoints .button-kontakt-lnWca6 {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  display: block;
  height: 44px;
  opacity: 0;
  position: absolute;
  right: 0px;
  transform: translate(250px, 0);
  width: 203px;
}

.index-tablet-all-breakpoints .button-kontakt-lnWca6.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-tablet-all-breakpoints .pfad-69-FYHxNB {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .kontakt-FYHxNB {
  background-color: transparent;
  bottom: calc(26.67% - 8px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.25% - 34px);
  text-align: center;
  white-space: nowrap;
  width: 70px;
}

.index-tablet-all-breakpoints .datenschutz-lnWca6 {
  background-color: transparent;
  bottom: 114px;
  cursor: pointer;
  display: block;
  height: 27px;
  left: 40px;
  opacity: 0;
  position: absolute;
  transform: translate(-50px, 0);
  width: 230px;
}

.index-tablet-all-breakpoints .datenschutz-lnWca6.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-50px, 0);
}

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

.index-tablet-all-breakpoints .impressum-datenschutz-nNdH5b {
  background-color: transparent;
  height: calc(100% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0.75;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.index-tablet-all-breakpoints .gruppe-50-lnWca6 {
  background-color: transparent;
  height: 306px;
  left: calc(49.95% - 178px);
  mix-blend-mode: multiply;
  position: absolute;
  top: 105px;
  width: 356px;
}

.index-tablet-all-breakpoints .logo-huck-media-xiR5Ue {
  bottom: 39px;
  height: 84px;
  left: calc(50.00% - 178px);
  width: 356px;
}

.index-tablet-all-breakpoints .logo-media-zERo9V {
  background-color: transparent;
  display: block;
  height: 84px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(150px, 0);
  width: 178px;
}

.index-tablet-all-breakpoints .logo-media-zERo9V.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(150px, 0);
}

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

.index-tablet-all-breakpoints .pfad-20-QtbTPR {
  background-color: transparent;
  bottom: 1px;
  height: 60px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 49px;
}

.index-tablet-all-breakpoints .pfad-21-QtbTPR {
  background-color: transparent;
  bottom: 1px;
  height: 59px;
  left: calc(38.90% - 11px);
  object-fit: cover;
  position: absolute;
  width: 27px;
}

.index-tablet-all-breakpoints .pfad-22-QtbTPR {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(37.19% - 10px);
  top: 1px;
  width: 27px;
}

.index-tablet-all-breakpoints .pfad-23-QtbTPR {
  background-color: transparent;
  height: calc(100% - 8px);
  object-fit: cover;
  position: absolute;
  right: calc(22.35% - 1px);
  top: 8px;
  width: 5px;
}

.index-tablet-all-breakpoints .pfad-24-QtbTPR {
  background-color: transparent;
  bottom: 1px;
  height: 60px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  width: 31px;
}

.index-tablet-all-breakpoints .logo-huck-zERo9V {
  background-color: transparent;
  display: block;
  height: 59px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 192px;
  top: 24px;
  transform: translate(-150px, 0);
  width: 164px;
}

.index-tablet-all-breakpoints .logo-huck-zERo9V.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-150px, 0);
}

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

.index-tablet-all-breakpoints .pfad-16-CdEbHI {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 38px;
}

.index-tablet-all-breakpoints .pfad-17-CdEbHI {
  background-color: transparent;
  height: 100%;
  left: calc(33.37% - 13px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 39px;
}

.index-tablet-all-breakpoints .pfad-18-CdEbHI {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(33.86% - 12px);
  top: 0px;
  width: 37px;
}

.index-tablet-all-breakpoints .pfad-19-CdEbHI {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 38px;
}

.index-tablet-all-breakpoints .logo-huck-media-seImdI {
  bottom: 129px;
  display: block;
  height: 177px;
  mix-blend-mode: multiply;
  opacity: 0;
  right: calc(49.79% - 88px);
  transform: translate(0, 150px);
  width: 177px;
}

.index-tablet-all-breakpoints .logo-huck-media-seImdI.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 150px);
}

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

.index-tablet-all-breakpoints .pfad-1-v8lGFq {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-medienagentur-xiR5Ue {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 24px;
  mix-blend-mode: difference;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(49.79% - 128px);
  transform: translate(25px, 0);
  width: 256px;
}

.index-tablet-all-breakpoints .logo-medienagentur-xiR5Ue.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-53-lnWca6 {
  background-color: transparent;
  display: block;
  height: 400px;
  mix-blend-mode: difference;
  opacity: 0;
  position: absolute;
  right: calc(49.01% - 264px);
  top: 1011px;
  transform: scale(1.1);
  width: 538px;
}

.index-tablet-all-breakpoints .gruppe-53-lnWca6.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 1.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter7-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .logo-diana-zur-lwen-mUsfvh {
  bottom: 1px;
  height: 35px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(29.88% - 36px);
  width: 120px;
}

.index-tablet-all-breakpoints .logo-diana-zur-lwen-WxxVWj {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-wdr-1-live-mUsfvh {
  bottom: 50px;
  height: 54px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(30.66% - 46px);
  width: 151px;
}

.index-tablet-all-breakpoints .logo-wdr-1-live-nNFlIO {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-happy-gang-mUsfvh {
  bottom: 11px;
  height: 46px;
  left: calc(7.45% - 7px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 94px;
}

.index-tablet-all-breakpoints .logo-happy-gang-Zmc8ux {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-mediakraft-mUsfvh {
  bottom: 16px;
  height: 93px;
  left: calc(36.60% - 34px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 93px;
}

.index-tablet-all-breakpoints .logo-mediakraft-5xCjSZ {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-flow-fwd-mUsfvh {
  bottom: 5px;
  height: 62px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(7.25% - 4px);
  width: 62px;
}

.index-tablet-all-breakpoints .logo-flow-fwd-QcyMYO {
  height: 100%;
  left: 1px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-brainpool-mUsfvh {
  bottom: 135px;
  height: 22px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(35.73% - 78px);
  width: 219px;
}

.index-tablet-all-breakpoints .logo-brainpool-CA41vt {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-make-my-day-mUsfvh {
  bottom: 105px;
  height: 71px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: 0px;
  width: 71px;
}

.index-tablet-all-breakpoints .logo-make-my-day-NkLlq2 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-hbner-frank-mUsfvh {
  bottom: 97px;
  height: 77px;
  left: calc(3.03% - 4px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 131px;
}

.index-tablet-all-breakpoints .logo-hbner-frank-2Ewxli {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-basis-51-mUsfvh {
  bottom: 255px;
  height: 43px;
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 177px;
}

.index-tablet-all-breakpoints .logo-basis-51-B46WTc {
  height: 100%;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-alexi-bexi-mUsfvh {
  background-color: transparent;
  bottom: 261px;
  height: 24px;
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  right: 0px;
  width: 244px;
}

.index-tablet-all-breakpoints .logo_alexi_bexi-eyu3Ua {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-pro-7-games-mUsfvh {
  bottom: 200px;
  height: 26px;
  left: calc(8.62% - 11px);
  mix-blend-mode: difference;
  opacity: 0.59;
  width: 132px;
}

.index-tablet-all-breakpoints .logo-pro-7-games-gPaoSJ {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-joblo-mUsfvh {
  bottom: 183px;
  height: 51px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(47.77% - 57px);
  width: 120px;
}

.index-tablet-all-breakpoints .logo-joblo-HsFjES {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-annie-the-duck-mUsfvh {
  background-color: transparent;
  bottom: 180px;
  height: 54px;
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  right: calc(6.92% - 9px);
  width: 130px;
}

.index-tablet-all-breakpoints .logo_annie_the_duck-cxJPMw {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-kicker-e-sport-mUsfvh {
  background-color: transparent;
  bottom: 313px;
  height: 88px;
  left: calc(6.16% - 5px);
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  width: 78px;
}

.index-tablet-all-breakpoints .logo_kicker_esport-BjxXyZ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-maximillian-pollux-mUsfvh {
  background-color: transparent;
  bottom: 333px;
  height: 46px;
  left: calc(32.17% - 40px);
  mix-blend-mode: difference;
  opacity: 0.59;
  position: absolute;
  width: 125px;
}

.index-tablet-all-breakpoints .logo_maximillian_pollux-f9QVgo {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-delamar-mUsfvh {
  bottom: 319px;
  height: 74px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(37.27% - 35px);
  width: 94px;
}

.index-tablet-all-breakpoints .logo-delamar-ltgnoi {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-kchenstudio-hahn-mUsfvh {
  bottom: 319px;
  height: 68px;
  mix-blend-mode: difference;
  opacity: 0.59;
  right: calc(5.26% - 7px);
  width: 127px;
}

.index-tablet-all-breakpoints .logo-kchenstudio-hahn-Va9stR {
  height: 100%;
  left: 1px;
  object-fit: cover;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .dienstleistungen-lnWca6 {
  background-color: transparent;
  bottom: 162px;
  height: 120px;
  left: 46px;
  opacity: 0.59;
  position: absolute;
  width: calc(100% - 91px);
}

.index-tablet-all-breakpoints .generative-ai-conten-xoJDHw {
  background-color: transparent;
  color: var(--black);
  display: block;
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  height: calc(100% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 15px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 15px;
  white-space: nowrap;
  width: calc(100% + 2px);
}

.index-tablet-all-breakpoints .generative-ai-conten-xoJDHw.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-tablet-all-breakpoints .gemeinsam-effizient-lnWca6 {
  background-color: transparent;
  color: var(--atlantis);
  display: block;
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  height: 110px;
  letter-spacing: 0.00px;
  line-height: 20px;
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  right: calc(49.34% - 271px);
  text-align: center;
  top: 487px;
  transform: scale(1.1);
  white-space: nowrap;
  width: 550px;
}

.index-tablet-all-breakpoints .span0-jud1IO {
  font-style: normal;
  font-weight: 700;
}

.index-tablet-all-breakpoints .span1-jud1IO {
  font-size: 19px;
  font-style: normal;
}

.index-tablet-all-breakpoints .span2-jud1IO {
  font-size: var(--font-size-xxxl);
  font-style: normal;
}

.index-tablet-all-breakpoints .gemeinsam-effizient-lnWca6.bp2-animate-enter9 {
  animation: bp2-animate-enter9-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter9-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .lucy-dont-die-poster-patreon-lnWca6 {
  display: block;
  height: 349px;
  left: calc(50.00% - 308px);
  opacity: 0;
  pointer-events: auto;
  top: 622px;
  transition: all 0.2s ease;
  width: 617px;
}

.index-tablet-all-breakpoints .lucy-dont-die-poster-patreon-lnWca6.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 1.00s ease 2.70s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-tablet-all-breakpoints .lucy-dont-die-poster-patreon-lnWca6:hover {
  transform: scale(1.1);
}

.index-tablet-all-breakpoints .lucy-dont-die-poster-patreon-gWb7R7 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .huck-media-webseite-background {
  background-color: transparent;
  left: 0px;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .logo-basis-51 {
  background-color: transparent;
  left: 0px;
  position: absolute;
}

.index-tablet-all-breakpoints .logo-mediakraft {
  background-color: transparent;
  position: absolute;
}
@media screen and (max-width: 778px) {
  .screen.index { 
    display: none;
   }
  .screen.index-tablet-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 779px) and (max-width: 1023px) {
  .screen.index { 
    display: none;
   }
  .screen.index-smartphone { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.index-tablet-all-breakpoints { 
    display: none;
   }
  .screen.index-smartphone { 
    display: none;
   }
}