/* screen - index */

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

.index .video-huck-media-desktop-IO3Fu5 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0.75;
  overflow: hidden;
  position: fixed;
  top: 0px;
  width: 100%;
}

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

.index .video-huck-media-desktop-IO3Fu5 img {
  object-fit: cover;
}

.index .rechteck-1-2DMzo5 {
  background-color: var(--fuscous-gray);
  height: 100%;
  left: 0px;
  opacity: 0.5;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .background-huck-media-logo-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 129px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 62px;
  transform: translate(1000px, 0);
  width: 763px;
}

.index .background-huck-media-logo-IO3Fu5.bp3-animate-enter {
  animation: bp3-animate-enter-frames 3.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(1000px, 0);
}

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

.index .logo-medienagentur-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 24px;
  mix-blend-mode: difference;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 49px;
  top: 202px;
  transform: translate(25px, 0);
  width: 256px;
}

.index .logo-medienagentur-IO3Fu5.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 3.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

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

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

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

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

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

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

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

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

.index .logo-huck-IO3Fu5 {
  background-color: transparent;
  display: block;
  filter: blur(100px);
  height: 85px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 325px;
  top: 84px;
  width: 237px;
}

.index .logo-huck-IO3Fu5.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 3.00s ease 0.50s 1 normal forwards;
  display: block;
  filter: blur(100px);
  opacity: 0;
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 0;
filter: blur(100px);
}
to{opacity: 1;
filter: none;
}
}

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

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

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

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

.index .logo-huck-media-IO3Fu5 {
  background-color: transparent;
  display: block;
  filter: blur(10px);
  height: 98px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 581px;
  top: 78px;
  width: 98px;
}

.index .logo-huck-media-IO3Fu5.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 5.00s ease 1.00s 1 normal forwards;
  display: block;
  filter: blur(10px);
  opacity: 0;
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

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

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

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

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

.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 .button-grafikdesign-IO3Fu5 {
  display: block;
  height: 74px;
  left: -47px;
  opacity: 0;
  position: absolute;
  top: 646px;
  transform: translate(-250px, 0);
  width: 546px;
}

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

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

.index .background-grafik-design-kvnBBx {
  background-color: transparent;
  height: calc(100.00% - 7px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index .titel-grafikdesign-kvnBBx {
  background-color: transparent;
  bottom: 0px;
  height: 65px;
  position: absolute;
  right: calc(45.64% - 89px);
  width: 195px;
}

.index .gruppe-34-2GEBjN {
  background-color: transparent;
  display: block;
  height: 65px;
  left: calc(50.00% - 97px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 195px;
}

.index .gruppe-34-2GEBjN.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.00s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .button-grafikdesign-LbMv43 {
  height: 65px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 195px;
}

.index .button-grafikdesign-LbMv43:hover {
  filter: blur(4px);
}

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

.index .button-musikproduktion-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 67px;
  left: -60px;
  opacity: 0;
  position: absolute;
  top: 723px;
  transform: translate(-250px, 0);
  width: 580px;
}

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

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

.index .background-musikproduktion-8yu3UJ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index .titel-musikproduktion-8yu3UJ {
  background-color: transparent;
  bottom: calc(34.99% - 14px);
  height: 40px;
  position: absolute;
  right: calc(45.56% - 107px);
  width: 234px;
}

.index .gruppe-36-zpFq70 {
  background-color: transparent;
  display: block;
  height: 40px;
  left: calc(50.00% - 117px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 234px;
}

.index .gruppe-36-zpFq70.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .gruppe-19-uEvqM8 {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 234px;
}

.index .gruppe-19-uEvqM8:hover {
  filter: blur(4px);
}

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

.index .button-webdesign-IO3Fu5 {
  display: block;
  height: 67px;
  left: -33px;
  opacity: 0;
  position: absolute;
  top: 569px;
  transform: translate(-250px, 0);
  width: 512px;
}

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

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

.index .background-webdesign-ZM7jPn {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index .titel-webdesign-ZM7jPn {
  background-color: transparent;
  bottom: calc(42.15% - 14px);
  height: 33px;
  position: absolute;
  right: calc(48.63% - 79px);
  width: 162px;
}

.index .gruppe-33-1a9bB1 {
  background-color: transparent;
  display: block;
  height: 33px;
  left: calc(50.00% - 81px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 162px;
}

.index .gruppe-33-1a9bB1.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .button-webdesign-WzPjwP {
  height: 33px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 162px;
}

.index .button-webdesign-WzPjwP:hover {
  filter: blur(4px);
}

.index .gruppe-10-GZ4s7S {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .pfad-78-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 23px;
}

.index .pfad-79-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(18.73% - 2px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index .pfad-80-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(31.17% - 4px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 14px;
}

.index .pfad-81-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(43.59% - 6px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 14px;
}

.index .pfad-82-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(43.54% - 6px);
  top: 1px;
  width: 13px;
}

.index .pfad-83-QCso5s {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(32.00% - 4px);
  top: 0px;
  width: 14px;
}

.index .pfad-84-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(24.99% - 1px);
  top: 1px;
  width: 2px;
}

.index .pfad-85-QCso5s {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: 0px;
  width: 14px;
}

.index .pfad-86-QCso5s {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 14px;
}

.index .button-visual-effects-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 67px;
  left: -22px;
  opacity: 0;
  position: absolute;
  top: 492px;
  transform: translate(-250px, 0);
  width: 482px;
}

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

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

.index .background-visual-effects-p2knHL {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index .titel-visual-effects-p2knHL {
  background-color: transparent;
  bottom: calc(47.74% - 13px);
  height: 28px;
  position: absolute;
  right: calc(45.75% - 107px);
  width: 233px;
}

.index .gruppe-35-RjKYoS {
  background-color: transparent;
  display: block;
  height: 28px;
  left: calc(50.00% - 117px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 233px;
}

.index .gruppe-35-RjKYoS.bp3-animate-enter12 {
  animation: bp3-animate-enter12-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .gruppe-18-axUd8H {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 233px;
}

.index .gruppe-18-axUd8H:hover {
  filter: blur(4px);
}

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

.index .button-videoproduktion-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 67px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 338px;
  transform: translate(-250px, 0);
  width: 419px;
}

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

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

.index .background-videoproduktion-F0O1jl {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .titel-videoproduktion-F0O1jl {
  background-color: transparent;
  bottom: calc(39.63% - 12px);
  height: 30px;
  position: absolute;
  right: calc(49.60% - 139px);
  width: 280px;
}

.index .gruppe-43-bZU35P {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .gruppe-40-qWWVp9 {
  background-color: transparent;
  display: block;
  height: 30px;
  left: calc(50.00% - 140px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 280px;
}

.index .gruppe-40-qWWVp9.bp3-animate-enter14 {
  animation: bp3-animate-enter14-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .gruppe-39-WGqcCJ {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 100%;
}

.index .gruppe-39-WGqcCJ:hover {
  filter: blur(4px);
}

.index .pfad-143-ZKd9H3 {
  background-color: transparent;
  height: 22px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 28px;
}

.index .pfad-144-ZKd9H3 {
  background-color: transparent;
  height: 23px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 2px;
}

.index .gruppe-38-ZKd9H3 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index .button-3-d-design-IO3Fu5 {
  display: block;
  height: 67px;
  left: -11px;
  opacity: 0;
  position: absolute;
  top: 415px;
  transform: translate(-250px, 0);
  width: 450px;
}

.index .button-3-d-design-IO3Fu5.bp3-animate-enter17 {
  animation: bp3-animate-enter17-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index .background-3-d-design-wNLkE5 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index .titel-3-d-design-wNLkE5 {
  background-color: transparent;
  height: 25px;
  position: absolute;
  right: calc(48.57% - 83px);
  top: calc(50.00% - 12px);
  width: 170px;
}

.index .gruppe-44-I5gDUb {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .gruppe-32-lDEt6Q {
  background-color: transparent;
  display: block;
  height: 25px;
  left: calc(50.00% - 85px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 170px;
}

.index .gruppe-32-lDEt6Q.bp3-animate-enter16 {
  animation: bp3-animate-enter16-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index .button-3-d-design-XZxUFl {
  height: 25px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 170px;
}

.index .button-3-d-design-XZxUFl:hover {
  filter: blur(4px);
}

.index .gruppe-9-sSRtbW {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

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

.index .pfad-71-63qj6B {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 19px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 19px;
}

.index .pfad-72-63qj6B {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(35.06% - 7px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 19px;
}

.index .pfad-73-63qj6B {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(48.30% - 6px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index .pfad-74-63qj6B {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(39.71% - 7px);
  top: 0px;
  width: 17px;
}

.index .pfad-75-63qj6B {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(31.45% - 2px);
  top: 1px;
  width: 6px;
}

.index .pfad-76-63qj6B {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 23px;
  top: 0px;
  width: 25px;
}

.index .pfad-77-63qj6B {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 20px;
}

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

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

@keyframes bp3-animate-enter18-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.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

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

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

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

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

.index .verwendung-von-cooki-Mm4xJe {
  background-color: transparent;
  bottom: 9px;
  height: 62px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: 702px;
}

.index .partner-IO3Fu5 {
  bottom: 97px;
  cursor: pointer;
  display: block;
  height: 112px;
  opacity: 0;
  right: 0px;
  transform: translate(25px, 0);
  width: 246px;
}

.index .partner-IO3Fu5.bp3-animate-enter20 {
  animation: bp3-animate-enter20-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .partner-r46rvT {
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  right: calc(42.70% - 28px);
  text-align: center;
  top: 11px;
  white-space: nowrap;
  width: 66px;
}

.index .basis_51-r46rvT {
  background-color: transparent;
  bottom: 17px;
  height: 48px;
  left: 35px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 50px);
}

.index .x5diana_zur_loewen-gi-IO3Fu5 {
  background-color: transparent;
  bottom: 174px;
  height: 48px;
  left: calc(11.41% - 19px);
  object-fit: cover;
  position: absolute;
  width: 165px;
}

.index .wdr1_live-IO3Fu5 {
  background-color: transparent;
  bottom: 173px;
  height: 49px;
  left: calc(31.83% - 43px);
  object-fit: cover;
  position: absolute;
  width: 135px;
}

.index .happy_gang-IO3Fu5 {
  background-color: transparent;
  bottom: 174px;
  height: 48px;
  left: calc(47.30% - 46px);
  object-fit: cover;
  position: absolute;
  width: 98px;
}

.index .brainpool-IO3Fu5 {
  background-color: transparent;
  bottom: 242px;
  height: 36px;
  left: calc(14.65% - 52px);
  object-fit: cover;
  position: absolute;
  width: 355px;
}

.index .mediakraft-IO3Fu5 {
  background-color: transparent;
  bottom: 172px;
  height: 136px;
  object-fit: cover;
  position: absolute;
  right: calc(37.39% - 51px);
  width: 136px;
}

.index .flowfwd-IO3Fu5 {
  background-color: transparent;
  bottom: 174px;
  height: 101px;
  object-fit: cover;
  position: absolute;
  right: calc(22.86% - 23px);
  width: 101px;
}

.index .pro7_games-IO3Fu5 {
  background-color: transparent;
  bottom: 330px;
  height: 42px;
  left: calc(12.07% - 26px);
  object-fit: cover;
  position: absolute;
  width: 212px;
}

.index .make_my_day-IO3Fu5 {
  background-color: transparent;
  bottom: 299px;
  height: 114px;
  object-fit: cover;
  position: absolute;
  right: calc(10.66% - 12px);
  width: 114px;
}

.index .joblo-IO3Fu5 {
  background-color: transparent;
  bottom: 288px;
  height: 92px;
  left: calc(42.38% - 92px);
  object-fit: cover;
  position: absolute;
  width: 217px;
}

.index .huebner_frank-IO3Fu5 {
  background-color: transparent;
  bottom: 294px;
  height: 125px;
  object-fit: cover;
  position: absolute;
  right: calc(27.31% - 58px);
  width: 211px;
}

.index .button-3-d-design {
  background-color: transparent;
  cursor: pointer;
}

.index .button-grafikdesign {
  background-color: transparent;
  cursor: pointer;
}

.index .button-webdesign {
  background-color: transparent;
  cursor: pointer;
}

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

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

.index-smartphone .video-huck-media-desktop-9afTwH {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0.75;
  overflow: hidden;
  position: fixed;
  top: 0px;
  width: 100%;
}

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

.index-smartphone .video-huck-media-desktop-9afTwH img {
  object-fit: cover;
}

.index-smartphone .rechteck-1-XO5j0l {
  background-color: var(--fuscous-gray);
  height: 100%;
  left: 0px;
  opacity: 0.5;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-smartphone .background-huck-media-logo-9afTwH {
  background-color: transparent;
  display: block;
  height: 112px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: -406px;
  top: 50px;
  transform: translate(1000px, 0);
  width: 726px;
}

.index-smartphone .background-huck-media-logo-9afTwH.bp1-animate-enter {
  animation: bp1-animate-enter-frames 3.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(1000px, 0);
}

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

.index-smartphone .pfad-163-JYr0K6 {
  top: 0px;
  width: 100%;
}

.index-smartphone .gruppe-51-9afTwH {
  background-color: transparent;
  height: 13px;
  position: absolute;
  right: 42px;
  top: 197px;
  width: 145px;
}

.index-smartphone .logo-medienagentur-SdMEw5 {
  background-color: transparent;
  display: block;
  height: 13px;
  mix-blend-mode: difference;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(25px, 0);
  width: 145px;
}

.index-smartphone .logo-medienagentur-SdMEw5.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 3.00s ease 2.00s 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-50-9afTwH {
  background-color: transparent;
  height: 68px;
  position: absolute;
  right: 42px;
  top: 119px;
  width: 146px;
}

.index-smartphone .logo-media-31hxSj {
  background-color: transparent;
  display: block;
  height: 68px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(250px, 0);
  width: 146px;
}

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

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

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

.index-smartphone .pfad-21-RilWao {
  background-color: transparent;
  bottom: 1px;
  height: 49px;
  left: calc(38.90% - 9px);
  object-fit: cover;
  position: absolute;
  width: 22px;
}

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

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

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

.index-smartphone .gruppe-49-9afTwH {
  background-color: transparent;
  height: 62px;
  position: absolute;
  right: 42px;
  top: 64px;
  width: 217px;
}

.index-smartphone .logo-huck-VEiSIO {
  background-color: transparent;
  display: block;
  filter: blur(100px);
  height: 54px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 4px;
  width: 149px;
}

.index-smartphone .logo-huck-VEiSIO.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 3.00s ease 0.50s 1 normal forwards;
  display: block;
  filter: blur(100px);
  opacity: 0;
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
filter: blur(100px);
}
to{opacity: 1;
filter: none;
}
}

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

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

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

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

.index-smartphone .logo-huck-media-VEiSIO {
  background-color: transparent;
  display: block;
  filter: blur(10px);
  height: 62px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 155px;
  top: 0px;
  width: 62px;
}

.index-smartphone .logo-huck-media-VEiSIO.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 5.00s ease 1.00s 1 normal forwards;
  display: block;
  filter: blur(10px);
  opacity: 0;
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

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

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

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

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

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

.index-smartphone .gruppe-56-9afTwH {
  background-color: transparent;
  height: 69px;
  left: -5px;
  position: absolute;
  top: calc(26.00% - 18px);
  width: 287px;
}

.index-smartphone .button-grafikdesign-cXxWqj {
  display: block;
  height: 69px;
  opacity: 0;
  transform: translate(-250px, 0);
  width: 100%;
}

.index-smartphone .button-grafikdesign-cXxWqj.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 2.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .background-grafik-design-WRPyxT {
  background-color: transparent;
  height: calc(100.00% - 17px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .pfad-159-4VoUjO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1px);
}

.index-smartphone .titel-grafikdesign-WRPyxT {
  background-color: transparent;
  bottom: 0px;
  height: 65px;
  left: calc(45.87% - 89px);
  position: absolute;
  width: 195px;
}

.index-smartphone .gruppe-34-M3mRlR {
  background-color: transparent;
  display: block;
  height: 65px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(250px, 0);
  width: 195px;
}

.index-smartphone .gruppe-34-M3mRlR.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.00s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-smartphone .button-grafikdesign-HIjB5I {
  height: 65px;
  pointer-events: auto;
  transition: all 1s ease;
  width: 195px;
}

.index-smartphone .button-grafikdesign-HIjB5I:hover {
  filter: blur(4px);
}

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

.index-smartphone .gruppe-57-9afTwH {
  background-color: transparent;
  height: 53px;
  left: -3px;
  position: absolute;
  top: calc(28.76% - 15px);
  width: 296px;
}

.index-smartphone .button-musikproduktion-e0jgdu {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 53px;
  left: 0px;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(-250px, 0);
  width: 100%;
}

.index-smartphone .button-musikproduktion-e0jgdu.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 2.00s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .background-musikproduktion-wJFg7R {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-smartphone .titel-musikproduktion-wJFg7R {
  background-color: transparent;
  bottom: calc(30.83% - 12px);
  height: 40px;
  left: calc(37.84% - 89px);
  position: absolute;
  width: 234px;
}

.index-smartphone .gruppe-36-zDiO7F {
  background-color: transparent;
  display: block;
  height: 40px;
  left: calc(50.00% - 117px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 234px;
}

.index-smartphone .gruppe-36-zDiO7F.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 1.00s ease 1.50s 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 .gruppe-61-NzYyH2 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-smartphone .gruppe-19-BCcoi8 {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 234px;
}

.index-smartphone .gruppe-19-BCcoi8:hover {
  filter: blur(4px);
}

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

.index-smartphone .gruppe-55-9afTwH {
  background-color: transparent;
  height: 50px;
  left: -7px;
  position: absolute;
  top: calc(22.84% - 11px);
  width: 277px;
}

.index-smartphone .button-webdesign-2AVxt0 {
  display: block;
  height: 50px;
  opacity: 0;
  transform: translate(-250px, 0);
  width: 100%;
}

.index-smartphone .button-webdesign-2AVxt0.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 2.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .background-webdesign-DNlogK {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-smartphone .titel-webdesign-DNlogK {
  background-color: transparent;
  bottom: calc(50.00% - 17px);
  height: 33px;
  left: calc(42.99% - 69px);
  position: absolute;
  width: 162px;
}

.index-smartphone .gruppe-33-diWuRf {
  background-color: transparent;
  display: block;
  height: 33px;
  left: calc(50.00% - 81px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 162px;
}

.index-smartphone .gruppe-33-diWuRf.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-smartphone .button-webdesign-PCfi9E {
  height: 33px;
  pointer-events: auto;
  transition: all 1s ease;
  width: 162px;
}

.index-smartphone .button-webdesign-PCfi9E:hover {
  filter: blur(4px);
}

.index-smartphone .gruppe-10-umh6fx {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-smartphone .pfad-78-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 23px;
}

.index-smartphone .pfad-79-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(18.73% - 2px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index-smartphone .pfad-80-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(31.17% - 4px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 14px;
}

.index-smartphone .pfad-81-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(43.59% - 6px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 14px;
}

.index-smartphone .pfad-82-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(43.54% - 6px);
  top: 1px;
  width: 13px;
}

.index-smartphone .pfad-83-ISBDxj {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(32.00% - 4px);
  top: 0px;
  width: 14px;
}

.index-smartphone .pfad-84-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(24.99% - 1px);
  top: 1px;
  width: 2px;
}

.index-smartphone .pfad-85-ISBDxj {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: 0px;
  width: 14px;
}

.index-smartphone .pfad-86-ISBDxj {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 14px;
}

.index-smartphone .gruppe-54-9afTwH {
  background-color: transparent;
  height: 49px;
  left: -7px;
  position: absolute;
  top: calc(19.96% - 10px);
  width: 268px;
}

.index-smartphone .button-visual-effects-4eKoB7 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 49px;
  left: 0px;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(-250px, 0);
  width: 100%;
}

.index-smartphone .button-visual-effects-4eKoB7.bp1-animate-enter13 {
  animation: bp1-animate-enter13-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .background-visual-effects-HXQvGI {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .pfad-161-ugqf5H {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.index-smartphone .gruppe-60-HXQvGI {
  background-color: transparent;
  height: 28px;
  left: 17px;
  position: absolute;
  top: calc(50.00% - 14px);
  width: calc(100.00% - 35px);
}

.index-smartphone .gruppe-59-QEU918 {
  background-color: transparent;
  bottom: 0px;
  height: 28px;
  left: 0px;
  position: absolute;
  width: 233px;
}

.index-smartphone .gruppe-58-HpIoYs {
  background-color: transparent;
  bottom: 0px;
  height: 28px;
  left: 0px;
  position: absolute;
  width: 233px;
}

.index-smartphone .titel-visual-effects-sxoFbT {
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 117px);
  position: relative;
  top: calc(50.00% - 14px);
  width: 233px;
}

.index-smartphone .gruppe-35-a9NYYF {
  background-color: transparent;
  display: block;
  height: 28px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(250px, 0);
  width: 233px;
}

.index-smartphone .gruppe-35-a9NYYF.bp1-animate-enter12 {
  animation: bp1-animate-enter12-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-smartphone .gruppe-18-mj04Z6 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 233px;
}

.index-smartphone .gruppe-18-mj04Z6:hover {
  filter: blur(4px);
}

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

.index-smartphone .gruppe-52-9afTwH {
  background-color: transparent;
  height: 45px;
  left: -9px;
  position: absolute;
  top: 298px;
  width: 251px;
}

.index-smartphone .button-videoproduktion-xjMxeN {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(-250px, 0);
  width: 100%;
}

.index-smartphone .button-videoproduktion-xjMxeN.bp1-animate-enter15 {
  animation: bp1-animate-enter15-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .background-videoproduktion-13i8w1 {
  background-color: transparent;
  height: 45px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 251px;
}

.index-smartphone .pfad-163-NvZkOH {
  top: 1px;
  width: 250px;
}

.index-smartphone .titel-videoproduktion-13i8w1 {
  background-color: transparent;
  bottom: calc(48.23% - 10px);
  height: 20px;
  position: absolute;
  right: calc(48.83% - 91px);
  width: 187px;
}

.index-smartphone .gruppe-43-dxx0SL {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-smartphone .gruppe-40-cwvBKe {
  background-color: transparent;
  display: block;
  height: 20px;
  left: calc(50.00% - 94px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 187px;
}

.index-smartphone .gruppe-40-cwvBKe.bp1-animate-enter14 {
  animation: bp1-animate-enter14-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-smartphone .gruppe-39-2AHELx {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 100%;
}

.index-smartphone .gruppe-39-2AHELx:hover {
  filter: blur(4px);
}

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

.index-smartphone .pfad-144-I8qjsb {
  background-color: transparent;
  height: 15px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 2px;
}

.index-smartphone .gruppe-38-I8qjsb {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .gruppe-37-3RN6zD {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-smartphone .gruppe-53-9afTwH {
  background-color: transparent;
  height: 47px;
  left: -9px;
  position: absolute;
  top: 353px;
  width: 260px;
}

.index-smartphone .button-3-d-design-mc3VOY {
  display: block;
  height: 47px;
  opacity: 0;
  transform: translate(-250px, 0);
  width: 100%;
}

.index-smartphone .button-3-d-design-mc3VOY.bp1-animate-enter17 {
  animation: bp1-animate-enter17-frames 2.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-250px, 0);
}

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

.index-smartphone .background-3-d-design-GLGPfE {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .pfad-162-s79cG2 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-smartphone .titel-3-d-design-GLGPfE {
  background-color: transparent;
  height: 17px;
  position: absolute;
  right: calc(48.77% - 57px);
  top: calc(48.94% - 8px);
  width: 118px;
}

.index-smartphone .gruppe-44-lxywwX {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-smartphone .gruppe-32-b4EvtN {
  background-color: transparent;
  display: block;
  height: 17px;
  left: calc(50.00% - 59px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 118px;
}

.index-smartphone .gruppe-32-b4EvtN.bp1-animate-enter16 {
  animation: bp1-animate-enter16-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-smartphone .button-3-d-design-OHkBCA {
  height: 17px;
  pointer-events: auto;
  transition: all 1s ease;
  width: 118px;
}

.index-smartphone .button-3-d-design-OHkBCA:hover {
  filter: blur(4px);
}

.index-smartphone .gruppe-9-XHJGQZ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-smartphone .pfad-70-72YBiw {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 11px;
}

.index-smartphone .pfad-71-72YBiw {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 13px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index-smartphone .pfad-72-72YBiw {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(35.06% - 5px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index-smartphone .pfad-73-72YBiw {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(48.30% - 4px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 9px;
}

.index-smartphone .pfad-74-72YBiw {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(39.71% - 5px);
  top: 1px;
  width: 11px;
}

.index-smartphone .pfad-75-72YBiw {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(31.45% - 1px);
  top: 1px;
  width: 4px;
}

.index-smartphone .pfad-76-72YBiw {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 16px;
  top: 1px;
  width: 17px;
}

.index-smartphone .pfad-77-72YBiw {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 14px;
}

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

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

@keyframes bp1-animate-enter18-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.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

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

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

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

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

.index-smartphone .verwendung-von-cooki-dYsrzC {
  background-color: transparent;
  bottom: 49px;
  height: 137px;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: 309px;
}

.index-smartphone .partner-9afTwH {
  bottom: 215px;
  cursor: pointer;
  display: block;
  height: 112px;
  opacity: 0;
  right: -4px;
  transform: translate(25px, 0);
  width: 246px;
}

.index-smartphone .partner-9afTwH.bp1-animate-enter20 {
  animation: bp1-animate-enter20-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-smartphone .partner-riYr9G {
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  right: calc(41.59% - 27px);
  text-align: center;
  top: 11px;
  white-space: nowrap;
  width: 66px;
}

.index-smartphone .basis_51-riYr9G {
  background-color: transparent;
  bottom: 17px;
  height: 48px;
  left: 33px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 50px);
}

.index-smartphone .x5diana_zur_loewen-gi-9afTwH {
  background-color: transparent;
  bottom: 933px;
  height: 64px;
  left: 78px;
  object-fit: cover;
  position: absolute;
  width: 219px;
}

.index-smartphone .wdr1_live-9afTwH {
  background-color: transparent;
  bottom: 652px;
  height: 87px;
  left: 68px;
  object-fit: cover;
  position: absolute;
  width: 240px;
}

.index-smartphone .happy_gang-9afTwH {
  background-color: transparent;
  bottom: 442px;
  height: 68px;
  left: 198px;
  object-fit: cover;
  position: absolute;
  width: 136px;
}

.index-smartphone .brainpool-9afTwH {
  background-color: transparent;
  bottom: 1029px;
  height: 31px;
  left: 35px;
  object-fit: cover;
  position: absolute;
  width: 305px;
}

.index-smartphone .mediakraft-9afTwH {
  background-color: transparent;
  bottom: 444px;
  height: 136px;
  left: 41px;
  object-fit: cover;
  position: absolute;
  width: 136px;
}

.index-smartphone .flowfwd-9afTwH {
  background-color: transparent;
  bottom: 538px;
  height: 101px;
  left: 137px;
  object-fit: cover;
  position: absolute;
  width: 101px;
}

.index-smartphone .pro7_games-9afTwH {
  background-color: transparent;
  bottom: 1105px;
  height: 42px;
  left: 82px;
  object-fit: cover;
  position: absolute;
  width: 212px;
}

.index-smartphone .make_my_day-9afTwH {
  background-color: transparent;
  bottom: 764px;
  height: 144px;
  left: 116px;
  object-fit: cover;
  position: absolute;
  width: 144px;
}

.index-smartphone .joblo-9afTwH {
  background-color: transparent;
  bottom: 1165px;
  height: 92px;
  left: 79px;
  object-fit: cover;
  position: absolute;
  width: 217px;
}

.index-smartphone .huebner_frank-9afTwH {
  background-color: transparent;
  bottom: 1285px;
  height: 125px;
  left: 82px;
  object-fit: cover;
  position: absolute;
  width: 211px;
}

.index-smartphone .button-3-d-design {
  background-color: transparent;
  cursor: pointer;
  left: 0px;
  position: relative;
  top: 0px;
}

.index-smartphone .button-grafikdesign {
  background-color: transparent;
  cursor: pointer;
  left: 0px;
  position: relative;
  top: 0px;
}

.index-smartphone .button-webdesign {
  background-color: transparent;
  cursor: pointer;
  left: 0px;
  position: relative;
  top: 0px;
}

.index-smartphone .pfad-163 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
}
/* screen - index-tablet-all-breakpoints */

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

.index-tablet-all-breakpoints .video-huck-media-desktop-lnWca6 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0.75;
  overflow: hidden;
  position: fixed;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .video-huck-media-desktop-lnWca6 img {
  object-fit: cover;
}

.index-tablet-all-breakpoints .rechteck-1-G6ixd0 {
  background-color: var(--fuscous-gray);
  height: 100%;
  left: 0px;
  opacity: 0.5;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .background-huck-media-logo-lnWca6 {
  background-color: transparent;
  display: block;
  height: 129px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 62px;
  transform: translate(1000px, 0);
  width: 763px;
}

.index-tablet-all-breakpoints .background-huck-media-logo-lnWca6.bp2-animate-enter {
  animation: bp2-animate-enter-frames 3.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(1000px, 0);
}

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

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

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

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

.index-tablet-all-breakpoints .logo-media-lnWca6 {
  background-color: transparent;
  display: block;
  height: 120px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 49px;
  top: 49px;
  transform: translate(250px, 0);
  width: 257px;
}

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

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

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

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

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

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

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

.index-tablet-all-breakpoints .logo-huck-lnWca6 {
  background-color: transparent;
  display: block;
  filter: blur(100px);
  height: 85px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 325px;
  top: 84px;
  width: 237px;
}

.index-tablet-all-breakpoints .logo-huck-lnWca6.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 3.00s ease 0.50s 1 normal forwards;
  display: block;
  filter: blur(100px);
  opacity: 0;
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
filter: blur(100px);
}
to{opacity: 1;
filter: none;
}
}

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

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

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

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

.index-tablet-all-breakpoints .logo-huck-media-lnWca6 {
  background-color: transparent;
  display: block;
  filter: blur(10px);
  height: 98px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 581px;
  top: 78px;
  width: 98px;
}

.index-tablet-all-breakpoints .logo-huck-media-lnWca6.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 5.00s ease 1.00s 1 normal forwards;
  display: block;
  filter: blur(10px);
  opacity: 0;
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
filter: blur(10px);
}
to{opacity: 1;
filter: none;
}
}

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

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

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

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

.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(48.68% - 34px);
  text-align: center;
  white-space: nowrap;
  width: 70px;
}

.index-tablet-all-breakpoints .button-grafikdesign-lnWca6 {
  display: block;
  height: 74px;
  left: -40px;
  opacity: 0;
  position: absolute;
  top: 618px;
  transform: translate(-250px, 0);
  width: 546px;
}

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

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

.index-tablet-all-breakpoints .background-grafik-design-lOUxVm {
  background-color: transparent;
  height: calc(100.00% - 7px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .titel-grafikdesign-lOUxVm {
  background-color: transparent;
  bottom: 0px;
  height: 65px;
  position: absolute;
  right: calc(45.92% - 89px);
  width: 195px;
}

.index-tablet-all-breakpoints .gruppe-34-uOiXgj {
  background-color: transparent;
  display: block;
  height: 65px;
  left: calc(50.00% - 97px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 195px;
}

.index-tablet-all-breakpoints .gruppe-34-uOiXgj.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 1.00s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-tablet-all-breakpoints .button-grafikdesign-5tLyxt {
  height: 65px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 195px;
}

.index-tablet-all-breakpoints .button-grafikdesign-5tLyxt:hover {
  filter: blur(4px);
}

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

.index-tablet-all-breakpoints .button-musikproduktion-lnWca6 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 67px;
  left: -50px;
  opacity: 0;
  position: absolute;
  top: 697px;
  transform: translate(-250px, 0);
  width: 580px;
}

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

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

.index-tablet-all-breakpoints .background-musikproduktion-Xhyz0n {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .titel-musikproduktion-Xhyz0n {
  background-color: transparent;
  bottom: calc(34.99% - 14px);
  height: 40px;
  position: absolute;
  right: calc(49.32% - 116px);
  width: 234px;
}

.index-tablet-all-breakpoints .gruppe-36-0JSsrt {
  background-color: transparent;
  display: block;
  height: 40px;
  left: calc(50.00% - 117px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 234px;
}

.index-tablet-all-breakpoints .gruppe-36-0JSsrt.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-19-EygtYX {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 234px;
}

.index-tablet-all-breakpoints .gruppe-19-EygtYX:hover {
  filter: blur(4px);
}

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

.index-tablet-all-breakpoints .button-webdesign-lnWca6 {
  display: block;
  height: 67px;
  left: -30px;
  opacity: 0;
  position: absolute;
  top: 538px;
  transform: translate(-250px, 0);
  width: 512px;
}

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

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

.index-tablet-all-breakpoints .background-webdesign-aP5Q6K {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .titel-webdesign-aP5Q6K {
  background-color: transparent;
  bottom: calc(42.15% - 14px);
  height: 33px;
  position: absolute;
  right: calc(49.48% - 80px);
  width: 162px;
}

.index-tablet-all-breakpoints .gruppe-33-T7QusH {
  background-color: transparent;
  display: block;
  height: 33px;
  left: calc(50.00% - 81px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 162px;
}

.index-tablet-all-breakpoints .gruppe-33-T7QusH.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-tablet-all-breakpoints .button-webdesign-2G0j5a {
  height: 33px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 162px;
}

.index-tablet-all-breakpoints .button-webdesign-2G0j5a:hover {
  filter: blur(4px);
}

.index-tablet-all-breakpoints .gruppe-10-ymAn1p {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .pfad-78-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 23px;
}

.index-tablet-all-breakpoints .pfad-79-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(18.73% - 2px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index-tablet-all-breakpoints .pfad-80-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(31.17% - 4px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 14px;
}

.index-tablet-all-breakpoints .pfad-81-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(43.59% - 6px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 14px;
}

.index-tablet-all-breakpoints .pfad-82-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(43.54% - 6px);
  top: 1px;
  width: 13px;
}

.index-tablet-all-breakpoints .pfad-83-KuX1by {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(32.00% - 4px);
  top: 0px;
  width: 14px;
}

.index-tablet-all-breakpoints .pfad-84-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(24.99% - 1px);
  top: 1px;
  width: 2px;
}

.index-tablet-all-breakpoints .pfad-85-KuX1by {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 20px;
  top: 0px;
  width: 14px;
}

.index-tablet-all-breakpoints .pfad-86-KuX1by {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 14px;
}

.index-tablet-all-breakpoints .button-visual-effects-lnWca6 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 67px;
  left: -20px;
  opacity: 0;
  position: absolute;
  top: 459px;
  transform: translate(-250px, 0);
  width: 482px;
}

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

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

.index-tablet-all-breakpoints .background-visual-effects-C4Dai9 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .titel-visual-effects-C4Dai9 {
  background-color: transparent;
  bottom: calc(47.74% - 13px);
  height: 28px;
  position: absolute;
  right: calc(47.76% - 111px);
  width: 233px;
}

.index-tablet-all-breakpoints .gruppe-35-taVkGN {
  background-color: transparent;
  display: block;
  height: 28px;
  left: calc(50.00% - 117px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 233px;
}

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

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

.index-tablet-all-breakpoints .gruppe-18-AEGdgl {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 233px;
}

.index-tablet-all-breakpoints .gruppe-18-AEGdgl:hover {
  filter: blur(4px);
}

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

.index-tablet-all-breakpoints .button-videoproduktion-lnWca6 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 67px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 301px;
  transform: translate(-250px, 0);
  width: 419px;
}

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

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

.index-tablet-all-breakpoints .background-videoproduktion-bgb606 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .titel-videoproduktion-bgb606 {
  background-color: transparent;
  bottom: calc(39.63% - 12px);
  height: 30px;
  left: calc(48.24% - 135px);
  position: absolute;
  width: 280px;
}

.index-tablet-all-breakpoints .gruppe-43-uQB5BO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-40-ZmxCbH {
  background-color: transparent;
  display: block;
  height: 30px;
  left: calc(50.00% - 140px);
  mix-blend-mode: normal;
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 280px;
}

.index-tablet-all-breakpoints .gruppe-40-ZmxCbH.bp2-animate-enter14 {
  animation: bp2-animate-enter14-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-39-6DzHYM {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-39-6DzHYM:hover {
  filter: blur(4px);
}

.index-tablet-all-breakpoints .pfad-143-Sqqerj {
  background-color: transparent;
  height: 22px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 28px;
}

.index-tablet-all-breakpoints .pfad-144-Sqqerj {
  background-color: transparent;
  height: 23px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 2px;
}

.index-tablet-all-breakpoints .gruppe-38-Sqqerj {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .button-3-d-design-lnWca6 {
  display: block;
  height: 67px;
  left: -10px;
  opacity: 0;
  position: absolute;
  top: 380px;
  transform: translate(-250px, 0);
  width: 450px;
}

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

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

.index-tablet-all-breakpoints .background-3-d-design-WbRqOE {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .titel-3-d-design-WbRqOE {
  background-color: transparent;
  height: 25px;
  left: calc(49.64% - 84px);
  position: absolute;
  top: calc(50.00% - 12px);
  width: 170px;
}

.index-tablet-all-breakpoints .gruppe-44-jymb57 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-32-2vTUus {
  background-color: transparent;
  display: block;
  height: 25px;
  left: calc(50.00% - 85px);
  opacity: 0;
  position: relative;
  top: 0px;
  transform: translate(250px, 0);
  width: 170px;
}

.index-tablet-all-breakpoints .gruppe-32-2vTUus.bp2-animate-enter16 {
  animation: bp2-animate-enter16-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(250px, 0);
}

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

.index-tablet-all-breakpoints .button-3-d-design-oY011x {
  height: 25px;
  left: 0px;
  pointer-events: auto;
  position: relative;
  top: 0px;
  transition: all 1s ease;
  width: 170px;
}

.index-tablet-all-breakpoints .button-3-d-design-oY011x:hover {
  filter: blur(4px);
}

.index-tablet-all-breakpoints .gruppe-9-di6UoK {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

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

.index-tablet-all-breakpoints .pfad-71-k8Dzf1 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 19px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 19px;
}

.index-tablet-all-breakpoints .pfad-72-k8Dzf1 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(35.06% - 7px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 19px;
}

.index-tablet-all-breakpoints .pfad-73-k8Dzf1 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: calc(48.30% - 6px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 13px;
}

.index-tablet-all-breakpoints .pfad-74-k8Dzf1 {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(39.71% - 7px);
  top: 0px;
  width: 17px;
}

.index-tablet-all-breakpoints .pfad-75-k8Dzf1 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: calc(31.45% - 2px);
  top: 1px;
  width: 6px;
}

.index-tablet-all-breakpoints .pfad-76-k8Dzf1 {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 23px;
  top: 0px;
  width: 25px;
}

.index-tablet-all-breakpoints .pfad-77-k8Dzf1 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 20px;
}

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

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

@keyframes bp2-animate-enter18-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.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

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

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

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

.index-tablet-all-breakpoints .banner-cookies-background-GRrBpf {
  background-color: transparent;
  bottom: 1px;
  height: 100.00%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 779px;
}

.index-tablet-all-breakpoints .verwendung-von-cooki-GRrBpf {
  background-color: transparent;
  bottom: 9px;
  height: 62px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  text-align: left;
  width: 702px;
}

.index-tablet-all-breakpoints .partner-lnWca6 {
  bottom: 96px;
  cursor: pointer;
  display: block;
  height: 112px;
  opacity: 0;
  right: 0px;
  transform: translate(25px, 0);
  width: 246px;
}

.index-tablet-all-breakpoints .partner-lnWca6.bp2-animate-enter20 {
  animation: bp2-animate-enter20-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .partner-0Ly5fB {
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  right: calc(42.70% - 28px);
  text-align: center;
  top: 11px;
  white-space: nowrap;
  width: 66px;
}

.index-tablet-all-breakpoints .basis_51-0Ly5fB {
  background-color: transparent;
  bottom: 17px;
  height: 48px;
  left: 35px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 50px);
}

.index-tablet-all-breakpoints .x5diana_zur_loewen-gi-lnWca6 {
  background-color: transparent;
  bottom: 192px;
  height: 48px;
  left: calc(6.68% - 11px);
  object-fit: cover;
  position: absolute;
  width: 165px;
}

.index-tablet-all-breakpoints .wdr1_live-lnWca6 {
  background-color: transparent;
  bottom: 191px;
  height: 49px;
  left: calc(35.56% - 48px);
  object-fit: cover;
  position: absolute;
  width: 135px;
}

.index-tablet-all-breakpoints .happy_gang-lnWca6 {
  background-color: transparent;
  bottom: 180px;
  height: 60px;
  object-fit: cover;
  position: absolute;
  right: calc(38.81% - 47px);
  width: 122px;
}

.index-tablet-all-breakpoints .brainpool-lnWca6 {
  background-color: transparent;
  bottom: 281px;
  height: 36px;
  left: calc(11.08% - 39px);
  object-fit: cover;
  position: absolute;
  width: 355px;
}

.index-tablet-all-breakpoints .mediakraft-lnWca6 {
  background-color: transparent;
  bottom: 376px;
  height: 136px;
  object-fit: cover;
  position: absolute;
  right: calc(38.26% - 52px);
  width: 136px;
}

.index-tablet-all-breakpoints .flowfwd-lnWca6 {
  background-color: transparent;
  bottom: 266px;
  height: 101px;
  object-fit: cover;
  position: absolute;
  right: calc(34.51% - 35px);
  width: 101px;
}

.index-tablet-all-breakpoints .pro7_games-lnWca6 {
  background-color: transparent;
  bottom: 358px;
  height: 42px;
  left: calc(7.23% - 15px);
  object-fit: cover;
  position: absolute;
  width: 212px;
}

.index-tablet-all-breakpoints .make_my_day-lnWca6 {
  background-color: transparent;
  bottom: 390px;
  height: 114px;
  left: calc(40.45% - 46px);
  object-fit: cover;
  position: absolute;
  width: 114px;
}

.index-tablet-all-breakpoints .joblo-lnWca6 {
  background-color: transparent;
  bottom: 412px;
  height: 92px;
  left: calc(7.30% - 16px);
  object-fit: cover;
  position: absolute;
  width: 217px;
}

.index-tablet-all-breakpoints .huebner_frank-lnWca6 {
  background-color: transparent;
  bottom: 379px;
  height: 107px;
  object-fit: cover;
  position: absolute;
  right: calc(4.69% - 9px);
  width: 182px;
}

.index-tablet-all-breakpoints .button-3-d-design {
  background-color: transparent;
  cursor: pointer;
}

.index-tablet-all-breakpoints .button-grafikdesign {
  background-color: transparent;
  cursor: pointer;
}

.index-tablet-all-breakpoints .button-webdesign {
  background-color: transparent;
  cursor: pointer;
}

.index-tablet-all-breakpoints .pfad-163 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}
@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;
   }
}