.elementor-620 .elementor-element.elementor-element-936ca30{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-620 .elementor-element.elementor-element-bb9972e .elementor-button{background-color:#22B143;}.elementor-620 .elementor-element.elementor-element-c92a5fc .elementor-button{background-color:#2699D8;}.elementor-620 .elementor-element.elementor-element-a7e6508{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-620 .elementor-element.elementor-element-393f31cf .bdevs-el-title{margin-bottom:6px;font-size:31px;font-weight:700;}.elementor-620 .elementor-element.elementor-element-393f31cf{text-align:center;}.elementor-620 .elementor-element.elementor-element-309007f .elementor-button{background-color:transparent;background-image:linear-gradient(163deg, #000000 0%, #7A1D26 68%);}.elementor-620 .elementor-element.elementor-element-309007f .elementor-button-content-wrapper{flex-direction:row;}.elementor-620 .elementor-element.elementor-element-313abdd4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-620 .elementor-element.elementor-element-3bda548a .uael-heading,.elementor-620 .elementor-element.elementor-element-3bda548a .uael-sub-heading, .elementor-620 .elementor-element.elementor-element-3bda548a .uael-sub-heading *,.elementor-620 .elementor-element.elementor-element-3bda548a .uael-subheading, .elementor-620 .elementor-element.elementor-element-3bda548a .uael-subheading *, .elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator-parent{text-align:center;}.elementor-620 .elementor-element.elementor-element-3bda548a .uael-heading{margin:20px 0px 18px 0px;}.elementor-620 .elementor-element.elementor-element-3bda548a .uael-sub-heading{margin:0px 0px 0px 0px;}.elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator, .elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator-line > span{border-top-style:solid;}.elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator, .elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator-line > span {border-top-width:1px;}.elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator, .elementor-620 .elementor-element.elementor-element-3bda548a .uael-separator-wrap{width:6%;}.elementor-620 .elementor-element.elementor-element-4d60859d .elementor-repeater-item-f8ee045 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://admin.iptv-de-5g.com/wp-content/uploads/2024/06/IB1.png);background-size:cover;}.elementor-620 .elementor-element.elementor-element-4d60859d .elementor-repeater-item-a10a597 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://admin.iptv-de-5g.com/wp-content/uploads/2024/06/IB2.png);background-size:cover;}.elementor-620 .elementor-element.elementor-element-4d60859d .elementor-repeater-item-4938da2 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://admin.iptv-de-5g.com/wp-content/uploads/2024/06/IB3B.png);background-size:cover;}.elementor-620 .elementor-element.elementor-element-4d60859d .swiper-slide{transition-duration:calc(5000ms*1.2);height:636px;}.elementor-620 .elementor-element.elementor-element-4d60859d .swiper-slide-contents{max-width:66%;}.elementor-620 .elementor-element.elementor-element-4d60859d .swiper-slide-inner{text-align:center;}.elementor-620 .elementor-element.elementor-element-16b72286{--spacer-size:50px;}.elementor-620 .elementor-element.elementor-element-6ceb8428{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-620 .elementor-element.elementor-element-4eff034a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-620 .elementor-element.elementor-element-5a5307d7{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-620 .elementor-element.elementor-element-6aa6757f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-620 .elementor-element.elementor-element-2e19ecbe{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-620 .elementor-element.elementor-element-5d284ef8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-620 .elementor-element.elementor-element-bb4a548{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-620 .elementor-element.elementor-element-257668c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-620 .elementor-element.elementor-element-2ab5d60e{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-620 .elementor-element.elementor-element-f244f8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-620 .elementor-element.elementor-element-64b34ab9{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-620 .elementor-element.elementor-element-18cb34ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-620 .elementor-element.elementor-element-662bc762{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-620 .elementor-element.elementor-element-2e0bc29{margin-top:100px;margin-bottom:95px;}@media(min-width:768px){.elementor-620 .elementor-element.elementor-element-4eff034a{--width:33.33%;}.elementor-620 .elementor-element.elementor-element-6aa6757f{--width:33.3333%;}.elementor-620 .elementor-element.elementor-element-5d284ef8{--width:33.3333%;}.elementor-620 .elementor-element.elementor-element-257668c5{--width:33.3333%;}.elementor-620 .elementor-element.elementor-element-f244f8d{--width:33.3333%;}.elementor-620 .elementor-element.elementor-element-18cb34ab{--width:33.3333%;}}@media(max-width:1024px){.elementor-620 .elementor-element.elementor-element-936ca30{--grid-auto-flow:row;}.elementor-620 .elementor-element.elementor-element-4d60859d .swiper-slide{height:409px;}}@media(max-width:767px){.elementor-620 .elementor-element.elementor-element-936ca30{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-620 .elementor-element.elementor-element-bb9972e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-620 .elementor-element.elementor-element-c92a5fc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-620 .elementor-element.elementor-element-6960543{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-620 .elementor-element.elementor-element-393f31cf .bdevs-el-title{font-size:22px;}.elementor-620 .elementor-element.elementor-element-4d60859d .swiper-slide{height:178px;}.elementor-620 .elementor-element.elementor-element-4eff034a{--width:50%;}.elementor-620 .elementor-element.elementor-element-6aa6757f{--width:50%;}.elementor-620 .elementor-element.elementor-element-5d284ef8{--width:50%;}.elementor-620 .elementor-element.elementor-element-257668c5{--width:50%;}.elementor-620 .elementor-element.elementor-element-f244f8d{--width:50%;}.elementor-620 .elementor-element.elementor-element-18cb34ab{--width:50%;}}/* Start custom CSS for text-editor, class: .elementor-element-1384597 */.xmas-header{
  max-width:520px;
  margin:0 auto 16px;
  text-align:center;
}
.xmas-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#a3e635);
  color:#052e16;
  font-size:0.8rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.xmas-header h2{
  margin:0 0 4px;
  font-size:1.4rem;
}
.xmas-header p{
  margin:0;
  font-size:0.95rem;
  color:#4b5563;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1f5bd31 *//* =================================================
   LAYOUT
   ================================================= */

.offer-container{
  display:flex;
  justify-content:center;
  padding:32px 16px;
}

.offer-column{
  width:100%;
  max-width:1000px;
  background:#ffffff;
  border-radius:20px;
  padding:32px 28px;
  border:1px solid #e5e7eb;
  box-shadow:0 28px 64px rgba(15,23,42,0.12);
}

/* =================================================
   TABLE – DESKTOP
   ================================================= */

.pricing-table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:32px;
}

.pricing-table thead th{
  background:#0f172a;
  color:#ffffff;
  padding:16px 12px;
  font-size:0.95rem;
  font-weight:600;
  text-align:center;
}

.pricing-table thead th:first-child{
  text-align:left;
}

.pricing-table tbody td{
  padding:18px 14px;
  border-bottom:1px solid #e5e7eb;
  font-size:0.95rem;
  vertical-align:middle;
  text-align:center;
}

.pricing-table tbody tr:last-child td{
  border-bottom:none;
}

.pricing-table tbody td:first-child{
  text-align:left;
  font-weight:500;
  color:#475569;
}

/* =================================================
   PRICE (NUR INHALT)
   ================================================= */

.price{
  display:inline-flex;
  align-items:baseline;
  gap:10px;
}

.old-price{
  font-size:0.75rem;
  color:#9ca3af;
  text-decoration:line-through;
  white-space:nowrap;
}

.new-price{
  font-size:1.05rem;
  font-weight:700;
  color:#0f172a;
  white-space:nowrap;
}

/* Dash / leere Felder */
td:not(:has(.price)){
  color:#9ca3af;
}

/* =================================================
   PAYMENT
   ================================================= */

.payment-box{
  border-top:1px solid #e5e7eb;
  padding-top:24px;
}

.payment-box h3{
  margin:0 0 16px;
  font-size:1rem;
  font-weight:600;
  color:#0f172a;
  display:flex;
  align-items:center;
  gap:8px;
}

.payment-methods{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:14px;
}

.payment-pill{
  padding:14px 18px;
  border-radius:999px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  font-size:0.85rem;
  font-weight:500;
  color:#374151;
  text-align:center;
  transition:all .2s ease;
}

.payment-pill:hover{
  background:#ffffff;
  box-shadow:0 12px 24px rgba(15,23,42,0.08);
  transform:translateY(-2px);
}

/* =================================================
   MOBILE – SAUBERE PREISLISTE
   ================================================= */

@media (max-width:768px){

  .pricing-table thead{
    display:none;
  }

  .pricing-table tbody tr{
    display:block;
    padding:20px 0;
    border-bottom:1px solid #e5e7eb;
  }

  .pricing-table tbody tr:last-child{
    border-bottom:none;
  }

  .pricing-table tbody td{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items:center;
    padding:6px 0;
    border:none;
    font-size:0.9rem;
  }

  /* Label links */
  .pricing-table tbody td::before{
    content:attr(data-label);
    font-size:0.8rem;
    font-weight:500;
    color:#64748b;
  }

  /* Laufzeit als Überschrift */
  .pricing-table tbody td:first-child{
    grid-template-columns:1fr;
    font-weight:600;
    color:#0f172a;
    padding-bottom:10px;
  }

  .pricing-table tbody td:first-child::before{
    display:none;
  }

  .price{
    justify-self:end;
  }
}

/* =================================================
   SMALL MOBILE
   ================================================= */

@media (max-width:420px){
  .price{
    flex-direction:column;
    align-items:flex-end;
    gap:4px;
  }

  .new-price{
    font-size:1rem;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ec139a0 */<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f9f9f9;
        margin: 0;
        text-align: center;
    }
    h1 {
        color: #333;
        margin-bottom: 20px;
    }
    .plan-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    .plan-column {
        width: 100%; /* Für Mobile */
        max-width: 400px; /* Begrenzte Breite auf größeren Displays */
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        text-align: left;
    }
    .plan-header {
        background-color: #7a1d26
;
        color: white;
        padding: 10px;
        border-radius: 5px;
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 20px;
    }
    .plan-details {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1.8em;
    }
    .plan-details li {
        font-size: 1.1em;
        margin-bottom: 10px;
    }
    .highlight {
        font-weight: bold;
        color: #7a1d26;
    }
    .fazit {
        margin-top: 30px;
        font-size: 1.2em;
        color: #333;
        line-height: 1.6em;
        text-align: center;
    }
    @media (min-width: 768px) {
        .plan-column {
            width: 45%; /* Nebeneinander auf größeren Displays */
        }
    }
</style>/* End custom CSS */