/* ========================================
   RESET & BASE STYLES
   ======================================== */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #000;
  color: #fff;
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ========================================
   LAYOUT HELPERS
   ======================================== */

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* ========================================
   HEADER / NAVIGATION
   ======================================== */

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 1rem 0;
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  height: 60px;
  width: auto;
}

.nav {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.nav-link {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
  position: relative;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 80%;
}

.white {
  color:white;
}
/* ========================================
   HERO SECTION
   ======================================== */

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.hero-content {
  text-align: center;
  z-index: 10;
  padding: 2rem;
}

.hero-title {
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  letter-spacing: 0.02em;
}

.hero-title-primary {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-title-secondary {
  color: #fff;
}

.hero-subtitle {
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  color: #fff;
  margin-bottom: 3rem;
  line-height: 1.4;
}

.hero-logo {
  width: auto;
  margin: 0 auto 2.5rem;
  display: block;
}

.hero-actions {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* ========================================
   BUTTONS
   ======================================== */

.btn {
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.btn-primary {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  color: #fff;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(86, 88, 215, 0.3);
}

.btn-secondary {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.btn-secondary:hover {
  background: #fff;
  color: #000;
}

/* Links innerhalb von Buttons */
.btn a,
.btn a:link,
.btn a:visited,
.btn a:hover,
.btn a:active {
  color: inherit;
  text-decoration: none;
}

.btn-primary a,
.btn-primary a:link,
.btn-primary a:visited,
.btn-primary a:hover,
.btn-primary a:active {
  color: #fff;
}

.btn-secondary a,
.btn-secondary a:link,
.btn-secondary a:visited,
.btn-secondary a:active {
  color: #fff;
}

.btn-secondary:hover a {
  color: #000;
}

/* Weiße Schrift für Links */
.weisseschrift,
.weisseschrift:link,
.weisseschrift:visited,
.weisseschrift:hover,
.weisseschrift:active {
  color: #fff !important;
  text-decoration: none;
}

/* ========================================
   SECTION STYLES
   ======================================== */

.section-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: 4rem;
  line-height: 1.2;
}

/* Generelle Highlight-Klasse für Gradient-Text */
.highlight {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-title .highlight {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-subtitle {
  font-size: clamp(1.4rem, 2.8vw, 1.75rem);
  font-weight: 700;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 3rem;
  line-height: 1.5;
}

.section-cta {
  text-align: center;
  margin-top: 4rem;
}

.dummykreisbild {
  display: block;
  text-align: center;
  margin: 2rem auto;
  width: 100%;
}

.dummykreisbild img {
  max-width: 50%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Kreisförmiges Strahlen für runde Bilder */
.strahlen {
  border-radius: 50%;
  box-shadow: 0px 0px 100px 30px rgba(18, 159, 215, 0.8);
  transition: all 0.3s ease;
  cursor: pointer;
}

.strahlen:hover {
  box-shadow: 0px 0px 150px 50px rgba(18, 159, 215, 1);
  transform: scale(1.05);
}

/* Responsive: auf kleineren Bildschirmen volle Breite */
@media (max-width: 768px) {
  .dummykreisbild img {
    max-width: 90%;
  }
}

.partner-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20%;
  margin: 3rem 0;
  flex-wrap: wrap;
}

.partner-logos img {
  max-width: 35%;
  height: auto;
}

.image-group-centered {
  display: flex;
  justify-content: center;
  gap: 0;
  margin: 3rem auto;
  width: fit-content;
}

.image-left-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.image-left-column img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.image-right-column {
  display: flex;
  align-items: flex-start;
  margin-top: 90px;
}

.image-right-column img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* ========================================
   TRUSTED PARTNER CIRCLE
   ======================================== */

.trusted-partner-circle {
  width: 500px;
  height: 500px;
  background: #000;
  border-radius: 50%;
  border: 13.5px solid transparent;
  background-image: 
    linear-gradient(#000, #000),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 
    0px 0px 80px 20px rgba(18, 158, 215, 0.6),
    0px 0px 120px 30px rgba(86, 88, 215, 0.4),
    0px 0px 160px 40px rgba(18, 158, 215, 0.3);
  margin: 4rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 3rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

.trusted-partner-circle:hover {
  box-shadow: 
    0px 0px 120px 30px rgba(18, 158, 215, 0.8),
    0px 0px 180px 45px rgba(86, 88, 215, 0.6),
    0px 0px 240px 60px rgba(18, 158, 215, 0.5);
  transform: scale(1.03);
}

.partner-tagline {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  color: #fff;
}

.partner-tagline .highlight {
  display: block;
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.1em;
  margin: 0.25rem 0;
}

.partner-image {
  max-width: 90%;
  height: auto;
}

.partner-statement {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  color: #fff;
}

/* ========================================
   THREE PILLARS SECTION
   ======================================== */

.dreiNebeneinander {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1500px;
  margin: 3rem auto;
  padding: 0 2rem;
}

.pillar-card {
  background: #0e0e0e;
  border-radius: 43px;
  border: 3px solid transparent;
  background-image: 
    linear-gradient(#0e0e0e, #0e0e0e),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 3rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 500px;
}

.pillar-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 2rem;
}
.pillar-blue {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: left;
  padding-left: 2rem;
  width: 100%;
}

.pillar-title {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: #fff;
  text-align: left;
  padding-left: 2rem;
  width: 100%;
}
.pillar-title-center {
  text-align: center;
    padding-left: 0;
}

.pillar-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  text-align: left;
}

.pillar-text {
  list-style-type: disc !important;
  margin-left: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.pillar-text li {
  display: block !important;
  list-style: none !important;
  margin-bottom: 0.65rem;
  padding-left: 2.6rem;
  position: relative;
}

.pillar-text li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 1.7em;
  height: 1.7em;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  color: var(--tintblau-lila, #4a50e9);
  font-size: 1em;
  font-weight: 700;
  line-height: 1.7em;
  text-align: center;
}

@media (max-width: 1024px) {
  .dreiNebeneinander {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .pillar-card {
    min-height: auto;
  }
}

/* ========================================
   BENEFITS SECTION
   ======================================== */

.benefits {
  padding: 8rem 0;
  background: #000;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 3rem;
  margin-bottom: 2rem;
}

.benefit-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 2.5rem;
  transition: all 0.3s ease;
}

.benefit-card:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(86, 88, 215, 0.3);
  transform: translateY(-5px);
}

.benefit-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  filter: brightness(0) invert(1);
}

.benefit-title {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.benefit-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 1.25rem;
}

.benefit-text:last-child {
  margin-bottom: 0;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
  .container {
    padding: 0 1rem;
  }
  
  .logo {
    height: 45px;
  }
  
  .nav {
    gap: 1rem;
  }
  
  .nav-link {
    font-size: 0.85rem;
    padding: 0.375rem 0.75rem;
  }
  
  .hero-content {
    padding: 1rem;
  }
  
  .hero-actions {
    flex-direction: column;
    width: 100%;
  }
  
  .btn {
    width: 100%;
    justify-content: center;
  }
  
  .benefits {
    padding: 4rem 0;
  }
  
  .section-title {
    margin-bottom: 2.5rem;
  }
  
  .benefits-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .benefit-card {
    padding: 2rem;
  }
  
  .section-cta {
    margin-top: 3rem;
  }
}

.image-01-eeaa-7-b-a-4-b-2-41-b-8-9-c-9-d-dd-5-a-09606938-1 {
  width: 1710px;
  height: 932px;
  position: absolute;
  left: -156px;
  top: -54px;
  object-fit: cover;
  aspect-ratio: 1710/932;
}
.group-35519 {
  position: absolute;
  inset: 0;
}
.wer-stiehlt-mir-die-show-st-11-joyn-heroportrait-onl-1 {
  border-radius: 19px;
  width: 424px;
  height: 588px;
  position: absolute;
  left: 201px;
  top: 8972px;
  object-fit: cover;
  aspect-ratio: 424/588;
}
.wsmds-generic-white-1 {
  border-radius: 19px;
  width: 420px;
  height: 420px;
  position: absolute;
  left: 205px;
  top: 9129px;
  object-fit: cover;
  aspect-ratio: 1;
}
.group-35521 {
  position: absolute;
  inset: 0;
}
.c-794-d-991-3-c-38-4-c-68-8-b-28-8664-cc-7-cf-749-1 {
  border-radius: 19px;
  width: 572px;
  height: 322px;
  position: absolute;
  left: 638px;
  top: 9238px;
  object-fit: cover;
  aspect-ratio: 572/322;
}
.tvk-st-12-logo-white-1 {
  border-radius: 19px;
  width: 354px;
  height: 198px;
  position: absolute;
  left: 675px;
  top: 9336px;
  object-fit: cover;
  aspect-ratio: 354/198;
}
.group-35520 {
  position: absolute;
  inset: 0;
}
.bildschirmfoto-2026-05-12-um-14-01-18-1 {
  border-radius: 19px;
  width: 415px;
  height: 322px;
  position: absolute;
  left: 795px;
  top: 9572px;
  object-fit: cover;
  aspect-ratio: 415/322;
}
.die-landarztpraxis-st-04-joyn-artlogo-onl-1 {
  border-radius: 19px;
  width: 242px;
  height: 123px;
  position: absolute;
  left: 838px;
  top: 9722px;
  object-fit: cover;
  aspect-ratio: 242/123;
}
.bildschirmfoto-2026-05-12-um-14-08-02-1 {
  border-radius: 19px;
  width: 579px;
  height: 323px;
  position: absolute;
  left: 202px;
  top: 9571px;
  object-fit: cover;
  aspect-ratio: 579/323;
}
.free-tv {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 691px;
  top: 9146px;
  width: 187px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.image-ba-4-c-84-ca-98-c-4-486-c-9314-c-4-b-62077-bb-59-1-old {
  /* Nicht mehr verwendet */
}
.pseudo {
  background: #000000;
  border-radius: 43px;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(
    109.15deg,
    rgba(86, 88, 215, 1) 0%,
    rgba(18, 159, 215, 1) 76.0230302810669%
  );
  border-image-slice: 1;
  width: 792px;
  height: 320px;
  position: absolute;
  left: 464px;
  top: 19866px;
}
.datenschutz {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 13px;
  line-height: 121.13%;
  font-weight: 400;
  position: absolute;
  left: 1051px;
  top: 20024px;
}
.impressum {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 13px;
  line-height: 121.13%;
  font-weight: 400;
  position: absolute;
  left: 1051px;
  top: 20063px;
}
.nutzungsbedingungen {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 13px;
  line-height: 121.13%;
  font-weight: 400;
  position: absolute;
  left: 1051px;
  top: 19987px;
}
.cookie-einstellungen {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 13px;
  line-height: 121.13%;
  font-weight: 400;
  position: absolute;
  left: 1051px;
  top: 19948px;
}
.lorem-ipsum {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 150.13%;
  font-weight: 400;
  position: absolute;
  left: 923px;
  top: 19947px;
}
.the-entertainment-hub {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 150.13%;
  font-weight: 600;
  position: absolute;
  left: 549px;
  top: 19932px;
}
.lorem-ipsum2 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 150.13%;
  font-weight: 400;
  position: absolute;
  left: 923px;
  top: 19985.67px;
}
.lorem-ipsum3 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 150.13%;
  font-weight: 400;
  position: absolute;
  left: 923px;
  top: 20023.34px;
}
.lorem-ipsum4 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 150.13%;
  font-weight: 400;
  position: absolute;
  left: 923px;
  top: 20062px;
}
._2026-all-rights-reserved {
  color: rgba(255, 255, 255, 0.88);
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13.300000190734863px;
  line-height: 150.13%;
  font-weight: 400;
  position: absolute;
  left: 542px;
  top: 20207px;
}
.follow-us {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 21px;
  line-height: 24.45px;
  font-weight: 500;
  position: absolute;
  left: 549.09px;
  top: 20086.04px;
}
.vector {
  width: 1.31%;
  height: 17.8px;
  position: absolute;
  right: 59.42%;
  left: 39.27%;
  top: 20123.04px;
  overflow: visible;
}
.vector2 {
  width: 1.2%;
  height: 16.38px;
  position: absolute;
  right: 57.05%;
  left: 41.74%;
  top: 20123.75px;
  overflow: visible;
}
.vector3 {
  width: 1.2%;
  height: 15.67px;
  position: absolute;
  right: 54.68%;
  left: 44.11%;
  top: 20124.46px;
  overflow: visible;
}
.vector4 {
  width: 1.31%;
  height: 12.11px;
  position: absolute;
  right: 52.21%;
  left: 46.48%;
  top: 20125.89px;
  overflow: visible;
}
._01-teloperdiste-1 {
  width: 493.55px;
  height: 277.62px;
  position: absolute;
  left: 476.02px;
  top: 13227.09px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 493.55/277.62;
}
._04-film-content-detail-1-1 {
  width: 492.51px;
  height: 277.04px;
  position: absolute;
  left: 978.09px;
  top: 13183.91px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 492.51/277.04;
}
._01-home-android-tv-1 {
  width: 494.58px;
  height: 278.2px;
  position: absolute;
  left: -77.14px;
  top: 12694.92px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 494.58/278.2;
}
._05-infantil-modo-seguro-activado-android-tv-1 {
  width: 493.55px;
  height: 277.62px;
  position: absolute;
  left: 926.88px;
  top: 12607.08px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 493.55/277.62;
}
._04-film-content-detail-1 {
  width: 492.51px;
  height: 277.04px;
  position: absolute;
  left: 425.61px;
  top: 12650.93px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 492.51/277.04;
}
._01-gui-a-tv-favorite-channels-android-tv-1 {
  width: 492.51px;
  height: 277.04px;
  position: absolute;
  left: -51.09px;
  top: 12984.04px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 492.51/277.04;
}
._01-player-live-android-tv-1 {
  width: 494.21px;
  height: 277.99px;
  position: absolute;
  left: 450.04px;
  top: 12938.71px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 494.21/277.99;
}
._21-player-live-android-tv-1 {
  width: 494.58px;
  height: 278.2px;
  position: absolute;
  left: 951.78px;
  top: 12895.56px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 494.58/278.2;
}
._04-mi-tv-default-android-tv-1 {
  width: 494.58px;
  height: 278.2px;
  position: absolute;
  left: -26.71px;
  top: 13271.26px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 494.58/278.2;
}
.rectangle-4563 {
  background: rgba(0, 0, 0, 0.3);
  width: 1502.1px;
  height: 856.05px;
  position: absolute;
  left: -77.14px;
  top: 12694.92px;
  transform-origin: 0 0;
  transform: rotate(-5deg) scale(1, 1);
}
.ellipse-26 {
  background: #000000;
  border-radius: 50%;
  border-width: 13.51px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 547px;
  height: 547px;
  position: absolute;
  left: 706px;
  top: 11095px;
  box-shadow: 0px 0.98px 61.5px 9.84px rgba(18, 158, 215, 1);
}
.ellipse-25 {
  background: #000000;
  border-radius: 50%;
  border-width: 13.51px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  opacity: 0.42;
  width: 1016px;
  height: 1018px;
  position: absolute;
  left: 220px;
  top: 7860px;
  box-shadow: 0px 0.98px 61.5px 9.84px rgba(18, 158, 215, 1);
}
.hub-logo-white-7 {
  width: 343px;
  height: 196px;
  position: absolute;
  left: 508px;
  top: 308px;
  object-fit: cover;
  aspect-ratio: 343/196;
}
.group-35465 {
  position: absolute;
  inset: 0;
}
.rectangle-986 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  width: 51px;
  height: 3px;
  position: absolute;
  left: 1122px;
  top: 39px;
}
.kontakt {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.2px;
  font-weight: 500;
  position: absolute;
  left: 1122px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-4571 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 6px;
  width: 102px;
  height: 44px;
  position: absolute;
  left: 578px;
  top: 532px;
}
.mehr {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 602px;
  top: 550px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector5 {
  width: 0.75%;
  height: 6.5px;
  position: absolute;
  right: 53.18%;
  left: 46.07%;
  top: 551px;
  overflow: visible;
}
.kontakt2 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 16px;
  line-height: 16.96px;
  letter-spacing: 0.3px;
  font-weight: 500;
  position: absolute;
  left: 712px;
  top: 546px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector6 {
  width: 0.75%;
  height: 6.5px;
  position: absolute;
  right: 43.17%;
  left: 56.08%;
  top: 551px;
  overflow: visible;
}
.emphasis-supercharged {
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 70px;
  line-height: 78px;
  letter-spacing: 1.2px;
  font-weight: 700;
  position: absolute;
  left: 370px;
  top: 942px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emphasis-supercharged-span {
  color: #ffffff;
}
.emphasis-supercharged-span2 {
  color: var(--tintblau-lila, #4a50e9);
}
.emphasis-supercharged2 {
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 70px;
  line-height: 78px;
  letter-spacing: 1.2px;
  font-weight: 700;
  position: absolute;
  left: 236px;
  top: 3676px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emphasis-supercharged-2-span {
  color: #ffffff;
}
.emphasis-supercharged-2-span2 {
  color: var(--tintblau-lila, #4a50e9);
}
.emphasis-supercharged3 {
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 70px;
  line-height: 78px;
  letter-spacing: 0.87px;
  font-weight: 700;
  position: absolute;
  left: 373px;
  top: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emphasis-supercharged-3-span {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.emphasis-supercharged-3-span2 {
  color: #ffffff;
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.sehen-wir-uns-auf-der-anga-old {
  /* Nicht mehr verwendet */
}
.sehen-wir-uns-auf-der-anga-span {
  color: #ffffff;
}
.sehen-wir-uns-auf-der-anga-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.lassen-sie-uns-vor-ort-sprechen-wir-zeigen-ihnen-wie-der-entertainment-hub-konkret-in-ihrem-setup-funktioniert-und-was-der-n-chste-schritt-sein-kann-old {
  /* Nicht mehr verwendet */
}
.pseudo2 {
  background: #000000;
  border-radius: 43px;
  border-width: 6px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 1216px;
  height: 760px;
  position: absolute;
  left: 114px;
  top: 5989px;
}
.group-35499 {
  position: absolute;
  inset: 0;
}
.pseudo3 {
  background: #0e0e0e;
  border-radius: 43px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 492px;
  height: 732px;
  position: absolute;
  left: 622px;
  top: 13943px;
}
.geringere-komplexit-t {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 666px;
  top: 14170px;
  width: 403px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ein-klassisches-tv-setup-besteht-oft-aus-mehreren-dienstleistern-technologien-und-schnittstellen-die-koordiniert-werden-m-ssen-mit-dem-entertainment-hub-wird-diese-komplexit-t-deutlich-reduziert-alle-zentralen-komponenten-von-content-ber-plattform-bis-betrieb-sind-in-einer-l-sung-geb-ndelt-und-greifen-ineinander-das-minimiert-abstimmungsaufwand-reduziert-fehlerquellen-und-sorgt-f-r-klare-verantwortlichkeiten-f-r-ihr-team-bedeutet-das-weniger-operative-belastung-mehr-bersicht-und-die-m-glichkeit-sich-auf-die-weiterentwicklung-des-angebots-statt-auf-technische-koordination-zu-konzentrieren {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 666px;
  top: 14256px;
  width: 417px;
  height: 345px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon {
  width: 5.94%;
  height: 83px;
  position: absolute;
  right: 34.98%;
  left: 59.08%;
  top: 14022px;
  overflow: visible;
}
.group-35500 {
  position: absolute;
  inset: 0;
}
.pseudo4 {
  background: #0e0e0e;
  border-radius: 43px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 492px;
  height: 732px;
  position: absolute;
  left: 112px;
  top: 13943px;
}
.schneller-markteintritt {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 158px;
  top: 14161px;
  width: 384px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sie-bauen-ihr-tv-angebot-nicht-von-grund-auf-neu-sondern-starten-auf-einer-bestehenden-erprobten-l-sung-content-plattform-und-betrieb-sind-bereits-integriert-und-aufeinander-abgestimmt-sodass-aufwendige-einzelabstimmungen-zwischen-verschiedenen-anbietern-entfallen-die-integration-erfolgt-auf-basis-ihrer-bestehenden-systeme-wodurch-sie-vorhandene-strukturen-weiter-nutzen-k-nnen-das-reduziert-projektlaufzeiten-deutlich-und-erm-glicht-es-ihnen-schneller-mit-einem-marktf-higen-angebot-live-zu-gehen-so-verk-rzen-sie-den-weg-von-der-entscheidung-bis-zum-launch-und-sichern-sich-fr-hzeitig-zugang-zu-neuen-umsatzpotenzialen {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 156px;
  top: 14256px;
  width: 417px;
  height: 375px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-35501 {
  position: absolute;
  inset: 0;
}
.pseudo5 {
  background: #0e0e0e;
  border-radius: 43px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 492px;
  height: 732px;
  position: absolute;
  left: 1132px;
  top: 13943px;
}
.skalierbares-wachstum {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 1187px;
  top: 14160px;
  width: 425px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hr-tv-angebot-bleibt-nicht-statisch-sondern-entwickelt-sich-mit-ihren-anforderungen-weiter-neue-inhalte-zus-tzliche-funktionen-oder-die-expansion-in-neue-m-rkte-lassen-sich-flexibel-integrieren-ohne-dass-die-technische-grundlage-angepasst-werden-muss-die-plattform-ist-darauf-ausgelegt-steigende-nutzerzahlen-neue-gesch-ftsmodelle-und-ver-nderte-marktanforderungen-problemlos-abzubilden-gleichzeitig-behalten-sie-die-kontrolle-ber-die-weiterentwicklung-ihres-angebots-und-k-nnen-gezielt-auf-neue-chancen-reagieren-so-entsteht-ein-tv-gesch-ft-das-nicht-nur-heute-funktioniert-sondern-langfristig-mitw-chst {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 1187px;
  top: 14271px;
  width: 417px;
  height: 345px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-35495 {
  position: absolute;
  inset: 0;
}
.frame-2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 6px;
  padding: 13px 28px 13px 28px;
  width: 175px;
  height: 44px;
  position: absolute;
  left: 213px;
  top: 12476px;
}
.jetzt-anfragen {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 22px;
  top: 17px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector7 {
  width: 0.75%;
  height: 6.5px;
  position: absolute;
  right: 74.07%;
  left: 25.18%;
  top: 12495px;
  overflow: visible;
}
.ihre-marke-steht-im-vordergrund {
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.ihre-marke-steht-im-vordergrund h2,
.ihre-marke-steht-im-vordergrund .section-title {
  text-align: left;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .ihre-marke-steht-im-vordergrund {
    font-size: 36px;
    line-height: 44px;
  }
}
.ihre-marke-steht-im-vordergrund-span {
  color: #ffffff;
}
.ihre-marke-steht-im-vordergrund-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.technologie-agile-content-power-service-canal {
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .technologie-agile-content-power-service-canal {
    font-size: 1.5rem;
  }
}
.technologie-agile-content-power-service-canal-span {
  color: #ffffff;
}
.technologie-agile-content-power-service-canal-span2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wir-liefern-nicht-nur-wir-betreiben-ihr-tv-gesch-ft-mit {
  /* Styling wird von .wirliefernblock-title übernommen */
  display: none;
}
.wir-liefern-nicht-nur-wir-betreiben-ihr-tv-gesch-ft-mit-span {
  color: #ffffff;
}
.wir-liefern-nicht-nur-wir-betreiben-ihr-tv-gesch-ft-mit-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.was-das-f-r-ihr-gesch-ft-bedeutet {
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
  position: absolute;
  left: 343px;
  top: 13700px;
  width: 855px;
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.was-das-f-r-ihr-gesch-ft-bedeutet-span {
  color: #ffffff;
}
.was-das-f-r-ihr-gesch-ft-bedeutet-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Alte Figma-Styles - jetzt durch responsive Version ersetzt */
.so-starten-sie-mit-iptv-old {
  /* Nicht mehr verwendet */
}
.so-starten-sie-mit-iptv-span {
  color: #ffffff;
}
.so-starten-sie-mit-iptv-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ihr-produkt-ihre-marke-ihre-kunden-der-entertainment-hub-l-uft-im-hintergrund-sie-stehen-vorne {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-bottom: 1rem;
}
.gemeinsam-gedacht-als-eine-l-sung-umgesetzt-im-entertainment-hub-verbinden-canal-und-agile-tv-content-plattform-und-betrieb-zu-einem-funktionierenden-gesamtsystem {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-bottom: 2rem;
}
.sie-bekommen-nicht-nur-eine-l-sung-sondern-einen-partner-der-verantwortung-bernimmt-und-ihr-tv-gesch-ft-langfristig-mitentwickelt {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 210px;
  top: 12026px;
  width: 516px;
  height: 81px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.der-einstieg-in-iptv-ist-kein-neuanfang-sie-bauen-auf-bestehendem-auf-und-entwickeln-ihr-angebot-schritt-f-r-schritt-weiter {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 193px;
  top: 10358px;
  width: 320px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.white-label-ihr-label {
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 24px;
  line-height: 130%;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

.white-label-ihr-label h3,
.white-label-ihr-label .section-title {
  font-size: 24px;
  line-height: 130%;
  text-align: left;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .white-label-ihr-label {
    font-size: 20px;
  }
  
  .white-label-ihr-label h3,
  .white-label-ihr-label .section-title {
    font-size: 20px;
  }
}
.white-label-ihr-label-span {
  color: #ffffff;
  font-size: 32px;
}
.white-label-ihr-label-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 32px;
}
.streaming {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 612px;
  top: 7164px;
  width: 187px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pay-tv {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 154px;
  top: 4990px;
  width: 132px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.das-entertainment-hub-ist-das-einzige-iptv-komplettangebot-dass-auf-ihre-marke-einzahlt-denn-ihre-marke-steht-drauf-und-ist-f-r-den-konsumenten-sichtbar-dadurch-werden-sie-nicht-austauschbar-und-binden-kunden-an-ihre-marke-wir-sind-100-b-2-b-getrieben-und-bauen-keine-eigene-tv-endkundenmarke-auf-der-perfekte-partner-im-hintergrund-f-r-ihre-konsumentenmarke {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-bottom: 0;
}
.verantwortlich-f-r-inhalte-vermarktung-und-die-strategische-weiterentwicklung-ihres-tv-angebots-von-der-content-auswahl-ber-die-angebotsstruktur-bis-hin-zur-positionierung-alles-mit-fokus-auf-ein-funktionierendes-tv-gesch-ft-unter-ihrer-marke {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 475px;
  top: 8452px;
  width: 276px;
  height: 241px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.stellt-die-technologische-plattform-und-den-operativen-betrieb-im-hintergrund-eine-skalierbare-infrastruktur-die-alle-komponenten-verbindet-und-ein-stabiles-nahtloses-tv-erlebnis-ber-alle-ger-te-hinweg-erm-glicht {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 773px;
  top: 8452px;
  width: 244px;
  height: 241px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.entertainment-hub-ist-die-komplett-l-sung-f-r-ihr-iptv-dabei-ist-jeder-baustein-f-r-sich-ein-wettbewerbsvorteil-f-r-ihr-gesch-ft {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 32px;
  line-height: 42.5px;
  font-weight: 600;
  position: absolute;
  left: 354px;
  top: 3896px;
  width: 762px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.die-komplette-iptv-l-sung-f-r-telcos-und-netzbetreiber-mit-hohen-anspr-chen {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 32px;
  line-height: 42.5px;
  font-weight: 600;
  position: absolute;
  left: 332px;
  top: 1067px;
  width: 762px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rectangle-997 {
  background: #000000;
  border-radius: 13.48px;
  border-width: 5px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 316px;
  height: 285px;
  position: absolute;
  left: 215px;
  top: 19354px;
  box-shadow: 0px 0px 40.89px 0px rgba(18, 158, 215, 1);
}
.rectangle-1003 {
  background: #000000;
  border-radius: 13.48px;
  border-width: 5px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 316px;
  height: 285px;
  position: absolute;
  left: 565px;
  top: 19354px;
  box-shadow: 0px 0px 40.89px 0px rgba(18, 158, 215, 1);
}
.rectangle-1004 {
  background: #000000;
  border-radius: 13.48px;
  border-width: 5px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 316px;
  height: 285px;
  position: absolute;
  left: 915px;
  top: 19354px;
  box-shadow: 0px 0px 40.89px 0px rgba(18, 158, 215, 1);
}
.span {
  padding: 0px 0px 0.1px 0px;
  width: 104.95px;
  height: 19.07px;
  position: absolute;
  left: 321px;
  top: 19569.23px;
}
.span2 {
  padding: 0px 0px 0.1px 0px;
  width: 104.95px;
  height: 19.07px;
  position: absolute;
  left: 671px;
  top: 19569.23px;
}
.span3 {
  padding: 0px 0px 0.1px 0px;
  width: 104.95px;
  height: 19.07px;
  position: absolute;
  left: 1021px;
  top: 19569.23px;
}
.ellipse-28 {
  background: #000000;
  border-radius: 50%;
  border-width: 13.51px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 381px;
  height: 381px;
  position: absolute;
  left: 703px;
  top: 16967px;
  box-shadow: 0px 0.98px 61.5px 9.84px rgba(18, 158, 215, 1);
}
.ellipse-29 {
  background: #000000;
  border-radius: 50%;
  border-width: 13.51px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 273px;
  height: 273px;
  position: absolute;
  left: 1027px;
  top: 17315px;
  box-shadow: 0px 0.98px 61.5px 9.84px rgba(18, 158, 215, 1);
}
.ellipse-30 {
  background: #000000;
  border-radius: 50%;
  border-width: 13.51px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 273px;
  height: 273px;
  position: absolute;
  left: 682px;
  top: 17424px;
  box-shadow: 0px 0.98px 61.5px 9.84px rgba(18, 158, 215, 1);
}
.die-vollumf-ngliche-end-to-end-l-sung-f-r-ihr-tv-gesch-ft-von-morgen {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 700;
  position: absolute;
  left: 381px;
  top: 242px;
  width: 630px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pseudo6 {
  background: #0e0e0e;
  border-radius: 43px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 492px;
  height: 773px;
  position: absolute;
  left: 624px;
  top: 4137px;
}
.plattform-technologie {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 668px;
  top: 4291px;
  width: 403px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon2 {
  width: 5.4%;
  height: 67px;
  position: absolute;
  right: 35.94%;
  left: 58.66%;
  top: 4193px;
  overflow: visible;
}
.mit-unserem-technologie-partner-agile-tv-haben-wir-eine-der-f-hrenden-technischen-l-sungen-als-plattform-die-alle-komponenten-miteinander-verbindet-entertainment-hub-vereint-apps-benutzeroberfl-che-streaming-technologie-und-aggregation-von-inhalten-in-einem-system-das-ber-alle-endger-te-hinweg-funktioniert-vom-fernseher-ber-mobile-ger-te-bis-zum-web-neue-inhalte-partner-oder-funktionen-lassen-sich-flexibel-einbinden-ohne-dass-separate-systeme-aufgebaut-oder-schnittstellen-aufwendig-gesteuert-werden-m-ssen-gleichzeitig-bleibt-die-plattform-stabil-skalierbar-und-auf-langfristige-nutzung-ausgelegt-das-ergebnis-ist-eine-technologie-die-nicht-im-mittelpunkt-steht-sondern-einfach-funktioniert-und-ihnen-die-m-glichkeit-gibt-ihr-angebot-effizient-zu-steuern-und-weiterzuentwickeln {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.28px;
  font-weight: 400;
  position: absolute;
  left: 676px;
  top: 4359px;
  width: 387.34px;
  height: 489.51px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pseudo7 {
  background: #0e0e0e;
  border-radius: 43px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 492px;
  height: 773px;
  position: absolute;
  left: 114px;
  top: 4137px;
}
.content {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 284px;
  top: 4291px;
  width: 152px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon3 {
  width: 4.65%;
  height: 65px;
  position: absolute;
  right: 72.53%;
  left: 22.82%;
  top: 4205px;
  overflow: visible;
}
.wir-bieten-das-gr-te-tv-lizenz-portfolio-am-markt-vom-lokalen-sender-bis-zur-champions-league-im-entertainment-hub-b-ndeln-wir-die-ganze-bandbreite-von-free-tv-pay-tv-internationalen-sendern-sportrechten-und-video-on-demand-in-einem-zentralen-system-f-r-den-deutschen-markt-die-inhalte-werden-nicht-nur-bereitgestellt-sondern-gezielt-kuratiert-und-auf-ihre-zielgruppen-abgestimmt-durch-eine-klare-struktur-intelligente-zusammenstellung-und-einfache-navigation-entsteht-ein-angebot-das-f-r-ihre-kunden-bersichtlich-bleibt-und-gleichzeitig-eine-hohe-relevanz-hat-so-schaffen-sie-ein-tv-portfolio-das-sich-nicht-nur-gut-pr-sentieren-l-sst-sondern-auch-aktiv-genutzt-wird-und-sich-flexibel-an-neue-inhalte-und-anforderungen-anpassen-kann {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.28px;
  font-weight: 400;
  position: absolute;
  left: 166px;
  top: 4365px;
  width: 387.34px;
  height: 444.93px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pseudo8 {
  background: #0e0e0e;
  border-radius: 43px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 492px;
  height: 773px;
  position: absolute;
  left: 1134px;
  top: 4137px;
}
.betrieb-services {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 1237px;
  top: 4291px;
  width: 315px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon4 {
  width: 4.83%;
  height: 67.5px;
  position: absolute;
  right: -1.11%;
  left: 96.28%;
  top: 4193px;
  overflow: visible;
}
.ein-tv-angebot-endet-nicht-beim-produkt-entscheidend-ist-der-laufende-betrieb-der-entertainment-hub-bernimmt-die-komplette-operative-grundlage-von-hosting-und-infrastruktur-ber-monitoring-bis-hin-zu-support-und-kontinuierlicher-weiterentwicklung-alle-prozesse-greifen-ineinander-sodass-ihr-angebot-stabil-l-uft-und-ihr-team-im-alltag-entlastet-wird-updates-anpassungen-und-optimierungen-erfolgen-im-hintergrund-ohne-dass-zus-tzlicher-koordinationsaufwand-entsteht-dar-ber-hinaus-werden-sie-bei-der-vermarktung-und-weiterentwicklung-ihres-angebots-unterst-tzt-kampagnen-angebotsstrukturen-und-nutzungsdaten-liefern-die-grundlage-um-ihr-tv-gesch-ft-gezielt-auszubauen-so-entsteht-kein-statisches-system-sondern-ein-angebot-das-zuverl-ssig-funktioniert-und-sich-kontinuierlich-weiterentwickelt {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.28px;
  font-weight: 400;
  position: absolute;
  left: 1209px;
  top: 4361px;
  width: 387.34px;
  height: 489.51px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bildschirmfoto-2026-05-06-um-15-07-56-4 {
  max-width: 150px;
  height: auto;
  object-fit: contain;
}
.logo {
  width: 13.09%;
  height: 39.74px;
  position: absolute;
  right: 31.62%;
  left: 55.29%;
  top: 8405px;
  overflow: visible;
}
.rectangle-1001 {
  background: #000000;
  border-radius: 12px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 528px;
  height: 245px;
  position: absolute;
  left: 667px;
  top: 10008px;
  box-shadow: 0px 0px 36.4px 0px rgba(18, 158, 215, 1);
}
.rectangle-990 {
  background: #000000;
  border-radius: 12px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 528px;
  height: 213px;
  position: absolute;
  left: 667px;
  top: 10272px;
  box-shadow: 0px 0px 36.4px 0px rgba(18, 158, 215, 1);
}
.rectangle-991 {
  background: #000000;
  border-radius: 12px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 528px;
  height: 177px;
  position: absolute;
  left: 667px;
  top: 10504px;
  box-shadow: 0px 0px 36.4px 0px rgba(18, 158, 215, 1);
}
.rectangle-1002 {
  background: #000000;
  border-radius: 12px;
  border-width: 3px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 528px;
  height: 197px;
  position: absolute;
  left: 667px;
  top: 10707px;
  box-shadow: 0px 0px 36.4px 0px rgba(18, 158, 215, 1);
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.heading-3-introducing-raycast-pro-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.heading-3-introducing-raycast-pro2-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.heading-3-introducing-raycast-pro3-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.heading-3-introducing-raycast-pro4-old {
  /* Nicht mehr verwendet */
}
/* heading-3-introducing-raycast-pro5 - now styled with pro1-4 below */
.heading-3-introducing-raycast-pro5-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 32px;
  line-height: 31.14px;
  font-weight: 700;
  position: absolute;
  left: 327px;
  top: 19454px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-3-introducing-raycast-pro6 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 32px;
  line-height: 31.14px;
  font-weight: 700;
  position: absolute;
  left: 662px;
  top: 19454px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-3-introducing-raycast-pro7 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 32px;
  line-height: 31.14px;
  font-weight: 700;
  position: absolute;
  left: 1035px;
  top: 19454px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wir-starten-auf-basis-ihrer-bestehenden-systeme-und-anforderungen-ihr-aktuelles-angebot-wird-analysiert-und-so-vorbereitet-dass-es-nahtlos-mit-dem-entertainment-hub-zusammenarbeitet-ohne-br-che-oder-aufwendige-umstellungen {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 716px;
  top: 10099px;
  width: 456px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.content-plattform-und-betrieb-werden-in-ihr-bestehendes-setup-integriert-sie-starten-nicht-bei-null-sondern-bauen-auf-einer-erprobten-infrastruktur-auf-die-sich-flexibel-an-ihre-anforderungen-anpasst {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 716px;
  top: 10353px;
  width: 451px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ihr-tv-angebot-geht-strukturiert-und-begleitet-live-unser-team-unterst-tzt-sie-bei-jedem-schritt-von-der-finalen-abstimmung-bis-zum-ersten-zuschauer {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 716px;
  top: 10579px;
  width: 433px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nach-dem-launch-geht-es-weiter-ihr-angebot-wird-kontinuierlich-analysiert-optimiert-und-weiterentwickelt-technisch-inhaltlich-und-strategisch {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 716px;
  top: 10794px;
  width: 433px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.schreiben-sie-uns-direkt-wir-antworten-schnell {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 272px;
  top: 19503px;
  width: 203px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sprechen-sie-mit-unserem-team-wir-kennen-ihr-gesch-ft {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 596px;
  top: 19504px;
  width: 254px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.besuchen-sie-uns-oder-treffen-sie-uns-auf-der-anga {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  position: absolute;
  left: 953px;
  top: 19502px;
  width: 241px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-m-7-deutschland-de {
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  position: absolute;
  left: 254px;
  top: 19561px;
  width: 238px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contact-m-7-deutschland-de-span {
  color: #ffffff;
}
.contact-m-7-deutschland-de-span2 {
  color: var(--blauturkis, #129ed7);
}
._49-221-34-64-10-00 {
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  position: absolute;
  left: 644px;
  top: 19561px;
  width: 159px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._49-221-34-64-10-00-span {
  color: var(--blauturkis, #129ed7);
}
._49-221-34-64-10-00-span2 {
  color: #ffffff;
}
.k-ln-deutschland-teil-der-canal-group {
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  position: absolute;
  left: 954px;
  top: 19561px;
  width: 238px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-ln-deutschland-teil-der-canal-group-span {
  color: #ffffff;
}
.k-ln-deutschland-teil-der-canal-group-span2 {
  color: var(--blauturkis, #129ed7);
}
.ellipse-21 {
  background: #000000;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--blauturkis, #129ed7);
  border-width: 1px;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 643px;
  top: 10107px;
}
.ellipse-22 {
  background: #000000;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--blauturkis, #129ed7);
  border-width: 1px;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 643px;
  top: 10352px;
}
.ellipse-23 {
  background: #000000;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--blauturkis, #129ed7);
  border-width: 1px;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 643px;
  top: 10569px;
}
.ellipse-24 {
  background: #000000;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--blauturkis, #129ed7);
  border-width: 1px;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 643px;
  top: 10777px;
}
.vector-1 {
  width: 60.5px;
  height: 0px;
  position: absolute;
  left: 666.5px;
  top: 10131px;
  transform: translate(-60.5px, -2.67px);
  overflow: visible;
}
.vector-2 {
  width: 60.5px;
  height: 0px;
  position: absolute;
  left: 666.5px;
  top: 10376px;
  transform: translate(-60.5px, -2.67px);
  overflow: visible;
}
.vector-3 {
  width: 60.5px;
  height: 0px;
  position: absolute;
  left: 666.5px;
  top: 10593px;
  transform: translate(-60.5px, -2.67px);
  overflow: visible;
}
.vector-4 {
  width: 60.5px;
  height: 0px;
  position: absolute;
  left: 666.5px;
  top: 10801px;
  transform: translate(-60.5px, -2.67px);
  overflow: visible;
}
.vector-5 {
  width: 0px;
  height: 667px;
  position: absolute;
  left: 606px;
  top: 10131px;
  overflow: visible;
}
.group-35493 {
  position: absolute;
  inset: 0;
}
.frame-22 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 6px;
  padding: 13px 28px 13px 28px;
  width: 175px;
  height: 44px;
  position: absolute;
  left: 187px;
  top: 10490px;
}
.vector8 {
  width: 0.75%;
  height: 6.5px;
  position: absolute;
  right: 75.93%;
  left: 23.32%;
  top: 10509px;
  overflow: visible;
}
.group-35494 {
  position: absolute;
  inset: 0;
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.frame-23-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.termin-vereinbaren-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.vector9-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
._19-21-mai-2026-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.koelnmesse-k-ln-messeplatz-1-50679-k-ln-halle-xx-stand-xx-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.wann-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.wo-old {
  /* Nicht mehr verwendet */
}
.icon5 {
  width: 2.84%;
  height: 31.8px;
  position: absolute;
  right: 71.91%;
  left: 25.25%;
  top: 19396px;
  overflow: visible;
}
.icon6 {
  width: 2.22%;
  height: 37px;
  position: absolute;
  right: 47.14%;
  left: 50.64%;
  top: 19396px;
  overflow: visible;
}
.icon7 {
  width: 2.43%;
  height: 36px;
  position: absolute;
  right: 22.03%;
  left: 75.54%;
  top: 19397px;
  overflow: visible;
}
.keine-konkurrenz h3,
.verantwortung-bernehmen h3,
.erfahrung-skalierung h3 {
  display: inline;
}
.verantwortung-bernehmen h3 {
  /* Bereits oben definiert */
}
.erfahrung-skalierung h3 {
  /* Bereits oben definiert */
}
.der-entertainment-hub-l-uft-vollst-ndig-unter-ihrer-marke-sie-bleiben-der-zentrale-ansprechpartner-f-r-ihre-kunden {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 213px;
  top: 12184px;
  width: 369px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wir-liefern-nicht-nur-technologie-sondern-bernehmen-verantwortung-f-r-das-zusammenspiel-aller-komponenten-von-content-bis-betrieb-funktioniert-alles-als-ein-system-abgestimmt-und-betreut {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 714px;
  top: 12263px;
  width: 370px;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sie-bauen-auf-der-erfahrung-und-infrastruktur-einer-etablierten-mediengruppe-auf-bew-hrte-systeme-stabile-prozesse-und-skalierbare-l-sungen-sorgen-f-r-ein-angebot-das-langfristig-funktioniert {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 213px;
  top: 12360px;
  width: 379px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.angacom-2025-neg-low-1 {
  width: 319px;
  height: 70.81px;
  position: absolute;
  left: 210px;
  top: 11466px;
  object-fit: cover;
  aspect-ratio: 319/70.81;
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.hub-logo-white-11-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.ellipse-27-old {
  /* Nicht mehr verwendet */
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.emphasis-supercharged4-old {
  /* Nicht mehr verwendet */
}
.emphasis-supercharged-4-span {
  color: #ffffff;
}
.emphasis-supercharged-4-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Alte Figma-Styles - durch responsive Version ersetzt */
.nicht-alles-auf-einmal-sondern-genau-das-was-jetzt-passt-und-der-rest-kommt-sp-ter-old {
  /* Nicht mehr verwendet */
}
.hinter-dem-entertainment-hub-steht-die-erfahrung-einer-der-f-hrenden-mediengruppen-europas-langj-hrige-praxis-im-tv-gesch-ft-starke-content-kompetenz-und-enge-zusammenarbeit-mit-netzbetreibern-bilden-die-grundlage-sie-arbeiten-also-nicht-mit-einem-neuen-anbieter-sondern-mit-einem-partner-der-das-gesch-ft-kennt-und-wei-worauf-es-im-alltag-ankommt {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 190px;
  top: 17240px;
  width: 432px;
  height: 215px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.plus-size-tv-seit-xx-jahren-old {
  /* Alte absolute Positionierung aus Figma - nicht mehr verwendet */
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
  position: absolute;
  left: 193px;
  top: 17092px;
  width: 386px;
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.plus-size-tv-seit-xx-jahren-span {
  color: #ffffff;
}
.plus-size-tv-seit-xx-jahren-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._20-jahre-old {
  /* Alte absolute Positionierung aus Figma - ersetzt durch responsive Styles */
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 70px;
  line-height: 103.46px;
  font-weight: 600;
  position: absolute;
  left: 748px;
  top: 17055px;
  width: 318px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._50-old {
  /* Alte absolute Positionierung aus Figma - ersetzt durch responsive Styles */
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 70px;
  line-height: 103.46px;
  font-weight: 600;
  position: absolute;
  left: 1109px;
  top: 17341px;
  width: 150px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._15-m-old {
  /* Alte absolute Positionierung aus Figma - ersetzt durch responsive Styles */
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 70px;
  line-height: 103.46px;
  font-weight: 600;
  position: absolute;
  left: 742px;
  top: 17450px;
  width: 198px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bew-hrte-partnerschaft-old {
  /* Alte absolute Positionierung aus Figma - ersetzt durch responsive Styles */
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 757px;
  top: 17164px;
  width: 253px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.europ-ische-reichweite-old {
  /* Alte absolute Positionierung aus Figma - ersetzt durch responsive Styles */
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 1065px;
  top: 17450px;
  width: 210px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-expertise-old {
  /* Alte absolute Positionierung aus Figma - ersetzt durch responsive Styles */
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 713px;
  top: 17561px;
  width: 210px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h-ufige-fragen-old {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
  position: absolute;
  left: 523px;
  top: 17996px;
  width: 384px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.die-wichtigsten-antworten-zu-entertainment-hub-und-ihrer-iptv-transformation-old {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: absolute;
  left: 507px;
  top: 18075px;
  width: 416px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-4-old {
  background: #18181c;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 12px 0px 12px 28px;
  width: 540px;
  height: 216px;
  position: absolute;
  left: 164px;
  top: 18183px;
}
.wie-lange-dauert-die-implementierung-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 150.13%;
  font-weight: 700;
  position: absolute;
  left: 28px;
  top: 22px;
}
.line-1-old {
  margin-top: -1px;
  border-style: solid;
  border-color: #404047;
  border-width: 1px 0 0 0;
  width: 493px;
  height: 0px;
  position: absolute;
  left: 28px;
  top: 60px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.die-implementierung-h-ngt-von-ihren-bestehenden-systemen-ab-in-der-regel-starten-sie-innerhalb-von-wochen-nicht-monaten-unser-team-begleitet-sie-von-der-ersten-analyse-bis-zum-launch-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 163.5%;
  font-weight: 400;
  position: absolute;
  left: 28px;
  top: 78px;
  width: 453px;
  height: 116px;
}
.group-223 {
  position: absolute;
  inset: 0;
}
.rectangle-61-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 685px;
  top: 18214.69px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-42-old {
  background: #18181c;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 12px 0px 12px 28px;
  width: 540px;
  height: 216px;
  position: absolute;
  left: 735px;
  top: 18183px;
}
.welche-content-rechte-sind-enthalten-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 150.13%;
  font-weight: 700;
  position: absolute;
  left: 28px;
  top: 22px;
}
.entertainment-hub-bietet-free-tv-pay-tv-sportrechte-und-vod-die-genaue-zusammensetzung-wird-auf-ihre-m-rkte-und-anforderungen-abgestimmt-wir-arbeiten-mit-bew-hrten-partnern-zusammen-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 163.5%;
  font-weight: 400;
  position: absolute;
  left: 28px;
  top: 78px;
  width: 453px;
  height: 116px;
}
.rectangle-612-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 1256px;
  top: 18214.69px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-43-old {
  background: #18181c;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 12px 0px 12px 28px;
  width: 540px;
  height: 216px;
  position: absolute;
  left: 164px;
  top: 18424px;
}
.kann-ich-einzelne-module-nutzen-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 150.13%;
  font-weight: 700;
  position: absolute;
  left: 28px;
  top: 22px;
}
.ja-entertainment-hub-ist-modular-aufgebaut-sie-starten-mit-dem-was-f-r-ihr-gesch-ft-sinnvoll-ist-content-plattform-oder-betrieb-und-erweitern-sp-ter-wenn-sie-bereit-sind-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 163.5%;
  font-weight: 400;
  position: absolute;
  left: 28px;
  top: 78px;
  width: 436px;
  height: 116px;
}
.rectangle-613-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 685px;
  top: 18455.69px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-44-old {
  background: #18181c;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 12px 0px 12px 28px;
  width: 540px;
  height: 216px;
  position: absolute;
  left: 735px;
  top: 18424px;
}
.was-passiert-nach-dem-launch-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 150.13%;
  font-weight: 700;
  position: absolute;
  left: 28px;
  top: 22px;
}
.der-launch-ist-der-anfang-wir-analysieren-kontinuierlich-optimieren-ihre-plattform-und-unterst-tzen-ihr-wachstum-managed-services-bedeutet-echte-partnerschaft-nicht-nur-bergabe-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 163.5%;
  font-weight: 400;
  position: absolute;
  left: 28px;
  top: 78px;
  width: 436px;
  height: 116px;
}
.rectangle-614-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 1256px;
  top: 18455.69px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-45-old {
  background: #18181c;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 12px 0px 12px 28px;
  width: 540px;
  height: 216px;
  position: absolute;
  left: 164px;
  top: 18665px;
}
.bleibt-meine-marke-gesch-tzt-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 150.13%;
  font-weight: 700;
  position: absolute;
  left: 28px;
  top: 22px;
}
.vollst-ndig-entertainment-hub-ist-eine-white-label-l-sung-ihre-marke-steht-im-mittelpunkt-nicht-unsere-sie-bleiben-der-ansprechpartner-f-r-ihre-zuschauer-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 163.5%;
  font-weight: 400;
  position: absolute;
  left: 28px;
  top: 78px;
  width: 436px;
  height: 116px;
}
.rectangle-615-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 685px;
  top: 18696.69px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-46-old {
  background: #18181c;
  border-radius: 20px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  padding: 12px 0px 12px 28px;
  width: 540px;
  height: 63px;
  position: absolute;
  left: 735px;
  top: 18666px;
}
.lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 150.13%;
  font-weight: 700;
  position: absolute;
  left: 28px;
  top: 21px;
}
.rectangle-60-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 1247.69px;
  top: 18692px;
}
.rectangle-616-old {
  background: #ffffff;
  border-radius: 3px;
  width: 2.63px;
  height: 14px;
  position: absolute;
  left: 1256px;
  top: 18697.69px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.hub-logo-white-12 {
  width: 301px;
  height: 172px;
  position: absolute;
  left: 124px;
  top: 19934px;
  object-fit: cover;
  aspect-ratio: 301/172;
}
.emphasis-supercharged5 {
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 70px;
  line-height: 78px;
  letter-spacing: 1.2px;
  font-weight: 700;
  position: absolute;
  left: 353px;
  top: 19140px;
  width: 776px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.emphasis-supercharged-5-span {
  color: #ffffff;
}
.emphasis-supercharged-5-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ihr-tv-gesch-ft-verdient-einen-partner-der-zuh-rt-old {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 32px;
  line-height: 42.5px;
  font-weight: 600;
  position: absolute;
  left: 330px;
  top: 19218px;
  width: 818px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-35509 {
  position: absolute;
  inset: 0;
}
.image-044-d-5371-b-222-456-c-8534-3-abf-7970-dda-9-3 {
  border-radius: 34px;
  width: 100%;
  max-width: 781px;
  height: au to;
  transform: scaleX(1);
  object-fit: cover;
  aspect-ratio: 781/638;
}
._01-teloperdiste-12 {
  width: 196.94px;
  height: 110.78px;
  position: absolute;
  left: 857.61px;
  top: 6303.92px;
  transform-origin: 0 0;
  transform: rotate(0.545deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 196.94/110.78;
}
.rectangle-141 {
  background: var(--grey, #dedee0);
  border-radius: 92.09px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.92px;
  width: 68.14px;
  height: 68.14px;
  position: absolute;
  left: calc(50% - -55.9px);
  top: 4027.64px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
}
.union-1 {
  width: 1.11%;
  height: 15.45px;
  position: absolute;
  right: 41.91%;
  left: 56.98%;
  top: 4040.82px;
  transform: translate(-10.63px, 3.53px);
  overflow: visible;
}
.union-12 {
  width: 1.11%;
  height: 15.45px;
  position: absolute;
  right: 48.1%;
  left: 50.79%;
  top: 4040.82px;
  transform: translate(-10.63px, 3.53px);
  overflow: visible;
}
.rectangle-142 {
  border-radius: 92.09px;
  border-style: solid;
  border-color: #129ed7;
  border-width: 0.92px;
  width: 68.14px;
  height: 68.14px;
  position: absolute;
  left: calc(50% - 23px);
  top: 4017.51px;
}
.rectangle-1412 {
  background: var(--grey, #dedee0);
  border-radius: 92.09px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.92px;
  width: 68.14px;
  height: 68.14px;
  position: absolute;
  left: calc(50% - -26.9px);
  top: 13845.64px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
}
.union-13 {
  width: 1.11%;
  height: 15.45px;
  position: absolute;
  right: 43.99%;
  left: 54.91%;
  top: 13858.82px;
  transform: translate(-10.63px, 3.53px);
  overflow: visible;
}
.union-14 {
  width: 1.11%;
  height: 15.45px;
  position: absolute;
  right: 50.18%;
  left: 48.72%;
  top: 13858.82px;
  transform: translate(-10.63px, 3.53px);
  overflow: visible;
}
.rectangle-1422 {
  border-radius: 92.09px;
  border-style: solid;
  border-color: #129ed7;
  border-width: 0.92px;
  width: 68.14px;
  height: 68.14px;
  position: absolute;
  left: calc(50% - 52px);
  top: 13835.51px;
}
._01-home-android-tv-12 {
  border-radius: 27px;
  width: 437px;
  height: 246px;
  position: absolute;
  left: -251px;
  top: 6807px;
  object-fit: cover;
  aspect-ratio: 437/246;
}
._05-infantil-modo-seguro-activado-android-tv-12 {
  border-radius: 27px;
  width: 436px;
  height: 246px;
  position: absolute;
  left: 639px;
  top: 6807px;
  object-fit: cover;
  aspect-ratio: 436/246;
}
._04-film-content-detail-12 {
  border-radius: 27px;
  width: 435px;
  height: 245px;
  position: absolute;
  left: 195px;
  top: 6807px;
  object-fit: cover;
  aspect-ratio: 435/245;
}
._01-gui-a-tv-favorite-channels-android-tv-12 {
  border-radius: 27px;
  width: 435px;
  height: 245px;
  position: absolute;
  left: 1085px;
  top: 6807px;
  object-fit: cover;
  aspect-ratio: 435/245;
}
._01-player-live-android-tv-12 {
  border-radius: 27px;
  width: 437px;
  height: 246px;
  position: absolute;
  left: 1528px;
  top: 6806px;
  object-fit: cover;
  aspect-ratio: 437/246;
}
.icon8 {
  width: 6.22%;
  height: 87px;
  position: absolute;
  right: 71.32%;
  left: 22.46%;
  top: 14018px;
  overflow: visible;
}
.icon9 {
  width: 5.51%;
  height: 77px;
  position: absolute;
  right: 2.15%;
  left: 92.35%;
  top: 14105px;
  transform: translate(0px, -77px);
  overflow: visible;
}
.vector-6 {
  width: 492px;
  height: 0px;
  position: absolute;
  left: 498px;
  top: 7099px;
  overflow: visible;
}
.rectangle-4564 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 4px;
  width: 50px;
  height: 8px;
  position: absolute;
  left: 534px;
  top: 7095px;
}
.contact-m-7-deutschland-de2 {
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  position: absolute;
  left: 548px;
  top: 20031px;
  width: 238px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contact-m-7-deutschland-de-2-span {
  color: #ffffff;
}
.contact-m-7-deutschland-de-2-span2 {
  color: var(--blauturkis, #129ed7);
}
._49-221-34-64-10-002 {
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  position: absolute;
  left: 548px;
  top: 20006px;
  width: 159px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._49-221-34-64-10-002-span {
  color: var(--blauturkis, #129ed7);
}
._49-221-34-64-10-002-span2 {
  color: #ffffff;
}
.k-ln-deutschland-teil-der-canal-group2 {
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  position: absolute;
  left: 549px;
  top: 19968px;
  width: 238px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.k-ln-deutschland-teil-der-canal-group-2-span {
  color: #ffffff;
}
.k-ln-deutschland-teil-der-canal-group-2-span2 {
  color: var(--blauturkis, #129ed7);
}
.axn-white-bookish-s-1-key-art-1 {
  border-radius: 19px;
  width: 714.88px;
  height: 402.12px;
  position: absolute;
  left: 572px;
  top: 5487px;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.axn-white-murdoch-mysteries-s-10-key-art-1 {
  border-radius: 19px;
  width: 714.88px;
  height: 402.12px;
  position: absolute;
  left: 155.15px;
  top: 5069px;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.axn-white-professor-t-s-4-key-art-1-x-1-1 {
  border-radius: 19px;
  width: 401.94px;
  height: 401.94px;
  position: absolute;
  left: 154px;
  top: 5487.06px;
  object-fit: cover;
  aspect-ratio: 1;
}
.axn-white-shades-key-art-1-x-1-1 {
  border-radius: 19px;
  width: 401.94px;
  height: 401.94px;
  position: absolute;
  left: 885.32px;
  top: 5069px;
  object-fit: cover;
  aspect-ratio: 1;
}
.axn-black-chicago-p-d-s-12-key-art-1 {
  border-radius: 19px;
  width: 588.37px;
  height: 330.96px;
  position: absolute;
  left: 213.64px;
  top: 2231px;
  object-fit: cover;
  aspect-ratio: 588.37/330.96;
}
.inter-canp-240105-a-s-part-2-abribus-1-2 {
  border-radius: 19px;
  width: 455.36px;
  height: 672.62px;
  position: absolute;
  left: 814.64px;
  top: 2317.32px;
  object-fit: cover;
  aspect-ratio: 455.36/672.62;
}
.bildschirmfoto-2026-05-12-um-14-10-39-1 {
  border-radius: 19px;
  width: 587.35px;
  height: 329.14px;
  position: absolute;
  left: 213.64px;
  top: 2575.04px;
  object-fit: cover;
  aspect-ratio: 587.35/329.14;
}
.ellipse-6 {
  background: #000000;
  border-radius: 50%;
  border-width: 13.51px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 501px;
  height: 500px;
  position: absolute;
  left: 464px;
  top: 3106px;
  box-shadow: 0px 0.98px 61.5px 9.84px rgba(18, 158, 215, 1);
}
.emphasis-supercharged6 {
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 25.23011016845703px;
  line-height: 28.11px;
  letter-spacing: 0.43px;
  font-weight: 700;
  position: absolute;
  left: 543px;
  top: 3225px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emphasis-supercharged-6-span {
  color: #ffffff;
}
.emphasis-supercharged-6-span2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bildschirmfoto-2026-05-06-um-15-07-56-2 {
  width: 372px;
  height: 108px;
  position: absolute;
  left: 529px;
  top: 3269px;
  object-fit: cover;
  aspect-ratio: 372/108;
}
.emphasis-supercharged7 {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 32px;
  line-height: 39.33px;
  letter-spacing: 0.56px;
  font-weight: 700;
  position: absolute;
  left: 548px;
  top: 3398px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ci-prozess-g-michael-jackson-key-2-2-3-tt-1 {
  border-radius: 19px;
  width: 318.52px;
  height: 477.78px;
  position: absolute;
  left: 706.01px;
  top: 7241.22px;
  object-fit: cover;
  aspect-ratio: 318.52/477.78;
}
.la-la-land-cr-vertical-1 {
  border-radius: 19px;
  width: 318.27px;
  height: 477.41px;
  position: absolute;
  left: 47px;
  top: 7241px;
  object-fit: cover;
  aspect-ratio: 318.27/477.41;
}
.bildschirmfoto-2026-05-12-um-14-11-06-1 {
  border-radius: 19px;
  width: 316.54px;
  height: 476.87px;
  position: absolute;
  left: 377.15px;
  top: 7241px;
  object-fit: cover;
  aspect-ratio: 316.54/476.87;
}
.bildschirmfoto-2026-05-12-um-14-34-15-1 {
  border-radius: 19px;
  width: 316.61px;
  height: 477.05px;
  position: absolute;
  left: 1035.25px;
  top: 7241px;
  object-fit: cover;
  aspect-ratio: 316.61/477.05;
}
.bildschirmfoto-2026-05-12-um-14-09-50-1 {
  border-radius: 19px;
  width: 573px;
  height: 382px;
  position: absolute;
  left: 134px;
  top: 14862px;
  object-fit: cover;
  aspect-ratio: 3/2;
}
.bildschirmfoto-2026-05-12-um-14-09-39-1 {
  border-radius: 19px;
  width: 580px;
  height: 382px;
  position: absolute;
  left: 726px;
  top: 14862px;
  object-fit: cover;
  aspect-ratio: 580/382;
}
.bildschirmfoto-2026-05-12-um-14-09-30-1 {
  border-radius: 19px;
  width: 574px;
  height: 390px;
  position: absolute;
  left: 141px;
  top: 15266px;
  object-fit: cover;
  aspect-ratio: 574/390;
}
.bildschirmfoto-2026-05-12-um-14-09-22-1 {
  border-radius: 19px;
  width: 573px;
  height: 381px;
  position: absolute;
  left: 729px;
  top: 15270px;
  object-fit: cover;
  aspect-ratio: 573/381;
}
.sport-tv {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: var(--text-sizes-heading-4, 32px);
  line-height: 130%;
  font-weight: 700;
  position: absolute;
  left: 178px;
  top: 14793px;
  width: 187px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.svg {
  opacity: 0.68;
  width: 777px;
  height: 777px;
  position: absolute;
  left: 284px;
  top: 1227px;
  overflow: visible;
}
.ellipse-5 {
  background: #000000;
  border-radius: 50%;
  border-width: 11px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  width: 751.66px;
  height: 752.56px;
  position: absolute;
  right: 302.9px;
  top: 1239.69px;
  box-shadow: 0px 0.45px 19.1px 7px rgba(18, 158, 215, 1);
}
.ellipse-62 {
  background: #000000;
  border-radius: 50%;
  border-width: 6.91px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  opacity: 0.42;
  width: 586.65px;
  height: 588.18px;
  position: absolute;
  right: 384.27px;
  top: 1321.36px;
  box-shadow: 0px 0.5px 31.43px 5.03px rgba(18, 158, 215, 1);
}
.ellipse-7 {
  background: #000000;
  border-radius: 50%;
  border-width: 6.91px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  opacity: 0.42;
  width: 586.65px;
  height: 588.18px;
  position: absolute;
  right: 385.18px;
  top: 1321.3px;
  box-shadow: 0px 0.5px 31.43px 5.03px rgba(18, 158, 215, 1);
}
.ellipse-8 {
  background: #000000;
  border-radius: 50%;
  border-width: 6.91px;
  border-style: solid;
  border-image: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-image-slice: 1;
  opacity: 0.42;
  width: 587.13px;
  height: 588.21px;
  position: absolute;
  right: -293.87px;
  top: 1459.92px;
  box-shadow: 0px 0.5px 31.43px 5.03px rgba(18, 158, 215, 1);
  transform-origin: 0 0;
  transform: rotate(112.967deg) scale(1, 1);
}
.content2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 0px;
  width: 609.25px;
  height: 609.25px;
  position: absolute;
  left: 634.69px;
  top: 1170.96px;
  transform-origin: 0 0;
  transform: rotate(31.654deg) scale(1, 1);
}
.betrieb-services2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 0px;
  width: 670.6px;
  height: 695.58px;
  position: absolute;
  left: 443.87px;
  top: 1209.02px;
  transform-origin: 0 0;
  transform: rotate(9.217deg) scale(1, 1);
}
.plattform-technologie2 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 0px;
  width: 658.83px;
  height: 658.83px;
  position: absolute;
  left: 379.77px;
  top: 1935.75px;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.polygon-1 {
  border-radius: 0px;
  width: 307.93px;
  height: 307.93px;
  position: absolute;
  left: 877.81px;
  top: 1466.63px;
  transform: translate(-262.75px, -0.69px);
  overflow: visible;
}
.ihre-marke {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 32.1702995300293px;
  line-height: 38.19px;
  font-weight: 600;
  position: absolute;
  right: 618.49px;
  top: 1580.65px;
  width: 107.4px;
  height: 76.29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.free-tv2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 612.31px;
  top: 1370.49px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pay-tv2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 526.76px;
  top: 1424.15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sport {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 650.64px;
  top: 1421.91px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vod-catch-up {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 517.52px;
  top: 1473.33px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.internationale-lizenzen {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 18.39px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 452.49px;
  top: 1524.76px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon10 {
  width: 18.22px;
  height: 18.98px;
  position: absolute;
  right: 676.36px;
  top: 1374.73px;
  overflow: visible;
}
.icon11 {
  width: 19.01px;
  height: 19.01px;
  position: absolute;
  right: 639.81px;
  top: 1477.81px;
  overflow: visible;
}
.icon12 {
  width: 19.38px;
  height: 18.87px;
  position: absolute;
  right: 697.56px;
  top: 1426.86px;
  overflow: visible;
}
.icon13 {
  width: 19.08px;
  height: 18.12px;
  position: absolute;
  right: 584.96px;
  top: 1428.39px;
  overflow: visible;
}
.icon14 {
  width: 20.04px;
  height: 20.04px;
  position: absolute;
  right: 561.63px;
  top: 1523.64px;
  overflow: visible;
}
.managed-services {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 501.76px;
  top: 1759.52px;
  width: 129.46px;
  height: 21.93px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.technischer-support {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 538.03px;
  top: 1798.65px;
  width: 145.74px;
  height: 21.93px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.reporting-analytics {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 552.47px;
  top: 1842.25px;
  width: 163.42px;
  height: 21.93px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._24-7-monitoring {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 423.51px;
  top: 1679.03px;
  width: 129.46px;
  height: 21.93px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sicherheit {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 452.57px;
  top: 1718.16px;
  width: 129.46px;
  height: 21.93px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.iconixto-linear-settings-alt {
  width: 19.81px;
  height: 19.81px;
  position: absolute;
  right: 639px;
  top: 1760.94px;
  overflow: visible;
}
.icon15 {
  width: 19.81px;
  height: 17.69px;
  position: absolute;
  right: 691.55px;
  top: 1800.77px;
  overflow: visible;
}
.icon16 {
  width: 19.81px;
  height: 17.69px;
  position: absolute;
  right: 725.08px;
  top: 1844.37px;
  overflow: visible;
}
.icon17 {
  width: 15.56px;
  height: 18.39px;
  position: absolute;
  right: 594.06px;
  top: 1720.28px;
  overflow: visible;
}
.icon18 {
  width: 15.56px;
  height: 15.56px;
  position: absolute;
  right: 564.99px;
  top: 1683.28px;
  overflow: visible;
}
.multi-device-apps {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 17.89px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 783.34px;
  top: 1459.92px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon19 {
  width: 20.2px;
  height: 19.72px;
  position: absolute;
  right: 903.56px;
  top: 1643.03px;
  overflow: visible;
}
.personalisierung {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 27.59px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 780.05px;
  top: 1638.79px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.offene-flexible-integration {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 18.39px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 773.21px;
  top: 1692.33px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon20 {
  width: 15.56px;
  height: 23.35px;
  position: absolute;
  right: 888.07px;
  top: 1467.22px;
  overflow: visible;
}
.icon21 {
  width: 23.35px;
  height: 23.35px;
  position: absolute;
  right: 903.77px;
  top: 1524.53px;
  overflow: visible;
}
.streaming-aggregation {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 17.89px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 809.57px;
  top: 1515.81px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.intuitive-user-experience {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14.149144172668457px;
  line-height: 17.89px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  right: 799.46px;
  top: 1576.18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon22 {
  width: 16.27px;
  height: 18.02px;
  position: absolute;
  right: 907.49px;
  top: 1585.61px;
  overflow: visible;
}
.iconixto-linear-link {
  width: 24.05px;
  height: 24.05px;
  position: absolute;
  right: 899.71px;
  top: 1690.21px;
  overflow: visible;
}
.logo2 {
  width: 11.71%;
  height: 35.61px;
  position: absolute;
  right: 33.43%;
  left: 54.86%;
  top: 2049px;
  overflow: visible;
}
.bildschirmfoto-2026-05-06-um-15-07-56-42 {
  width: 147.98px;
  height: 43.11px;
  position: absolute;
  left: 551px;
  top: 2045px;
  object-fit: cover;
  aspect-ratio: 147.98/43.11;
}
.rectangle-4572 {
  background: var(
    --logoverlauf,
    linear-gradient(
      111.22deg,
      rgba(86, 88, 215, 1) 0%,
      rgba(14, 157, 229, 1) 100%
    )
  );
  border-radius: 6px;
  width: 171px;
  height: 44px;
  position: absolute;
  left: 223px;
  top: 6610px;
}
.jetzt-anfragen2 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  left: 249px;
  top: 6627px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector10 {
  width: 0.75%;
  height: 6.5px;
  position: absolute;
  right: 73.21%;
  left: 26.04%;
  top: 6629px;
  overflow: visible;
}



/* ========================================
   RESPONSIVE TWO-COLUMN LAYOUT
   White Label Section
   ======================================== */

#zweispaltig {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  max-width: 1400px;
  margin: 4rem auto;
  padding: 3rem 2rem;
  align-items: start;
  overflow: visible;
  
  /* Gradient border like pillar-card */
  background: #0e0e0e;
  border-radius: 43px;
  border: 3px solid transparent;
  background-image: 
    linear-gradient(#0e0e0e, #0e0e0e),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

#linkeSpalte {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 20px;
}

#rechteSpalte {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0 2rem 2rem;
  position: relative;
}

#rechteSpalte img {
  width: 100%;
  max-width: 115%;
  height: auto;
  margin-right: -3rem;
  border-radius: 43px 0 0 43px;
}

/* Mobile: Einspaltiges Layout */
@media (max-width: 1024px) {
  #zweispaltig {
    grid-template-columns: 1fr;
    gap: 3rem;
    margin: 3rem auto;
  }

  #rechteSpalte {
    order: -1; /* Bild oben auf Mobile */
    padding: 0;
  }
}

/* ========================================
   FILMCOLLAGE SECTION
   ======================================== */

#filmcollage {
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#filmcollage img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ========================================
   TECHNOLOGIE KREIS SECTION
   Similar to trusted-partner-circle
   ======================================== */

#technologie-ehemaligerkreis {
  width: 60%;
  margin: 4rem auto;
}

#technologie-kreis {
  max-width: 900px;
  background: #000;
  border-radius: 50%;
  border: 13.5px solid transparent;
  background-image: 
    linear-gradient(#000, #000),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 
    0px 0px 80px 20px rgba(18, 158, 215, 0.6),
    0px 0px 120px 30px rgba(86, 88, 215, 0.4),
    0px 0px 160px 40px rgba(18, 158, 215, 0.3);
  margin: 4rem auto;
  padding: 4rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  aspect-ratio: 1;
}

/* Grid Container für die beiden Partner-Spalten */
.technologie-partner-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  max-width: 600px;
  margin: 0 auto;
}

#linkeSpalte-technologie,
#rechteSpalte-technologie {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 1rem;
}

#linkeSpalte-technologie p,
#rechteSpalte-technologie p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.3px;
  font-weight: 400;
}

#linkeSpalte-technologie img,
#rechteSpalte-technologie img {
  max-width: 150px;
  height: auto;
  object-fit: contain;
}

/* Override absolute positioning for logo in technologie circle */
#rechteSpalte-technologie .logo {
  position: static;
  width: auto;
  max-width: 150px;
  height: auto;
}

@media (max-width: 768px) {
  #technologie-kreis {
    border-radius: 20px;
    aspect-ratio: auto;
    padding: 2rem 1.5rem;
  }
  
  .technologie-partner-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  #linkeSpalte-technologie p,
  #rechteSpalte-technologie p {
    font-size: 13px;
  }
}

/* ========================================
   WIR LIEFERN BLOCK SECTION
   ======================================== */

#wirliefernblock {
  max-width: 1200px;
  margin: 4rem auto;
  padding: 3rem 2rem;
  text-align: left;
}

.wirliefernblock-title {
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #ffffff;
}

#wirliefernblock > p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* Container für die beiden Spalten */
#wirliefernblock .liefern-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-top: 2rem;
}

/* Grid für liefern-links und liefern-rechts */
#wirliefernblock #liefern-links,
#wirliefernblock #liefern-rechts {
  text-align: left;
  padding: 0;
}

.keine-konkurrenz,
.verantwortung-bernehmen,
.erfahrung-skalierung {
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 130%;
  font-weight: 700;
  margin-bottom: 1rem;
  margin-top: 0;
}

.keine-konkurrenz:first-child,
.verantwortung-bernehmen:first-child {
  margin-top: 0;
}

#wirliefernblock #liefern-links p,
#wirliefernblock #liefern-rechts p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-bottom: 2rem;
}

#wirliefernblock .liefern-btn-mobile {
  display: none;
}

@media (max-width: 768px) {
  #wirliefernblock .liefern-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .wirliefernblock-title {
    font-size: 1.75rem;
  }

  #wirliefernblock .liefern-btn-desktop {
    display: none;
  }

  #wirliefernblock .liefern-btn-mobile {
    display: inline-block;
    margin-top: 1.5rem;
  }

  /* Desktop-Spacer ausblenden, die die rechte Spalte nach unten schieben */
  #wirliefernblock #liefern-rechts > div:first-child,
  #wirliefernblock #liefern-rechts > div:nth-child(2) {
    display: none;
  }

  #wirliefernblock .verantwortung-bernehmen {
    margin-top: 0;
  }
}


.linksbuendig{
  text-align: left;
}



/* ========================================
   lizenz portfolio SECTION
   ======================================== */
#lizenz-portfolio {
  max-width: 1400px;
  margin: 4rem auto;
  padding: 3rem 2rem;
  text-align: left;
}

.lizenz-portfolio1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}

.lizenz-portfolio2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
}

@media (max-width: 768px) {
  .lizenz-portfolio1,
  .lizenz-portfolio2 {
    grid-template-columns: 1fr;
  }
}

.lp-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 16 / 9;
}

.lp-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.lp-card:hover img {
  transform: scale(1.05);
}

.lp-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.35) 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  z-index: 1;
}

.lp-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.lp-title {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.lp-subtitle {
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Poppins', sans-serif;
  font-size: clamp(0.75rem, 1.1vw, 0.9rem);
  font-weight: 400;
  line-height: 1.4;
}

.lp-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 16 / 9;
}

.lp-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.lp-card:hover img {
  transform: scale(1.05);
}

.lp-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.35) 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  z-index: 1;
}

.lp-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.lp-title {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.lp-subtitle {
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Poppins', sans-serif;
  font-size: clamp(0.75rem, 1.1vw, 0.9rem);
  font-weight: 400;
  line-height: 1.4;
}


/* ========================================
   FREE TV SECTION
   ======================================== */

#freetv {
  width: 100%;
  padding: 4rem 2rem;
}

.freetv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.freetv-links,
.freetv-mitte,
.freetv-rechts {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.freetv-links,
.freetv-mitte {
  gap: 1rem;
}

.freetv-links img,
.freetv-mitte img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 0;
  border-radius: 20px;
}

/* Links: Erstes Bild doppelt so hoch */
.freetv-links img:first-child {
  flex: 2;
}

.freetv-links img:last-child {
  flex: 1;
}

/* Mitte: Zweites Bild doppelt so hoch */
.freetv-mitte img:first-child {
  flex: 1;
}

.freetv-mitte img:last-child {
  flex: 2;
}

.freetv-rechts {
  justify-content: space-between;
  gap: 2rem;
}

.freetv-rechts > div {
  flex-shrink: 0;
}

.freetv-rechts p {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.freetv-rechts img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: auto;
  align-self: flex-end;
  border-radius: 20px;
}

/* Responsive Free TV */
@media (max-width: 1024px) {
  .freetv-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .freetv-links,
  .freetv-mitte {
    gap: 1rem;
  }

  .freetv-rechts {
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  #freetv {
    padding: 3rem 1.5rem;
  }
}

/* ========================================
   CANAL+ SECTION
   ======================================== */

#canalplus {
  width: 100%;
  padding: 4rem 2rem;
}

.canalplus-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.canalplus-links,
.canalplus-mitte,
.canalplus-rechts {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.canalplus-links {
  justify-content: flex-start;
  gap: 1.5rem;
}

.canalplus-links h2 {
  color: #ffffff;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(2rem, 3vw, 2.5rem);
  line-height: 1.2;
  font-weight: 700;
}

.canalplus-links p {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.canalplus-mitte {
  gap: 1rem;
}

.canalplus-mitte img {
  width: 100%;
  height: auto;
  object-fit: cover;
  flex: 1;
  min-height: 0;
  border-radius: 20px;
}

.canalplus-rechts img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* Responsive Canal+ */
@media (max-width: 1024px) {
  .canalplus-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .canalplus-links {
    order: -1;
  }

  .canalplus-mitte {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  #canalplus {
    padding: 3rem 1.5rem;
  }
}

/* ========================================
   PAY TV SECTION
   ======================================== */

#paytv {
  width: 100%;
  padding: 4rem 2rem;
}

.paytv-grid {
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.paytv-links {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows: auto auto;
  gap: 1rem;
}

/* Erste Zeile: Links breiter (60/40) */
.paytv-links > img:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.paytv-links > img:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* paytv-zeilezwei container */
.paytv-zeilezwei {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 1rem;
  grid-column: 1 / -1;
  grid-row: 2;
}

.paytv-zeilezwei img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* paytv-rechts ähnlich wie freetv-rechts */
.paytv-rechts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

.paytv-rechts > div {
  flex-shrink: 0;
}

.paytv-rechts p {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1rem;
}

.paytv-rechts img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: auto;
  align-self: flex-end;
  border-radius: 20px;
}

/* Responsive Pay TV */
@media (max-width: 1024px) {
  .paytv-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .paytv-links {
    order: 1;
  }

  .paytv-rechts {
    order: 0;
  }
}

@media (max-width: 768px) {
  #paytv {
    padding: 3rem 1.5rem;
  }

  .paytv-zeilezwei {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* ========================================
   SPORT TV SECTION
   ======================================== */

#sporttv {
  width: 100%;
  padding: 4rem 2rem;
}

.sporttv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.sporttv-links,
.sporttv-mitte,
.sporttv-rechts {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.sporttv-links,
.sporttv-mitte {
  gap: 1rem;
}

.sporttv-links img,
.sporttv-mitte img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 0;
  border-radius: 20px;
}

/* Links: Erstes Bild größer */
.sporttv-links img:first-child {
  flex: 2;
}

.sporttv-links img:last-child {
  flex: 1;
}

/* Mitte: Zweites Bild größer */
.sporttv-mitte img:first-child {
  flex: 1;
}

.sporttv-mitte img:last-child {
  flex: 2;
}

.sporttv-rechts {
  justify-content: space-between;
  gap: 2rem;
}

.sporttv-rechts > div {
  flex-shrink: 0;
}

.sporttv-rechts p {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1rem;
}

.sporttv-rechts img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: auto;
  align-self: flex-end;
  border-radius: 20px;
}

/* Responsive Sport TV */
@media (max-width: 1024px) {
  .sporttv-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .sporttv-links,
  .sporttv-mitte {
    gap: 1rem;
  }

  .sporttv-rechts {
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  #sporttv {
    padding: 3rem 1.5rem;
  }
}

/* ========================================
   STREAMING SECTION
   ======================================== */

#streaming {
  width: 100%;
  padding: 4rem 2rem;
}

.streaming-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.streaming-links,
.streaming-mitte,
.streaming-rechts {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.streaming-links {
  justify-content: space-between;
  gap: 2rem;
}

.streaming-links > div:first-child {
  flex-shrink: 0;
}

.streaming-links h2 {
  margin-bottom: 1rem;
}

.streaming-links p {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.streaming-links img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: auto;
  border-radius: 20px;
}

.streaming-mitte,
.streaming-rechts {
  gap: 1rem;
}

.streaming-mitte img,
.streaming-rechts img {
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 0;
  border-radius: 20px;
}

/* Mitte: Erstes Bild doppelt so hoch */
.streaming-mitte img:first-child {
  flex: 2;
}

.streaming-mitte img:last-child {
  flex: 1;
}

/* Rechts: Zweites Bild doppelt so hoch */
.streaming-rechts img:first-of-type {
  flex: 1;
}

.streaming-rechts img:last-of-type {
  flex: 2;
}

/* Responsive Streaming */
@media (max-width: 1024px) {
  .streaming-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .streaming-mitte,
  .streaming-rechts {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  #streaming {
    padding: 3rem 1.5rem;
  }
}

/* ========================================
   SO STARTEN SIE MIT IPTV SECTION
   ======================================== */

#soStartenSieMitIPTV {
  max-width: 1200px;
  margin: 4rem auto;
  padding: 3rem 2rem;
}

.start-iptv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

.so-starten-sie-mit-iptv {
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #ffffff;
}

.so-starten-sie-mit-iptv h2 {
  margin-bottom: 1rem;
}

.so-starten-sie-mit-iptv p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
}

.raycast-rechts {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}

.raycast-rechts::before {
  content: '';
  position: absolute;
  left: -75px;
  top: calc(50% / 4);
  bottom: calc(50% / 3);
  width: 3px;
  background: repeating-linear-gradient(
    to bottom,
    #5658d7 0px,
    #0e9de5 3px,
    transparent 3px,
    transparent 10px
  );
}

.heading-3-introducing-raycast-pro,
.heading-3-introducing-raycast-pro2,
.heading-3-introducing-raycast-pro3,
.heading-3-introducing-raycast-pro4,
.heading-3-introducing-raycast-pro5 {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0.75rem;
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  border-radius: 16px;
  border: 2px solid transparent;
  background-image: 
    linear-gradient(#0e0e0e, #0e0e0e),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 
    0px 0px 40px 10px rgba(18, 158, 215, 0.3),
    0px 0px 60px 15px rgba(86, 88, 215, 0.2);
  position: relative;
}

.heading-3-introducing-raycast-pro::before,
.heading-3-introducing-raycast-pro2::before,
.heading-3-introducing-raycast-pro3::before,
.heading-3-introducing-raycast-pro4::before,
.heading-3-introducing-raycast-pro5::before {
  content: '';
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-image: 
    linear-gradient(#000, #000),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.heading-3-introducing-raycast-pro::after,
.heading-3-introducing-raycast-pro2::after,
.heading-3-introducing-raycast-pro3::after,
.heading-3-introducing-raycast-pro4::after,
.heading-3-introducing-raycast-pro5::after {
  content: '';
  position: absolute;
  left: -75px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 3px;
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
}

.heading-3-introducing-raycast-pro p,
.heading-3-introducing-raycast-pro2 p,
.heading-3-introducing-raycast-pro3 p,
.heading-3-introducing-raycast-pro4 p,
.heading-3-introducing-raycast-pro5 p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-top: 0.5rem;
}

#soStartenSieMitIPTV .iptv-mobile {
  display: none;
}

@media (max-width: 768px) {
  .start-iptv-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  
  .so-starten-sie-mit-iptv {
    font-size: 2rem;
  }

  #soStartenSieMitIPTV .iptv-desktop {
    display: none;
  }

  #soStartenSieMitIPTV .iptv-mobile {
    display: inline-block;
    margin-top: 1.5rem;
  }
}

/* ========================================
   ANGA SECTION
   ======================================== */

#anga {
  max-width: 1200px;
  margin: 4rem auto;
  padding: 3rem 2rem;
}

.anga-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

.anga-links {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
}

.sehen-wir-uns-auf-der-anga {
  text-align: left;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  font-weight: 600;
  color: #ffffff;
}

.sehen-wir-uns-auf-der-anga-span {
  color: #ffffff;
}

.sehen-wir-uns-auf-der-anga-span2 {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lassen-sie-uns-vor-ort-sprechen-wir-zeigen-ihnen-wie-der-entertainment-hub-konkret-in-ihrem-setup-funktioniert-und-was-der-n-chste-schritt-sein-kann {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
}

.anga-links img {
  width: 100%;
  max-width: 320px;
  height: auto;
  margin-top: 1rem;
}

.anga-rechts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  background: #000;
  border-radius: 50%;
  border: 13.5px solid transparent;
  background-image: 
    linear-gradient(#000, #000),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 
    0px 0px 80px 20px rgba(18, 158, 215, 0.6),
    0px 0px 120px 30px rgba(86, 88, 215, 0.4),
    0px 0px 160px 40px rgba(18, 158, 215, 0.3);
  padding: 4rem 3rem;
  aspect-ratio: 1;
  max-width: 730px;
  margin: 0 auto;
  justify-content: center;
}

.hub-logo-white-11 {
  width: 100%;
  max-width: 260px;
  height: auto;
  object-fit: cover;
  margin: 0 auto 0.5rem auto;
}

.anga-rechts-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 1rem;
  align-items: start;
  margin-bottom: 0.5rem;
  width: 100%;
}

.anga-rechts-links,
.anga-rechts-rechts {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
  text-align: left;
}

.wann,
.wo {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

._19-21-mai-2026,
.koelnmesse-k-ln-messeplatz-1-50679-k-ln-halle-xx-stand-xx {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.vector9 {
  width: 8px;
  height: auto;
  margin-left: 0.5rem;
}

.frame-23 {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  border-radius: 6px;
  padding: 13px 28px;
  margin: 1.5rem auto 0 auto;
  cursor: pointer;
  transition: transform 0.2s;
  display: inline-block;
  width: fit-content;
}

.frame-23:hover {
  transform: scale(1.05);
}

.termin-vereinbaren {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .anga-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  
  .anga-rechts {
    padding: 2rem 1.5rem;
    border-width: 8px;
    max-width: 500px;
  }
  
  .anga-rechts-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .sehen-wir-uns-auf-der-anga {
    font-size: 2rem;
  }
  
  .hub-logo-white-11 {
    max-width: 200px;
  }
}

/* ========================================
   PANTOFFELKINO SECTION
   ======================================== */

.pantoffelkino {
  position: relative;
  margin: 4rem auto;
  padding: 4rem 2rem;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.pantoffelkino .image-ba-4-c-84-ca-98-c-4-486-c-9314-c-4-b-62077-bb-59-1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.8;
}

.pantoffelkino .ellipse-27 {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0);
  background: #000000;
  border-radius: 50%;
  border: 13.5px solid transparent;
  background-image: 
    linear-gradient(#000, #000),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0px 0px 80px 20px rgba(18, 158, 215, 0.6);
  width: min(547px, 70vw);
  height: min(547px, 70vw);
  aspect-ratio: 1;
  z-index: 2;
}

.pantoffelkino .emphasis-supercharged4 {
  position: absolute;
  top: calc(10% + min(273.5px, 35vw));
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  max-width: 600px;
  padding: 2rem;
}

.pantoffelkino .emphasis-supercharged-4-span {
  color: #ffffff;
}

.pantoffelkino .emphasis-supercharged-4-span2 {
  background: var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #0e9de5 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pantoffelkino .nicht-alles-auf-einmal-sondern-genau-das-was-jetzt-passt-und-der-rest-kommt-sp-ter {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(1rem, 2vw, 1.4rem);
  line-height: 1.5;
  font-weight: 600;
}

@media (max-width: 768px) {
  .pantoffelkino {
    min-height: 500px;
    padding: 3rem 1.5rem;
  }
  
  .pantoffelkino .ellipse-27 {
    width: min(400px, 80vw);
    height: min(400px, 80vw);
    border-width: 8px;
  }
  
  .pantoffelkino .emphasis-supercharged4 {
    top: calc(10% + min(200px, 40vw));
    gap: 1.5rem;
    padding: 1.5rem;
  }
}


/* ========================================
   PLUS SIZE TV SECTION
   ======================================== */

#plus-size-tv {
  max-width: 1200px;
  margin: 4rem auto;
  padding: 3rem 2rem;
}

.plus-size-grid {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 4rem;
}

.plus-size-left {
  text-align: left;
}

.plus-size-left h2 {
  margin-bottom: 2rem;
}

.plus-size-left p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
}

.plus-size-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.plus-size-magic {
  position: relative;
  width: 100%;
  max-width: 700px;
  min-height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}

/* Kreisförmige Elemente mit Strahlen */
._20-jahre,
._50,
._15-m {
  position: relative;
  background: #000000;
  border-radius: 50%;
  border: 8px solid transparent;
  background-image: 
    linear-gradient(#000, #000),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #129FD7 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(1.8rem, 2.5vw, 2.5rem);
  line-height: 1.2;
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: default;
  margin-bottom: 0;
}

._20-jahre:hover,
._50:hover,
._15-m:hover {
  transform: scale(1.05);
}

._20-jahre {
  width: 100%;
  max-width: 340px;
  z-index: 3;
  margin-left: 5%;
}

._50 {
  width: 100%;
  max-width: 305px;
  z-index: 2;
  align-self: flex-end;
  margin-right: 15%;
  margin-top: -80px;
}

._15-m {
  width: 100%;
  max-width: 280px;
  z-index: 1;
  margin-left: 3%;
  margin-top: -80px;
}

/* Untertitel in den Kreisen */
.bew-hrte-partnerschaft,
.europ-ische-reichweite,
.content-expertise {
  position: static !important;
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(0.9rem, 1.5vw, 1.2rem);
  line-height: 1.3;
  font-weight: 700;
  margin-top: 0.5rem;
  width: 100%;
  height: auto !important;
  display: block;
}

@media (max-width: 768px) {
  .plus-size-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .plus-size-magic {
    gap: 2rem;
    max-width: 100%;
    align-items: center;
  }

  ._20-jahre,
  ._50,
  ._15-m {
    max-width: 240px;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    align-self: auto;
  }
}


/* ========================================
   HÄUFIGE FRAGEN / FAQ SECTION
   ======================================== */

.lp-card img.headlessimage {
  object-position: center 15%;
}

#haeufige-fragen {
  max-width: 1200px;
  margin: 4rem auto;
  padding: 3rem 2rem;
  text-align: center;
}

#haeufige-fragen h2 {
  color: #ffffff;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 1rem;
}

#haeufige-fragen > p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.3px;
  font-weight: 400;
  margin-bottom: 3rem;
}

.haeufige-fragen-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  text-align: left;
}

.haeufige-fragen-links,
.haeufige-fragen-rechts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* FAQ Item - Akkordeon Boxen */
.faq-item {
  background: #18181c;
  border-radius: 20px;
  border: 2px solid transparent;
  background-image: 
    linear-gradient(#18181c, #18181c),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #129FD7 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}

.faq-item:hover {
  box-shadow: 0px 0px 30px 5px rgba(18, 159, 215, 0.3);
}

/* Frage - klickbar */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: #ffffff;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}

.faq-question span:first-child {
  flex: 1;
}

/* Plus/Minus Toggle */
.faq-toggle {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  width: 24px;
  text-align: center;
}

.faq-item.active .faq-toggle {
  transform: rotate(45deg);
}

/* Antwort - ausklappbar */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding-top 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 500px;
  padding-top: 1rem;
}

.faq-answer > div {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .haeufige-fragen-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  #haeufige-fragen {
    padding: 2rem 1.5rem;
  }
  
  .faq-item {
    padding: 1.25rem;
  }
}

/* Alte absolute Positionierungen - nicht mehr verwendet */


/* ========================================
   LASSEN SIE UNS SPRECHEN / CONTACT SECTION
   ======================================== */

#lassen-sie-uns-sprechen {
  max-width: 1200px;
  margin: 4rem auto;
  padding: 3rem 2rem;
  text-align: center;
}

.lassen-sie-uns-sprechen-title {
  color: #ffffff;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 1rem;
  text-align: center;
}

.ihr-tv-gesch-ft-verdient-einen-partner-der-zuh-rt {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 3rem;
  text-align: center;
}

.lassen-sie-uns-sprechen-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: left;
}

.lassen-sie-uns-sprechen-contact,
.lassen-sie-uns-sprechen-telefon,
.lassen-sie-uns-sprechen-buero {
  padding: 2rem;
  background: #18181c;
  border-radius: 20px;
  border: 2px solid transparent;
  background-image: 
    linear-gradient(#18181c, #18181c),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #129FD7 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
  text-align: center;
  box-shadow: 0px 0px 60px 15px rgba(18, 159, 215, 0.4);
}

.lassen-sie-uns-sprechen-contact:hover,
.lassen-sie-uns-sprechen-telefon:hover,
.lassen-sie-uns-sprechen-buero:hover {
  box-shadow: 0px 0px 80px 20px rgba(18, 159, 215, 0.6);
}

.lassen-sie-uns-sprechen-contact img,
.lassen-sie-uns-sprechen-telefon img,
.lassen-sie-uns-sprechen-buero img {
  width: 48px;
  height: 48px;
  margin-bottom: 1.5rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.lassen-sie-uns-sprechen-contact .sprechen-email,
.lassen-sie-uns-sprechen-telefon .sprechen-telefon,
.lassen-sie-uns-sprechen-buero .sprechen-buero {
  color: #ffffff;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 1rem;
}

.lassen-sie-uns-sprechen-contact p,
.lassen-sie-uns-sprechen-telefon p,
.lassen-sie-uns-sprechen-buero p {
  color: #ffffff;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: 1rem;
}

.lassen-sie-uns-sprechen-contact p:last-child,
.lassen-sie-uns-sprechen-telefon p:last-child,
.lassen-sie-uns-sprechen-buero p:last-child {
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
}

.lassen-sie-uns-sprechen-contact .highlight,
.lassen-sie-uns-sprechen-telefon .highlight,
.lassen-sie-uns-sprechen-buero .highlight {
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #129FD7;
  background-clip: unset;
  color: #129FD7;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
  .lassen-sie-uns-sprechen-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* ==========================================
   FOOTER BLOCK
   ========================================== */

#footerblock {
  width: 100%;
  padding-top: 2em;
  padding-left: 4em;
  padding-right: 2em;
  padding-bottom: 4em;
}

.footer-grid {
  display: grid;
  grid-template-columns: 40% 55%;
  gap: 2rem;
  max-width: 1170px;
  margin: 0 auto;
  align-items: start;
}

.footer-grid-links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.footer-grid-links img {
  max-width: 100%;
  height: auto;
}

.footer-grid-rechts {
  width: 100%;
  background: #18181c;
  padding: 2rem;
  border-radius: 20px;
  border: 2px solid transparent;
  background-image: 
    linear-gradient(#18181c, #18181c),
    var(--logoverlauf, linear-gradient(111.22deg, #5658d7 0%, #129FD7 100%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.footergrid-rechts-grid {
  display: grid;
  grid-template-columns: 50% 25% 25%;
  gap: 2rem;
  align-items: start;
}

.footer-grid-rechts-grid-links h3 {
  color: #ffffff;
  font-family: "Poppins-Bold", sans-serif;
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1rem;
}

.footer-grid-rechts-grid-links p,
.footer-grid-rechts-grid-mitte p,
.footer-grid-rechts-grid-rechts p {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Poppins-Regular", sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 0.5rem;
}


.footer-grid-rechts-grid-rechts a,
.footer-grid-rechts-grid-rechts a:link,
.footer-grid-rechts-grid-rechts a:visited,
.footer-grid-rechts-grid-rechts a:hover,
.footer-grid-rechts-grid-rechts a:active {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  cursor: pointer;
}

.footer-grid-rechts-grid-links .highlight {
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #129FD7;
  background-clip: unset;
  color: #129FD7;
}

/* Social Media Icons */
.footer-grid-rechts-grid-links img {
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  display: inline-block;
}

.footer-grid-rechts-grid-links img:hover {
  opacity: 1;
}

/* Responsive Footer */
@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer-grid-links {
    justify-content: center;
  }

  .footergrid-rechts-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer-grid-rechts-grid-links,
  .footer-grid-rechts-grid-mitte,
  .footer-grid-rechts-grid-rechts {
    text-align: center;
  }

  .footer-grid-rechts-grid-links img {
    margin: 0.5rem 0.5rem 0 0.5rem;
  }
}

@media (max-width: 768px) {
  #footerblock {
    padding: 3rem 1.5rem 1.5rem;
  }

  .footer-grid-links img {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  #lassen-sie-uns-sprechen {
    padding: 2rem 1.5rem;
  }
  
  .lassen-sie-uns-sprechen-contact,
  .lassen-sie-uns-sprechen-telefon,
  .lassen-sie-uns-sprechen-buero {
    padding: 1.5rem;
  }
}