{"id":1428,"date":"2026-06-11T11:59:16","date_gmt":"2026-06-11T11:59:16","guid":{"rendered":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/?page_id=1428"},"modified":"2026-06-11T12:15:38","modified_gmt":"2026-06-11T12:15:38","slug":"email-checkout","status":"publish","type":"page","link":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/email-checkout\/","title":{"rendered":"email checkout"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1428\" class=\"elementor elementor-1428\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-924af39 e-con-full e-flex e-con e-parent\" data-id=\"924af39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6da1c2d elementor-widget elementor-widget-html\" data-id=\"6da1c2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n============================================================\nCHECKOUT PAGE \u2014 IPTV Smarters Official (Bestellung per E-Mail)\n============================================================\nWIE DIE LINKS VON DER TARIFSEITE FUNKTIONIEREN:\n\nAktualisieren Sie die \"price-cta\"-Links Ihrer Startseite auf:\n\/checkout?plan=premium-12&type=single\n\nUnterst\u00fctzte URL-Parameter:\n?plan=starter-3        \u2192 3 Monate Single | \u20ac22,99\n?plan=value-6          \u2192 6 Monate Single | \u20ac33,99\n?plan=premium-12       \u2192 12 Monate Single | \u20ac49,99 (Standard)\n?plan=ultimate-24      \u2192 24 Monate Single | \u20ac79,99\n?plan=starter-3-multi  \u2192 3 Monate Multi | \u20ac39,99\n?plan=value-6-multi    \u2192 6 Monate Multi | \u20ac49,99\n?plan=premium-12-multi \u2192 12 Monate Multi | \u20ac79,99\n?plan=ultimate-24-multi\u2192 24 Monate Multi | \u20ac119,99\n\nE-MAIL-ADRESSE: smartersofficial2024@gmail.com (bereits eingetragen)\n\nELEMENTOR SETUP:\n1. Neue Seite \"Checkout\" \u2192 Template: \"Elementor Canvas\"\n2. Seiteneinstellungen (Zahnrad): Titel ausblenden ON, Hintergrund = #07091A\n3. Section hinzuf\u00fcgen \u2192 Volle Breite, Kein Abstand, Padding 0\n4. HTML-Widget hinzuf\u00fcgen, diesen gesamten Code einf\u00fcgen\n============================================================\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ============================================================\n   GLOBAL OVERRIDES\n   ============================================================ *\/\nbody, html { background: #07091A !important; }\n\nbody .elementor-section:has(#iptv-checkout),\nbody .elementor-container:has(#iptv-checkout),\nbody .elementor-column:has(#iptv-checkout),\nbody .elementor-widget-wrap:has(#iptv-checkout),\nbody .elementor-widget:has(#iptv-checkout),\nbody .elementor-widget-html:has(#iptv-checkout) {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n#iptv-checkout-wrapper {\n  background: #07091A !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 100vw !important;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  overflow: hidden;\n  min-height: 100vh;\n}\n\n#iptv-checkout {\n  --c-bg: #07091A;\n  --c-text: #F5F7FF;\n  --c-text-muted: #A4ABCB;\n  --c-text-dim: #6B72A0;\n  --c-accent: #FF3D5A;\n  --c-cyan: #00D4FF;\n  --c-violet: #7C5CFF;\n  --c-success: #10E0A0;\n  --c-gold: #FFB547;\n\n  background-color: #07091A !important;\n  background-image:\n    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px) !important;\n  background-size: 64px 64px !important;\n  color: #F5F7FF !important;\n  font-family: \"Inter\", ui-sans-serif, system-ui, sans-serif !important;\n  line-height: 1.6;\n  font-size: 16px;\n  overflow-x: hidden;\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 100% !important;\n  position: relative;\n  display: block;\n  z-index: 2;\n  min-height: 100vh;\n}\n\n#iptv-checkout *,\n#iptv-checkout *::before,\n#iptv-checkout *::after {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n}\n\n#iptv-checkout img { max-width: 100%; display: block; }\n#iptv-checkout a { color: inherit; text-decoration: none; }\n#iptv-checkout button { font-family: inherit; cursor: pointer; border: none; background: none; }\n#iptv-checkout ul { list-style: none !important; padding: 0 !important; }\n\n#iptv-checkout h1,\n#iptv-checkout h2,\n#iptv-checkout h3,\n#iptv-checkout h4,\nbody #iptv-checkout h1,\nbody #iptv-checkout h2,\nbody #iptv-checkout h3,\nbody #iptv-checkout h4 {\n  font-family: \"Outfit\", sans-serif !important;\n  font-weight: 700 !important;\n  line-height: 1.15 !important;\n  letter-spacing: -0.02em !important;\n  color: #F5F7FF !important;\n}\n\n#iptv-checkout p,\nbody #iptv-checkout p {\n  color: #A4ABCB !important;\n  margin: 0;\n}\n\n#iptv-checkout .container {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* ============================================================\n   HEADER (simplified)\n   ============================================================ *\/\n#iptv-checkout .checkout-header {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: rgba(7, 9, 26, 0.85);\n  backdrop-filter: blur(20px);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  padding: 16px 0;\n}\n#iptv-checkout .checkout-nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n#iptv-checkout .logo {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-family: \"Outfit\", sans-serif !important;\n  font-weight: 800 !important;\n  font-size: 17px !important;\n  color: #F5F7FF !important;\n}\n#iptv-checkout .logo-mark {\n  width: 36px;\n  height: 36px;\n  border-radius: 10px;\n  background: linear-gradient(135deg, #FF3D5A 0%, #FF5C3A 50%, #7C5CFF 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(255, 61, 90, 0.4);\n}\n#iptv-checkout .logo-mark svg { width: 18px; height: 18px; color: white; }\n#iptv-checkout .back-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 14px !important;\n  color: #A4ABCB !important;\n  font-weight: 500;\n  transition: color 0.2s;\n}\n#iptv-checkout .back-link:hover { color: #F5F7FF !important; }\n\n\/* ============================================================\n   HERO BANNER\n   ============================================================ *\/\n#iptv-checkout .checkout-hero {\n  position: relative;\n  padding: 60px 0 40px;\n  text-align: center;\n  background:\n    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(255, 61, 90, 0.15) 0%, transparent 60%),\n    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(124, 92, 255, 0.1) 0%, transparent 60%);\n}\n#iptv-checkout .secure-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: rgba(16, 224, 160, 0.1);\n  border: 1px solid rgba(16, 224, 160, 0.3);\n  border-radius: 100px;\n  margin-bottom: 16px;\n  font-family: \"Outfit\", sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  color: #10E0A0 !important;\n}\n#iptv-checkout .secure-badge svg { width: 14px; height: 14px; color: #10E0A0; }\n#iptv-checkout .checkout-hero h1 {\n  font-size: clamp(28px, 4vw, 44px) !important;\n  margin-bottom: 12px !important;\n}\n#iptv-checkout .checkout-hero p {\n  font-size: 17px !important;\n  color: #A4ABCB !important;\n  max-width: 600px;\n  margin: 0 auto !important;\n}\n\n\/* ============================================================\n   PROGRESS STEPS\n   ============================================================ *\/\n#iptv-checkout .progress-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0;\n  margin: 32px 0;\n  flex-wrap: wrap;\n  position: relative;\n  z-index: 2;\n}\n#iptv-checkout .progress-step {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n#iptv-checkout .progress-num {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: \"Outfit\", sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  border: 2px solid rgba(255, 255, 255, 0.15);\n  background: rgba(255,255,255,0.04);\n  color: #A4ABCB;\n}\n#iptv-checkout .progress-step.active .progress-num {\n  background: linear-gradient(135deg, #FF3D5A, #FF5C3A);\n  color: white;\n  border-color: transparent;\n  box-shadow: 0 4px 16px rgba(255, 61, 90, 0.4);\n}\n#iptv-checkout .progress-step.done .progress-num {\n  background: rgba(16, 224, 160, 0.15);\n  border-color: rgba(16, 224, 160, 0.4);\n  color: #10E0A0;\n}\n#iptv-checkout .progress-label {\n  font-family: \"Outfit\", sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  color: #A4ABCB;\n}\n#iptv-checkout .progress-step.active .progress-label { color: #F5F7FF; }\n#iptv-checkout .progress-line {\n  width: 60px;\n  height: 2px;\n  background: rgba(255, 255, 255, 0.1);\n  margin: 0 16px;\n  border-radius: 2px;\n}\n#iptv-checkout .progress-line.done { background: linear-gradient(90deg, #10E0A0, rgba(16,224,160,0.3)); }\n\n\/* ============================================================\n   MAIN GRID \u2014 Order Summary + Form\n   ============================================================ *\/\n#iptv-checkout .checkout-main {\n  padding: 40px 0 80px;\n  position: relative;\n}\n#iptv-checkout .checkout-grid {\n  display: grid;\n  grid-template-columns: 1fr 420px;\n  gap: 32px;\n  align-items: start;\n}\n\n\/* ============================================================\n   STEPS CARD (left side)\n   ============================================================ *\/\n#iptv-checkout .steps-card {\n  background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 24px;\n  padding: 40px;\n  backdrop-filter: blur(10px);\n}\n#iptv-checkout .steps-card h2 {\n  font-size: 24px !important;\n  margin-bottom: 8px !important;\n}\n#iptv-checkout .steps-card .lead {\n  color: #A4ABCB !important;\n  font-size: 15px !important;\n  margin-bottom: 32px !important;\n}\n\n#iptv-checkout .checkout-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  margin-bottom: 32px;\n}\n#iptv-checkout .step-item {\n  display: flex;\n  gap: 16px;\n  padding: 20px;\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 16px;\n  transition: all 0.3s;\n  position: relative;\n}\n#iptv-checkout .step-item:hover {\n  border-color: rgba(255, 61, 90, 0.3);\n  background: rgba(255,61,90,0.04);\n}\n#iptv-checkout .step-icon {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, rgba(255,61,90,0.15), rgba(124,92,255,0.15));\n  border: 1px solid rgba(255, 61, 90, 0.25);\n  flex-shrink: 0;\n  font-family: \"Outfit\", sans-serif;\n  font-size: 16px;\n  font-weight: 800;\n  color: #FF3D5A;\n}\n#iptv-checkout .step-item:nth-child(2) .step-icon {\n  background: linear-gradient(135deg, rgba(0,212,255,0.15), rgba(124,92,255,0.15));\n  border-color: rgba(0,212,255,0.25);\n  color: #00D4FF;\n}\n#iptv-checkout .step-item:nth-child(3) .step-icon {\n  background: linear-gradient(135deg, rgba(16,224,160,0.15), rgba(0,212,255,0.15));\n  border-color: rgba(16,224,160,0.25);\n  color: #10E0A0;\n}\n#iptv-checkout .step-content { flex: 1; min-width: 0; }\n#iptv-checkout .step-content h3 {\n  font-size: 16px !important;\n  margin-bottom: 4px !important;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n#iptv-checkout .step-time {\n  font-size: 11px !important;\n  font-weight: 600;\n  color: #A4ABCB;\n  background: rgba(255,255,255,0.06);\n  padding: 2px 8px;\n  border-radius: 100px;\n  font-family: \"Outfit\", sans-serif;\n}\n#iptv-checkout .step-content p {\n  font-size: 14px !important;\n  color: #A4ABCB !important;\n  line-height: 1.6 !important;\n}\n\n\/* Email big CTA *\/\n#iptv-checkout .email-cta-block {\n  margin-top: 32px;\n  padding: 28px;\n  background:\n    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(255, 61, 90, 0.15) 0%, transparent 70%),\n    linear-gradient(145deg, rgba(255, 61, 90, 0.06), rgba(255,255,255,0.02));\n  border: 1px solid rgba(255, 61, 90, 0.25);\n  border-radius: 16px;\n  text-align: center;\n}\n#iptv-checkout .email-cta-block h3 {\n  font-size: 18px !important;\n  margin-bottom: 6px !important;\n  color: #F5F7FF !important;\n}\n#iptv-checkout .email-cta-block p {\n  font-size: 14px !important;\n  color: #A4ABCB !important;\n  margin-bottom: 20px !important;\n}\n#iptv-checkout .email-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: 100%;\n  padding: 18px 32px;\n  background: linear-gradient(135deg, #FF3D5A 0%, #FF5C3A 100%);\n  color: white !important;\n  border-radius: 14px;\n  font-family: \"Outfit\", sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 16px !important;\n  transition: all 0.25s;\n  box-shadow: 0 8px 24px rgba(255, 61, 90, 0.35);\n  text-decoration: none !important;\n}\n#iptv-checkout .email-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 32px rgba(255, 61, 90, 0.5);\n}\n#iptv-checkout .email-btn svg { width: 22px; height: 22px; }\n\n#iptv-checkout .email-address-hint {\n  margin-top: 16px;\n  font-size: 13px;\n  color: #A4ABCB;\n}\n#iptv-checkout .email-address-hint a {\n  color: #00D4FF !important;\n  font-weight: 600;\n  font-family: \"Outfit\", sans-serif;\n}\n\n#iptv-checkout .email-info {\n  margin-top: 16px;\n  display: flex;\n  justify-content: center;\n  gap: 24px;\n  flex-wrap: wrap;\n  font-size: 13px;\n  color: #A4ABCB;\n}\n#iptv-checkout .email-info span {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n#iptv-checkout .email-info svg { color: #10E0A0; }\n\n#iptv-checkout .email-alts {\n  margin-top: 16px;\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n#iptv-checkout .email-alt-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  border-radius: 10px;\n  font-family: \"Outfit\", sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  color: #F5F7FF !important;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  transition: all 0.2s;\n  cursor: pointer;\n}\n#iptv-checkout .email-alt-btn:hover {\n  border-color: rgba(255, 61, 90, 0.4);\n  background: rgba(255,61,90,0.06);\n}\n#iptv-checkout .email-alt-divider {\n  margin-top: 18px;\n  font-size: 12px;\n  color: #6B72A0;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  font-family: \"Outfit\", sans-serif;\n}\n#iptv-checkout #copyToast {\n  margin-top: 12px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #10E0A0;\n  font-family: \"Outfit\", sans-serif;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n#iptv-checkout #copyToast.show { opacity: 1; }\n\n\/* ============================================================\n   ORDER SUMMARY (right side - sticky)\n   ============================================================ *\/\n#iptv-checkout .order-summary {\n  position: sticky;\n  top: 100px;\n  background: linear-gradient(145deg, rgba(255, 61, 90, 0.06), rgba(124, 92, 255, 0.03));\n  border: 1px solid rgba(255, 61, 90, 0.2);\n  border-radius: 24px;\n  padding: 32px;\n  backdrop-filter: blur(10px);\n  box-shadow: 0 20px 60px rgba(255, 61, 90, 0.08);\n}\n#iptv-checkout .summary-label {\n  display: inline-block;\n  font-family: \"Outfit\", sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: #FF3D5A;\n  margin-bottom: 8px;\n}\n#iptv-checkout .summary-title {\n  font-family: \"Outfit\", sans-serif;\n  font-size: 22px;\n  font-weight: 800;\n  color: #F5F7FF;\n  margin-bottom: 20px;\n  line-height: 1.2;\n}\n\n#iptv-checkout .summary-features {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 20px 0;\n  margin-bottom: 20px;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n#iptv-checkout .summary-feat {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14px;\n  color: #F5F7FF;\n}\n#iptv-checkout .summary-feat svg {\n  flex-shrink: 0;\n  color: #10E0A0;\n  margin-top: 3px;\n  width: 16px;\n  height: 16px;\n}\n#iptv-checkout .summary-feat strong { color: #F5F7FF; font-family: \"Outfit\", sans-serif; }\n\n#iptv-checkout .summary-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n  font-size: 14px;\n}\n#iptv-checkout .summary-row.strike {\n  color: #6B72A0;\n}\n#iptv-checkout .summary-row.strike .summary-value { text-decoration: line-through; }\n#iptv-checkout .summary-row.discount { color: #10E0A0; font-weight: 600; }\n\n#iptv-checkout .summary-total {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  padding-top: 16px;\n  margin-top: 16px;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n#iptv-checkout .summary-total-label {\n  font-family: \"Outfit\", sans-serif;\n  font-size: 14px;\n  color: #A4ABCB;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  font-weight: 600;\n}\n#iptv-checkout .summary-total-amount {\n  font-family: \"Outfit\", sans-serif;\n  font-size: 36px;\n  font-weight: 800;\n  background: linear-gradient(135deg, #FF3D5A 0%, #FF5C3A 50%, #FFB547 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  letter-spacing: -0.04em;\n}\n#iptv-checkout .summary-vat {\n  font-size: 11px;\n  color: #6B72A0;\n  text-align: right;\n  margin-top: 4px;\n}\n\n#iptv-checkout .summary-trust {\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n#iptv-checkout .trust-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: #A4ABCB;\n}\n#iptv-checkout .trust-item svg { color: #10E0A0; flex-shrink: 0; width: 16px; height: 16px; }\n\n#iptv-checkout .summary-payments {\n  margin-top: 20px;\n  padding: 16px;\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 12px;\n}\n#iptv-checkout .summary-payments-label {\n  font-size: 11px;\n  font-weight: 600;\n  color: #6B72A0;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 10px;\n  font-family: \"Outfit\", sans-serif;\n}\n#iptv-checkout .summary-payments-list {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n#iptv-checkout .summary-payment-badge {\n  font-family: \"Outfit\", sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  color: #A4ABCB;\n  padding: 6px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 6px;\n  background: rgba(255,255,255,0.02);\n}\n\n\/* ============================================================\n   FAQ MINI\n   ============================================================ *\/\n#iptv-checkout .checkout-faq {\n  padding: 60px 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n  position: relative;\n  z-index: 2;\n}\n#iptv-checkout .faq-mini-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 32px;\n}\n#iptv-checkout .faq-mini {\n  background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 16px;\n  padding: 24px;\n}\n#iptv-checkout .faq-mini h4 {\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  color: #F5F7FF !important;\n  margin-bottom: 8px !important;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n#iptv-checkout .faq-mini h4 svg {\n  width: 18px;\n  height: 18px;\n  color: #FF3D5A;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n#iptv-checkout .faq-mini p {\n  font-size: 13px !important;\n  color: #A4ABCB !important;\n  line-height: 1.6 !important;\n}\n\n#iptv-checkout .faq-section-title {\n  text-align: center;\n}\n#iptv-checkout .faq-section-title h2 {\n  font-size: 28px !important;\n  margin-bottom: 8px !important;\n}\n#iptv-checkout .faq-section-title p {\n  font-size: 15px !important;\n  color: #A4ABCB !important;\n}\n\n\/* ============================================================\n   FOOTER MINI\n   ============================================================ *\/\n#iptv-checkout .checkout-footer {\n  padding: 32px 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  position: relative;\n  z-index: 2;\n}\n#iptv-checkout .checkout-footer-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 16px;\n  font-size: 13px;\n  color: #6B72A0;\n}\n#iptv-checkout .checkout-footer-content a { color: #A4ABCB !important; transition: color 0.2s; }\n#iptv-checkout .checkout-footer-content a:hover { color: #FF3D5A !important; }\n#iptv-checkout .footer-links {\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n\/* ============================================================\n   EMAIL FAB\n   ============================================================ *\/\n#iptv-checkout .email-fab {\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #FF3D5A 0%, #FF5C3A 100%) !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  box-shadow: 0 8px 24px rgba(255, 61, 90, 0.4);\n  transition: transform 0.25s;\n}\n#iptv-checkout .email-fab:hover { transform: scale(1.08); }\n#iptv-checkout .email-fab svg { color: white; }\n\n\/* ============================================================\n   RESPONSIVE\n   ============================================================ *\/\n@media (max-width: 968px) {\n  #iptv-checkout .checkout-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  #iptv-checkout .order-summary {\n    position: static;\n    order: -1;\n  }\n  #iptv-checkout .steps-card { padding: 28px; }\n  #iptv-checkout .faq-mini-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 640px) {\n  #iptv-checkout .checkout-hero { padding: 40px 0 28px; }\n  #iptv-checkout .checkout-main { padding: 24px 0 60px; }\n  #iptv-checkout .steps-card { padding: 24px 20px; }\n  #iptv-checkout .order-summary { padding: 24px 20px; }\n  #iptv-checkout .summary-total-amount { font-size: 30px; }\n  #iptv-checkout .step-item { padding: 16px; flex-direction: column; gap: 12px; }\n  #iptv-checkout .progress-bar { gap: 0; }\n  #iptv-checkout .progress-line { width: 24px; margin: 0 8px; }\n  #iptv-checkout .progress-label { display: none; }\n  #iptv-checkout .faq-mini-grid { grid-template-columns: 1fr; }\n  #iptv-checkout .checkout-footer-content { flex-direction: column; text-align: center; }\n}\n<\/style>\n\n<div id=\"iptv-checkout-wrapper\">\n<div id=\"iptv-checkout\">\n\n<!-- ============================================================\n     HEADER\n     ============================================================ -->\n<header class=\"checkout-header\">\n  <div class=\"container checkout-nav\">\n    <a href=\"\/\" class=\"logo\">\n      <span class=\"logo-mark\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <path d=\"M8 21h8M12 17v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/span>\n      IPTV Smarters DE\n    <\/a>\n    <a href=\"\/#pricing\" class=\"back-link\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      Zur\u00fcck zu den Paketen\n    <\/a>\n  <\/div>\n<\/header>\n\n<!-- ============================================================\n     HERO\n     ============================================================ -->\n<section class=\"checkout-hero\">\n  <div class=\"container\">\n    <div class=\"secure-badge\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n      Sicherer Bestellvorgang \u00b7 SSL-verschl\u00fcsselt\n    <\/div>\n    <h1>Ihre Bestellung abschlie\u00dfen<\/h1>\n    <p>Nur noch wenige Schritte und Sie streamen in 4K-Qualit\u00e4t. Bestellen Sie einfach und sicher per E-Mail.<\/p>\n\n    <div class=\"progress-bar\">\n      <div class=\"progress-step done\">\n        <span class=\"progress-num\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n        <span class=\"progress-label\">Paket gew\u00e4hlt<\/span>\n      <\/div>\n      <div class=\"progress-line done\"><\/div>\n      <div class=\"progress-step active\">\n        <span class=\"progress-num\">2<\/span>\n        <span class=\"progress-label\">Bezahlung<\/span>\n      <\/div>\n      <div class=\"progress-line\"><\/div>\n      <div class=\"progress-step\">\n        <span class=\"progress-num\">3<\/span>\n        <span class=\"progress-label\">Aktivierung<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     MAIN \u2014 Steps + Order Summary\n     ============================================================ -->\n<section class=\"checkout-main\">\n  <div class=\"container\">\n    <div class=\"checkout-grid\">\n\n      <!-- LEFT: Steps -->\n      <div class=\"steps-card\">\n        <h2>So schlie\u00dfen Sie Ihre Bestellung ab<\/h2>\n        <p class=\"lead\">In 3 einfachen Schritten zu Ihrem Premium IPTV Abonnement.<\/p>\n\n        <div class=\"checkout-steps\">\n\n          <div class=\"step-item\">\n            <div class=\"step-icon\">1<\/div>\n            <div class=\"step-content\">\n              <h3>Per E-Mail kontaktieren <span class=\"step-time\">\u23f1 Sofort<\/span><\/h3>\n              <p>Klicken Sie unten auf den Button. Es \u00f6ffnet sich automatisch eine vorausgef\u00fcllte E-Mail mit dem Namen Ihres gew\u00e4hlten Pakets. Sie m\u00fcssen sie nur noch absenden.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"step-item\">\n            <div class=\"step-icon\">2<\/div>\n            <div class=\"step-content\">\n              <h3>Zahlungslink erhalten <span class=\"step-time\">\u23f1 Wenige Min.<\/span><\/h3>\n              <p>Unser Team sendet Ihnen innerhalb weniger Minuten einen sicheren Zahlungslink f\u00fcr Ihr gew\u00e4hltes Paket. Sie k\u00f6nnen bequem mit PayPal, Kreditkarte, SEPA oder Krypto bezahlen.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"step-item\">\n            <div class=\"step-icon\">3<\/div>\n            <div class=\"step-content\">\n              <h3>Zugangsdaten erhalten <span class=\"step-time\">\u23f1 5 Min.<\/span><\/h3>\n              <p>Nach Zahlungseingang erhalten Sie Ihre pers\u00f6nlichen Zugangsdaten per E-Mail. Einfach in IPTV Smarters Pro einloggen und sofort streamen!<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Email CTA Block -->\n        <div class=\"email-cta-block\">\n          <h3>Bereit zur Bestellung?<\/h3>\n          <p>Klicken Sie auf den Button. Eine vorausgef\u00fcllte E-Mail mit den Details Ihres Pakets \u00f6ffnet sich automatisch.<\/p>\n\n          <a href=\"#\" id=\"emailOrderBtn\" class=\"email-btn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"m2 7 10 6 10-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            <span>Per E-Mail bestellen<\/span>\n          <\/a>\n\n          <div class=\"email-address-hint\">\n            Oder schreiben Sie uns direkt an <a href=\"#\" id=\"emailAddressLink\">smartersofficial2024@gmail.com<\/a>\n          <\/div>\n\n          <div class=\"email-alt-divider\">Funktioniert der Button nicht?<\/div>\n          <div class=\"email-alts\">\n            <a href=\"#\" id=\"gmailBtn\" target=\"_blank\" rel=\"noopener\" class=\"email-alt-btn\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"m2 7 10 6 10-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              In Gmail \u00f6ffnen\n            <\/a>\n            <a href=\"#\" id=\"outlookBtn\" target=\"_blank\" rel=\"noopener\" class=\"email-alt-btn\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"m2 7 10 6 10-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              In Outlook \u00f6ffnen\n            <\/a>\n            <button type=\"button\" id=\"copyEmailBtn\" class=\"email-alt-btn\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M5 15V5a2 2 0 0 1 2-2h10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              Adresse kopieren\n            <\/button>\n          <\/div>\n          <div id=\"copyToast\">\u2713 E-Mail-Adresse kopiert!<\/div>\n\n          <div class=\"email-info\">\n            <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Antwort in wenigen Min.<\/span>\n            <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 24\/7 verf\u00fcgbar<\/span>\n            <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Deutscher Support<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Order Summary -->\n      <aside class=\"order-summary\">\n        <div class=\"summary-label\">Ihre Bestellung<\/div>\n        <div class=\"summary-title\" id=\"planTitle\">IPTV Smarters Pro \u00b7 12 Monate<\/div>\n\n        <div class=\"summary-features\" id=\"planFeatures\">\n          <div class=\"summary-feat\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span><strong>50.000+ Sender<\/strong> in 4K\/HD<\/span><\/div>\n          <div class=\"summary-feat\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>150.000+ Filme &amp; Serien<\/span><\/div>\n          <div class=\"summary-feat\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>Alle Ger\u00e4te kompatibel<\/span><\/div>\n          <div class=\"summary-feat\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span id=\"planScreens\">1 Bildschirm<\/span><\/div>\n          <div class=\"summary-feat\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>24\/7 Premium Support<\/span><\/div>\n        <\/div>\n\n        <div class=\"summary-row strike\" id=\"strikeRow\">\n          <span>Originalpreis<\/span>\n          <span class=\"summary-value\" id=\"strikePrice\">\u20ac79,96<\/span>\n        <\/div>\n        <div class=\"summary-row discount\" id=\"discountRow\">\n          <span>Ihr Rabatt<\/span>\n          <span id=\"discountAmount\">\u2212\u20ac29,97 (38%)<\/span>\n        <\/div>\n        <div class=\"summary-row\">\n          <span style=\"color: #A4ABCB;\">Aktivierung<\/span>\n          <span style=\"color: #10E0A0; font-weight: 600;\">Kostenlos<\/span>\n        <\/div>\n\n        <div class=\"summary-total\">\n          <span class=\"summary-total-label\">Gesamt<\/span>\n          <span class=\"summary-total-amount\" id=\"totalPrice\">\u20ac49,99<\/span>\n        <\/div>\n        <div class=\"summary-vat\">inkl. MwSt. \u00b7 Einmalige Zahlung<\/div>\n\n        <div class=\"summary-trust\">\n          <div class=\"trust-item\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n            <span>7 Tage Geld-zur\u00fcck-Garantie<\/span>\n          <\/div>\n          <div class=\"trust-item\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m13 2-9 12h7l-1 8 9-12h-7l1-8Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n            <span>Aktivierung in unter 5 Minuten<\/span>\n          <\/div>\n          <div class=\"trust-item\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"m9 12 2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <span>Keine Vertragsbindung<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"summary-payments\">\n          <div class=\"summary-payments-label\">Akzeptierte Zahlungen<\/div>\n          <div class=\"summary-payments-list\">\n            <span class=\"summary-payment-badge\">VISA<\/span>\n            <span class=\"summary-payment-badge\">Mastercard<\/span>\n            <span class=\"summary-payment-badge\">PayPal<\/span>\n            <span class=\"summary-payment-badge\">SEPA<\/span>\n            <span class=\"summary-payment-badge\">Bitcoin<\/span>\n          <\/div>\n        <\/div>\n      <\/aside>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     MINI FAQ\n     ============================================================ -->\n<section class=\"checkout-faq\">\n  <div class=\"container\">\n    <div class=\"faq-section-title\">\n      <h2>H\u00e4ufige Fragen vor dem Kauf<\/h2>\n      <p>Alles was Sie wissen m\u00fcssen, bevor Sie bestellen.<\/p>\n    <\/div>\n\n    <div class=\"faq-mini-grid\">\n      <div class=\"faq-mini\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 8v4M12 16h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n          Warum bestelle ich per E-Mail?\n        <\/h4>\n        <p>Wir versenden den sicheren Zahlungslink pers\u00f6nlich an Sie. So k\u00f6nnen wir jede Anfrage individuell bearbeiten und sicherstellen, dass alles reibungslos l\u00e4uft.<\/p>\n      <\/div>\n      <div class=\"faq-mini\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\n          Ist die Zahlung sicher?\n        <\/h4>\n        <p>Ja, alle Zahlungen werden \u00fcber SSL-verschl\u00fcsselte, etablierte Zahlungsdienstleister abgewickelt. Ihre Daten sind zu 100 % sicher.<\/p>\n      <\/div>\n      <div class=\"faq-mini\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n          Wie schnell wird mein Abo aktiviert?\n        <\/h4>\n        <p>Innerhalb von 5 Minuten nach Zahlungseingang erhalten Sie Ihre Zugangsdaten per E-Mail.<\/p>\n      <\/div>\n      <div class=\"faq-mini\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"m9 12 2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          Was ist die Geld-zur\u00fcck-Garantie?\n        <\/h4>\n        <p>Sie k\u00f6nnen unseren Service 7 Tage lang testen. Sind Sie nicht zufrieden? Wir erstatten den vollen Kaufpreis \u2013 ohne Wenn und Aber.<\/p>\n      <\/div>\n      <div class=\"faq-mini\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M2 10h20\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\n          Bekomme ich eine Rechnung?\n        <\/h4>\n        <p>Ja, sofort nach der Zahlung erhalten Sie automatisch eine Rechnung per E-Mail \u2013 auch f\u00fcr Gesch\u00e4ftskunden mit USt-Ausweisung.<\/p>\n      <\/div>\n      <div class=\"faq-mini\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"m2 7 10 6 10-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          Wie kontaktiere ich den Support?\n        <\/h4>\n        <p>Unser deutschsprachiger Support ist 24\/7 per E-Mail erreichbar. Antwortzeit: in der Regel wenige Minuten.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FOOTER MINI\n     ============================================================ -->\n<footer class=\"checkout-footer\">\n  <div class=\"container checkout-footer-content\">\n    <div>\u00a9 2026 IPTV Smarters Official Deutschland. Alle Rechte vorbehalten.<\/div>\n    <div class=\"footer-links\">\n      <a href=\"\/impressum\">Impressum<\/a>\n      <a href=\"\/datenschutz\">Datenschutz<\/a>\n      <a href=\"\/agb\">AGB<\/a>\n      <a href=\"\/widerruf\">Widerruf<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- Email FAB -->\n<a href=\"#\" class=\"email-fab\" id=\"emailFab\" aria-label=\"Per E-Mail kontaktieren\">\n  <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n    <path d=\"m2 7 10 6 10-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n  <\/svg>\n<\/a>\n\n<\/div>\n<\/div>\n\n<!-- ============================================================\n     SCRIPT \u2014 Liest URL-Parameter, f\u00fcllt Zusammenfassung, baut mailto-Link\n     ============================================================ -->\n<script>\n(function() {\n  \/\/ E-Mail-Adresse f\u00fcr Bestellungen\n  var contactEmail = 'smartersofficial2024@gmail.com';\n\n  \/\/ Paket-Datenbank\n  var plans = {\n    'starter-3':         { name: 'Starter \u00b7 3 Monate',         duration: '3 Monate',  screens: '1 Bildschirm',                price: '22,99', strike: null,     discount: null  },\n    'value-6':           { name: 'Premium \u00b7 6 Monate',         duration: '6 Monate',  screens: '1 Bildschirm',                price: '33,99', strike: '39,98',  discount: '25%' },\n    'premium-12':        { name: 'Premium \u00b7 12 Monate',        duration: '12 Monate', screens: '1 Bildschirm',                price: '49,99', strike: '79,96',  discount: '38%' },\n    'ultimate-24':       { name: 'Ultimate \u00b7 24 Monate',       duration: '24 Monate', screens: '1 Bildschirm',                price: '79,99', strike: '159,92', discount: '50%' },\n    'starter-3-multi':   { name: 'Starter Multi \u00b7 3 Monate',   duration: '3 Monate',  screens: '3 Bildschirme gleichzeitig',  price: '39,99', strike: null,     discount: null  },\n    'value-6-multi':     { name: 'Premium Multi \u00b7 6 Monate',   duration: '6 Monate',  screens: '3 Bildschirme gleichzeitig',  price: '49,99', strike: '59,98',  discount: '25%' },\n    'premium-12-multi':  { name: 'Premium Multi \u00b7 12 Monate',  duration: '12 Monate', screens: '3 Bildschirme gleichzeitig',  price: '79,99', strike: '119,96', discount: '38%' },\n    'ultimate-24-multi': { name: 'Ultimate Multi \u00b7 24 Monate', duration: '24 Monate', screens: '3 Bildschirme gleichzeitig',  price: '119,99', strike: '239,92', discount: '50%' }\n  };\n\n  \/\/ Liest ?plan= aus der URL\n  function getParam(name) {\n    var match = new RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);\n    return match ? decodeURIComponent(match[1].replace(\/\\+\/g, ' ')) : null;\n  }\n\n  var planKey = getParam('plan') || 'premium-12';\n  var plan = plans[planKey] || plans['premium-12'];\n\n  \/\/ Zusammenfassung aktualisieren\n  var titleEl = document.getElementById('planTitle');\n  var screensEl = document.getElementById('planScreens');\n  var totalEl = document.getElementById('totalPrice');\n  var strikeRow = document.getElementById('strikeRow');\n  var discountRow = document.getElementById('discountRow');\n\n  if (titleEl) titleEl.textContent = 'IPTV Smarters Pro \u00b7 ' + plan.duration;\n  if (screensEl) screensEl.textContent = plan.screens;\n  if (totalEl) totalEl.textContent = '\u20ac' + plan.price;\n\n  if (plan.strike && strikeRow && discountRow) {\n    document.getElementById('strikePrice').textContent = '\u20ac' + plan.strike;\n    var savings = (parseFloat(plan.strike.replace(',', '.')) - parseFloat(plan.price.replace(',', '.'))).toFixed(2).replace('.', ',');\n    document.getElementById('discountAmount').textContent = '\u2212\u20ac' + savings + ' (' + plan.discount + ')';\n    strikeRow.style.display = '';\n    discountRow.style.display = '';\n  } else if (strikeRow && discountRow) {\n    strikeRow.style.display = 'none';\n    discountRow.style.display = 'none';\n  }\n\n  \/\/ Vorausgef\u00fcllte E-Mail (mailto) erstellen\n  var subject = 'Bestellung IPTV Smarters Pro \u2014 ' + plan.name;\n  var body = 'Hallo,\\n\\n' +\n             'ich bin an dem Angebot ' + plan.name + ' interessiert. Bitte senden Sie mir den Zahlungslink.\\n\\n' +\n             '\u2014 Angebotsdetails \u2014\\n' +\n             'Paket: ' + plan.name + '\\n' +\n             'Bildschirme: ' + plan.screens + '\\n' +\n             'Preis: \u20ac' + plan.price + '\\n\\n' +\n             'Mit freundlichen Gr\u00fc\u00dfen';\n\n  var mailtoUrl = 'mailto:' + contactEmail +\n                  '?subject=' + encodeURIComponent(subject) +\n                  '&body=' + encodeURIComponent(body);\n\n  var emailBtn = document.getElementById('emailOrderBtn');\n  if (emailBtn) emailBtn.href = mailtoUrl;\n\n  var emailFab = document.getElementById('emailFab');\n  if (emailFab) emailFab.href = mailtoUrl;\n\n  var emailAddressLink = document.getElementById('emailAddressLink');\n  if (emailAddressLink) {\n    emailAddressLink.href = mailtoUrl;\n    emailAddressLink.textContent = contactEmail;\n  }\n\n  \/\/ Webmail-Alternativen (\u00f6ffnen im Browser, ohne installiertes Mailprogramm)\n  var gmailUrl = 'https:\/\/mail.google.com\/mail\/?view=cm&fs=1' +\n                 '&to=' + encodeURIComponent(contactEmail) +\n                 '&su=' + encodeURIComponent(subject) +\n                 '&body=' + encodeURIComponent(body);\n\n  var outlookUrl = 'https:\/\/outlook.live.com\/mail\/0\/deeplink\/compose?' +\n                   'to=' + encodeURIComponent(contactEmail) +\n                   '&subject=' + encodeURIComponent(subject) +\n                   '&body=' + encodeURIComponent(body);\n\n  var gmailBtn = document.getElementById('gmailBtn');\n  if (gmailBtn) gmailBtn.href = gmailUrl;\n\n  var outlookBtn = document.getElementById('outlookBtn');\n  if (outlookBtn) outlookBtn.href = outlookUrl;\n\n  \/\/ \"Adresse kopieren\"\n  var copyBtn = document.getElementById('copyEmailBtn');\n  var copyToast = document.getElementById('copyToast');\n  if (copyBtn) {\n    copyBtn.addEventListener('click', function() {\n      var done = function() {\n        if (copyToast) {\n          copyToast.classList.add('show');\n          setTimeout(function() { copyToast.classList.remove('show'); }, 2500);\n        }\n      };\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        navigator.clipboard.writeText(contactEmail).then(done).catch(function() {\n          window.prompt('E-Mail-Adresse kopieren:', contactEmail);\n        });\n      } else {\n        window.prompt('E-Mail-Adresse kopieren:', contactEmail);\n      }\n    });\n  }\n\n  \/\/ Dokumenttitel aktualisieren (SEO)\n  document.title = 'Bestellung: ' + plan.name + ' | IPTV Smarters Official Deutschland';\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTV Smarters DE Zur\u00fcck zu den Paketen Sicherer Bestellvorgang \u00b7 SSL-verschl\u00fcsselt Ihre Bestellung abschlie\u00dfen Nur noch wenige Schritte und Sie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1428","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/pages\/1428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/comments?post=1428"}],"version-history":[{"count":7,"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/pages\/1428\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/pages\/1428\/revisions\/1442"}],"wp:attachment":[{"href":"https:\/\/iptvsmartersofficial.de\/iptv-smarters-pro\/wp-json\/wp\/v2\/media?parent=1428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}