/* Tarife only. Layout, copy and prices remain editable in Elementor Free. */
.iptv-pricing { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; scroll-margin-top:120px; }
.iptv-pricing .elementor-heading-title, .iptv-pricing .elementor-widget-text-editor, .iptv-pricing .elementor-icon-list-text { font-family:inherit; }
.iptv-pricing .elementor-heading-title, .iptv-pricing p { margin:0; }
.iptv-pricing .iptv-pricing-intro { max-width:820px; margin-inline:auto; }
.elementor .iptv-pricing::before { content:""; position:absolute; inset:0 auto auto 50%; width:min(380px,calc(100% - 80px)); height:2px; border-radius:999px; background:linear-gradient(90deg,transparent,#DD0000,#F2B705,transparent); opacity:.65; transform:translateX(-50%); pointer-events:none; }
.iptv-pricing .iptv-pricing-eyebrow { width:fit-content; }
.iptv-pricing-eyebrow .elementor-heading-title { display:flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #e5ddd0; border-radius:999px; background:rgba(255,255,255,.65); letter-spacing:.04em; }
.iptv-pricing-eyebrow .elementor-heading-title::before { content:""; width:6px; height:6px; border-radius:50%; background:linear-gradient(110deg,#DD0000,#F2B705); }
.iptv-pricing-title .elementor-heading-title { letter-spacing:-.045em; text-wrap:balance; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card { position:relative; min-width:0; background:linear-gradient(180deg,#FFFFFF,#FCFAF6); border-color:rgba(20,20,20,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 18px 45px rgba(30,20,10,.048),0 3px 10px rgba(30,20,10,.032); transition:transform 280ms cubic-bezier(.2,.8,.2,1),box-shadow 280ms cubic-bezier(.2,.8,.2,1),border-color 280ms cubic-bezier(.2,.8,.2,1); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card:nth-child(2) { background:radial-gradient(ellipse at 50% 0%,rgba(218,178,89,.07),transparent 35%),linear-gradient(180deg,#FFFFFF,#FBF8F0); box-shadow:inset 0 1px 0 rgba(232,209,156,.35),0 20px 48px rgba(30,20,10,.052),0 3px 10px rgba(30,20,10,.032); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular { background:linear-gradient(145deg,#FFF8F8 0%,#FDEEEE 50%,#FFF6F5 100%); border-color:rgba(190,35,45,.40); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 20px 50px rgba(180,35,40,.12),0 6px 18px rgba(180,35,40,.08); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium { background:linear-gradient(145deg,#FCF8ED 0%,#F7ECD1 45%,#FCF3E1 100%); border-color:rgba(191,148,54,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 22px 50px rgba(176,136,45,.14),0 8px 20px rgba(176,136,45,.08); }
:is(#angebote, #mehrbildschirm-angebote) .elementor-element.iptv-price-label { position:absolute; top:-16px; left:50%; right:auto; width:168px; transform:translateX(-50%); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-label .elementor-heading-title { display:flex; align-items:center; justify-content:center; gap:6px; padding:7px 12px; border:1px solid; border-radius:999px; text-align:center; font-size:11px; line-height:16px; font-weight:700; letter-spacing:.045em; white-space:nowrap; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-label .elementor-heading-title::before { content:""; display:block; flex:0 0 12px; width:12px; height:12px; background:currentColor; mask:url('../icons/plan-star.svg') center/contain no-repeat; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-label--premium .elementor-heading-title::before { mask-image:url('../icons/plan-diamond.svg'); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-label--popular .elementor-heading-title { color:#fff; background:linear-gradient(110deg,#A9121D,#CD2930); border-color:rgba(137,17,29,.28); box-shadow:0 6px 16px rgba(157,31,40,.20),inset 0 1px 0 rgba(255,255,255,.18); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-label--premium .elementor-heading-title { color:#493711; background:linear-gradient(110deg,#E8C77D,#F8E5B2 55%,#DDB360); border-color:rgba(153,112,34,.30); box-shadow:0 6px 16px rgba(151,112,33,.18),inset 0 1px 0 rgba(255,255,255,.55); }
.iptv-price-duration .elementor-heading-title { letter-spacing:-.025em; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-offer p { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:7px 12px; border-radius:999px; color:#fff; background:linear-gradient(105deg,#A9121D,#D44430); box-shadow:0 4px 12px rgba(175,36,38,.16); font-size:11px; font-weight:800; line-height:18px; letter-spacing:.035em; white-space:nowrap; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-offer p::before { content:""; flex:0 0 15px; width:15px; height:15px; background:currentColor; mask:url('../icons/plan-gift.svg') center/contain no-repeat; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .iptv-price-offer p { color:#4C3614; background:linear-gradient(105deg,#F8E9BC,#E8BF66); box-shadow:0 4px 12px rgba(154,110,28,.15); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-amount .elementor-heading-title { font-weight:800; letter-spacing:-.05em; white-space:nowrap; color:#111111; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note { position:relative; }
/* Retain the existing layout footprint while making the visible box smaller. */
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note .iptv-deal-space { display:block; visibility:hidden; padding:12px 14px; border:1px solid transparent; font-size:17px; font-weight:700; line-height:1.35; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-deal-space strong { font-size:18px; font-weight:800; white-space:nowrap; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note p { position:absolute; inset:0 0 auto; padding:8px 10px; border:1px solid rgba(166,91,99,.19); border-radius:10px; background:#FFF6F6; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note p strong { display:block; color:#674B50; font-size:16px; font-weight:600; line-height:21px; white-space:nowrap; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note p span { display:block; margin-top:2px; color:#796C6F; font-size:12px; font-weight:400; line-height:17px; white-space:nowrap; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .iptv-price-deal-note p { border-color:rgba(162,128,63,.22); background:#FFFAEF; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .iptv-price-deal-note p strong { color:#655338; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .iptv-price-deal-note p span { color:#786E5C; }
@media (max-width:767px) {
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note .iptv-deal-space { padding:11px 13px; font-size:15px; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-deal-space strong { font-size:17px; }
}
.iptv-pricing .iptv-price-features { padding-top:22px; padding-bottom:12px; border-top:1px solid #ebe5dc; }
.iptv-price-features .elementor-icon-list-items { display:flex; flex-direction:column; gap:14px; }
.iptv-price-features .elementor-icon-list-item { position:relative; align-items:flex-start; }
.iptv-price-features .elementor-icon-list-item:not(:last-child)::after { content:""; position:absolute; left:30px; right:0; bottom:-7px; width:auto; height:1px; background:rgba(20,20,20,.05); pointer-events:none; }
.iptv-price-features .elementor-icon-list-icon { display:flex; justify-content:center; align-items:center; flex:0 0 20px; width:20px; height:20px; border-radius:50%; background:#f5efdf; margin-top:1px; box-shadow:inset 0 0 0 1px rgba(146,109,22,.055); transition:background-color 280ms cubic-bezier(.2,.8,.2,1); }
.iptv-price-features .elementor-icon-list-icon svg { width:11px; height:11px; fill:#926d16; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .elementor-icon-list-icon { background:#ead8a8; box-shadow:inset 0 0 0 1px rgba(148,104,24,.12); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .elementor-icon-list-icon svg { fill:#785015; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular .elementor-icon-list-icon { background:#f3d8d6; box-shadow:inset 0 0 0 1px rgba(152,42,50,.09); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular .elementor-icon-list-icon svg { fill:#9C2A32; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .iptv-price-features { border-top-color:#e2cea0; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular .iptv-price-features { border-top-color:#e9c6c4; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular .elementor-icon-list-item:not(:last-child)::after { background:rgba(190,35,45,.09); }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium .elementor-icon-list-item:not(:last-child)::after { background:rgba(154,112,34,.11); }
.iptv-price-features .elementor-icon-list-text { padding-left:10px; }
.iptv-pricing .iptv-price-cta { margin-top:auto; width:100%; }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust { width:100%; }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__label { display:flex; align-items:center; justify-content:center; gap:6px; color:#1F1F1F; font-size:10.5px; font-weight:500; line-height:18px; text-align:center; }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__label::before, :is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__label::after { content:""; width:23px; height:1px; background:linear-gradient(90deg,transparent,rgba(201,20,27,.18),rgba(217,134,26,.4)); }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__label::after { transform:rotate(180deg); }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__label svg { flex:0 0 12px; width:12px; height:12px; fill:none; stroke:#D9861A; opacity:.7; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__logos { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; width:100%; max-width:236px; margin:6px auto 0; padding:0; list-style:none; }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__logos li { display:flex; align-items:center; justify-content:center; min-width:0; margin:0; padding:1px; height:26px; border:1px solid #E7D8BF; border-radius:4px; background:#F6EFE3; }
:is(:is(#angebote, #mehrbildschirm-angebote), #iptv-checkout) .iptv-payment-trust__logos img { display:block; width:82%; height:20.5px; object-fit:contain; filter:saturate(.45); }
.iptv-pricing .elementor-button { position:relative; display:flex; justify-content:center; align-items:center; width:100%; min-height:56px; padding:17px 18px; border:0; border-radius:10px; overflow:hidden; color:#fff; background:#B5121B linear-gradient(110deg,#B5121B 0%,#BE201B 64%,#DDA008 112%); box-shadow:0 5px 14px rgba(210,25,25,.18),0 2px 6px rgba(0,0,0,.08); font:700 16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-decoration:none; transition:transform 250ms ease,box-shadow 250ms ease,filter 250ms ease; }
.iptv-pricing .elementor-button-content-wrapper { position:relative; z-index:1; align-items:center; gap:10px; }
.elementor .iptv-pricing .elementor-widget.iptv-price-cta .elementor-button { padding:18px; white-space:nowrap; }
:is(#angebote, #mehrbildschirm-angebote) .iptv-price-cta .elementor-button { background-color:#B5121B; background-image:linear-gradient(110deg,#B5121B 0%,#BE201B 64%,#DDA008 112%); border:0; border-radius:10px; color:#fff; font:700 16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:0 5px 14px rgb(210 25 25 / 18%),0 2px 6px rgb(0 0 0 / 8%); transition:filter 250ms ease,box-shadow 250ms ease,transform 250ms ease; }
.iptv-pricing .elementor-button-icon { display:flex; align-items:center; }
.iptv-pricing .elementor-button-icon svg { width:16px; height:16px; fill:currentColor; }
.iptv-pricing .elementor-button::before { content:""; position:absolute; inset:0 auto 0 -50%; width:50%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent); opacity:0; transform:translateX(0) skewX(-18deg); pointer-events:none; }
.iptv-pricing a:focus-visible { outline:2px solid #d00; outline-offset:2px; }
@media (min-width:768px) and (max-width:1199px) {
 .elementor .iptv-pricing .elementor-element.iptv-pricing-grid { --e-con-grid-template-columns:repeat(2,minmax(0,1fr)); --e-con-grid-template-rows:repeat(2,auto); }
}
/* Keep the longest feature on one line in the narrowest four-column layout. */
@media (min-width:1200px) and (max-width:1279.98px) {
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-features .elementor-icon-list-text { font-size:13px; }
}
/* Match the existing header's 20px gutters below its desktop breakpoint. */
@media (min-width:768px) and (max-width:1023.98px) {
 :is(#angebote, #mehrbildschirm-angebote).iptv-pricing { padding-inline:20px; }
}
:is(#angebote, #mehrbildschirm-angebote) .iptv-features-toggle { display:none; }
@media (max-width:767px) {
 /* Stacked cards need only the space occupied by the visible offer text. */
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note .iptv-deal-space { display:none; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-deal-note p { position:static; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-features[data-features-expanded="false"] .elementor-icon-list-item:nth-child(n+8) { display:none; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-features[data-features-expanded="false"] .elementor-icon-list-item:nth-child(7)::after { display:none; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-features-toggle { display:inline-flex; align-items:center; gap:9px; min-height:44px; margin:12px 0 0; padding:6px 0; border:0; border-radius:2px; background:none; color:#524838; font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:left; cursor:pointer; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-features-toggle::after { content:""; width:7px; height:7px; margin-top:-4px; border-right:1.5px solid #986e27; border-bottom:1.5px solid #986e27; transform:rotate(45deg); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-features-toggle[aria-expanded="true"]::after { margin-top:4px; transform:rotate(225deg); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-features-toggle:hover { text-decoration:underline; text-decoration-color:#bb8b31; text-underline-offset:4px; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-features-toggle:focus-visible { outline:2px solid #DD0000; outline-offset:3px; }
 .iptv-pricing { scroll-margin-top:90px; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card { box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 25px rgba(30,20,10,.044),0 2px 6px rgba(30,20,10,.028); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular { box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(180,35,40,.09),0 3px 8px rgba(180,35,40,.05); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium { box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 32px rgba(176,136,45,.11),0 4px 10px rgba(176,136,45,.06); }
}
@media (min-width:1025px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card:hover { transform:translateY(-8px); border-color:#d8bd86; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 55px rgba(30,20,10,.072),0 5px 14px rgba(30,20,10,.04); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular:hover { border-color:rgba(210,35,40,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 26px 60px rgba(190,30,35,.14),0 6px 16px rgba(190,30,35,.08); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium:hover { border-color:rgba(190,140,35,.65); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 26px 60px rgba(180,130,30,.17),0 8px 20px rgba(180,130,30,.10); }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card:hover .elementor-icon-list-icon { background:#f0e6cd; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--popular:hover .elementor-icon-list-icon { background:#edccca; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card--premium:hover .elementor-icon-list-icon { background:#e8d6a5; }
}
@media (hover:hover) and (pointer:fine) {
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-cta .elementor-button:hover { color:#fff; transform:translateY(-2px); filter:brightness(1.03); box-shadow:0 8px 20px rgb(210 25 25 / 25%),0 4px 10px rgb(0 0 0 / 10%); }
 :is(#angebote, #mehrbildschirm-angebote) .elementor-button:hover::before { opacity:1; transform:translateX(320%) skewX(-18deg); transition:transform 250ms ease,opacity 100ms ease; }
}
@media (prefers-reduced-motion:reduce) {
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-card, :is(#angebote, #mehrbildschirm-angebote) .elementor-button, :is(#angebote, #mehrbildschirm-angebote) .elementor-icon-list-icon { transition:none; }
 :is(#angebote, #mehrbildschirm-angebote) .iptv-price-cta .elementor-button:hover { transform:none; }
 .iptv-pricing .elementor-button::before { display:none; }
}