{"id":31,"date":"2026-05-30T12:40:38","date_gmt":"2026-05-30T12:40:38","guid":{"rendered":"https:\/\/iptvkaufenpremium.com\/?page_id=31"},"modified":"2026-05-30T15:42:54","modified_gmt":"2026-05-30T15:42:54","slug":"allgemeine-geschaftsbedingungen","status":"publish","type":"page","link":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/allgemeine-geschaftsbedingungen\/","title":{"rendered":"Allgemeine Gesch\u00e4ftsbedingungen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af41c6c e-con-full e-flex e-con e-parent\" data-id=\"af41c6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9cf3ca elementor-widget elementor-widget-html\" data-id=\"c9cf3ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Allgemeine Gesch\u00e4ftsbedingungen | German IPTV<\/title>\n<meta name=\"description\" content=\"Allgemeine Gesch\u00e4ftsbedingungen (AGB) von German IPTV \u2014 Vertragsbedingungen f\u00fcr unser IPTV-Abonnement.\">\n<meta name=\"robots\" content=\"index, follow\">\n<link rel=\"canonical\" href=\"https:\/\/your-domain.de\/agb\">\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=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ============================================\n   GERMAN IPTV \u2013 DESIGN SYSTEM\n   Palette: German flag (Black, Red, Gold)\n============================================ *\/\n:root{\n  --bg-0:#080808;\n  --bg-1:#0E0E10;\n  --bg-2:#15151A;\n  --bg-card:#1A1A20;\n  --border:#26262E;\n  --text-1:#FFFFFF;\n  --text-2:#B8B8C0;\n  --text-3:#7A7A84;\n  --gold:#FFCE00;\n  --gold-soft:#FFD933;\n  --red:#DD0000;\n  --red-soft:#FF1A1A;\n  --black:#000000;\n  --gradient-flag: linear-gradient(135deg,#000 0%,#DD0000 50%,#FFCE00 100%);\n  --gradient-gold: linear-gradient(135deg,#FFCE00 0%,#FFB800 100%);\n  --gradient-red: linear-gradient(135deg,#DD0000 0%,#A30000 100%);\n  --radius-sm:8px;\n  --radius-md:14px;\n  --radius-lg:22px;\n  --shadow-glow: 0 0 60px rgba(255,206,0,.15);\n  --shadow-red: 0 10px 40px rgba(221,0,0,.25);\n}\n\n\/* ============================================\n   ELEMENTOR-SAFE GLOBAL STYLES\n============================================ *\/\n\/* Force dark background on the whole page even in Elementor *\/\nhtml,body{background:#080808 !important;margin:0;padding:0}\nbody::before{\n  content:'';\n  position:fixed;\n  inset:0;\n  background:#080808;\n  z-index:0;\n  pointer-events:none;\n}\n\n\/* Reset only OUR elements - don't touch Elementor's structure *\/\n.german-iptv-wrapper,\n.german-iptv-wrapper > *,\n.german-iptv-wrapper section,\n.german-iptv-wrapper div,\n.german-iptv-wrapper p,\n.german-iptv-wrapper h1,\n.german-iptv-wrapper h2,\n.german-iptv-wrapper h3,\n.german-iptv-wrapper h4,\n.german-iptv-wrapper ul,\n.german-iptv-wrapper li,\n.german-iptv-wrapper a,\n.german-iptv-wrapper button,\n.german-iptv-wrapper img,\n.german-iptv-wrapper span{\n  box-sizing:border-box;\n}\n.german-iptv-wrapper ul{list-style:none;padding:0;margin:0}\n.german-iptv-wrapper p{margin:0}\n\n.german-iptv-wrapper{\n  font-family:'Inter',sans-serif;\n  background:#080808;\n  color:#FFFFFF;\n  line-height:1.6;\n  overflow:hidden;\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  min-height:100vh;\n}\n.german-iptv-wrapper a{color:inherit;text-decoration:none}\n\n\/* ============================================\n   GLOBAL ANIMATED BACKGROUND\n   Fixed to viewport so it persists even inside Elementor containers\n============================================ *\/\n.bg-effects{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  overflow:hidden;\n  pointer-events:none;\n}\n.bg-blob{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(100px);\n  opacity:.55;\n  animation:blobMove 20s ease-in-out infinite;\n}\n.bg-blob.b1{\n  width:600px;height:600px;\n  background:radial-gradient(circle,rgba(221,0,0,.4) 0%,transparent 70%);\n  top:-10%;left:-10%;\n  animation-delay:0s;\n}\n.bg-blob.b2{\n  width:500px;height:500px;\n  background:radial-gradient(circle,rgba(255,206,0,.35) 0%,transparent 70%);\n  top:40%;right:-10%;\n  animation-delay:-7s;\n}\n.bg-blob.b3{\n  width:550px;height:550px;\n  background:radial-gradient(circle,rgba(255,206,0,.2) 0%,rgba(221,0,0,.15) 50%,transparent 70%);\n  bottom:-15%;left:30%;\n  animation-delay:-14s;\n}\n@keyframes blobMove{\n  0%,100%{transform:translate(0,0) scale(1)}\n  25%{transform:translate(80px,-60px) scale(1.1)}\n  50%{transform:translate(-50px,40px) scale(.95)}\n  75%{transform:translate(60px,80px) scale(1.05)}\n}\n\n\/* Noise\/grain overlay *\/\n.bg-noise{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  opacity:.04;\n  mix-blend-mode:overlay;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n\/* Floating particles *\/\n.particles{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  overflow:hidden;\n}\n.particle{\n  position:absolute;\n  background:var(--gold);\n  border-radius:50%;\n  opacity:0;\n  animation:particleFloat linear infinite;\n  box-shadow:0 0 10px var(--gold);\n}\n@keyframes particleFloat{\n  0%{opacity:0;transform:translateY(0) translateX(0)}\n  10%{opacity:.6}\n  90%{opacity:.6}\n  100%{opacity:0;transform:translateY(-110vh) translateX(60px)}\n}\n\n\/* Content sits above background effects *\/\n.german-iptv-wrapper > *{position:relative;z-index:1}\n.german-iptv-wrapper > .bg-effects,\n.german-iptv-wrapper > .bg-noise,\n.german-iptv-wrapper > .particles{z-index:0}\n.german-iptv-wrapper > .site-header{position:fixed;z-index:1000}\n.german-iptv-wrapper > .scroll-progress{position:fixed;z-index:9998}\n.german-iptv-wrapper > .whatsapp-float{position:fixed;z-index:999}\n\n\/* Glow follower on hero *\/\n.spotlight{\n  position:absolute;\n  width:600px;height:600px;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(255,206,0,.12) 0%,transparent 70%);\n  pointer-events:none;\n  transform:translate(-50%,-50%);\n  filter:blur(40px);\n  transition:opacity .3s;\n  z-index:1;\n}\n\n\/* ============================================\n   MARQUEE TICKER\n============================================ *\/\n.marquee-bar{\n  position:relative;\n  padding:14px 0;\n  background:linear-gradient(90deg,#000 0%,#1a0000 50%,#000 100%);\n  border-top:1px solid rgba(255,206,0,.15);\n  border-bottom:1px solid rgba(255,206,0,.15);\n  overflow:hidden;\n  margin-top:-1px;\n}\n.marquee-bar::before,.marquee-bar::after{\n  content:'';\n  position:absolute;\n  top:0;bottom:0;\n  width:120px;\n  z-index:2;\n  pointer-events:none;\n}\n.marquee-bar::before{left:0;background:linear-gradient(90deg,#000,transparent)}\n.marquee-bar::after{right:0;background:linear-gradient(-90deg,#000,transparent)}\n.marquee-track{\n  display:flex;\n  gap:50px;\n  animation:scrollLeft 35s linear infinite;\n  white-space:nowrap;\n  width:max-content;\n}\n.marquee-item{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.1rem;\n  letter-spacing:2px;\n  color:var(--text-2);\n}\n.marquee-item .dot-sep{\n  width:6px;height:6px;\n  background:var(--red);\n  border-radius:50%;\n  box-shadow:0 0 8px var(--red);\n}\n.marquee-item .star{color:var(--gold);font-size:1.2rem}\n@keyframes scrollLeft{\n  0%{transform:translateX(0)}\n  100%{transform:translateX(-50%)}\n}\n\n\/* Live indicator *\/\n.live-pulse{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  color:var(--red-soft);\n  font-weight:700;\n}\n.live-pulse::before{\n  content:'';\n  width:8px;height:8px;\n  background:var(--red);\n  border-radius:50%;\n  animation:livePulse 1.2s infinite;\n}\n@keyframes livePulse{\n  0%{box-shadow:0 0 0 0 rgba(221,0,0,.7)}\n  70%{box-shadow:0 0 0 10px rgba(221,0,0,0)}\n  100%{box-shadow:0 0 0 0 rgba(221,0,0,0)}\n}\n\n\/* ============================================\n   GRADIENT TEXT SHIMMER\n============================================ *\/\n.shimmer{\n  background:linear-gradient(90deg,#FFCE00 0%,#FFD933 30%,#fff 50%,#FFD933 70%,#FFCE00 100%);\n  background-size:200% auto;\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  animation:shimmerMove 3s linear infinite;\n}\n@keyframes shimmerMove{\n  0%{background-position:200% center}\n  100%{background-position:-200% center}\n}\n\n\/* ============================================\n   GLOW EFFECT ON HOVER\n============================================ *\/\n.feature-card,.cat-card,.step-card,.device-card,.price-card{\n  position:relative;\n}\n.feature-card::after,.cat-card::after,.step-card::after,.device-card::after{\n  content:'';\n  position:absolute;\n  top:-2px;left:-2px;right:-2px;bottom:-2px;\n  border-radius:inherit;\n  background:linear-gradient(135deg,var(--gold),var(--red));\n  opacity:0;\n  z-index:-1;\n  filter:blur(15px);\n  transition:opacity .4s;\n}\n.feature-card:hover::after,.cat-card:hover::after,.step-card:hover::after,.device-card:hover::after{\n  opacity:.25;\n}\n\n\/* Pulsing border on featured price card *\/\n.price-card.featured{\n  animation:featuredGlow 3s ease-in-out infinite;\n}\n@keyframes featuredGlow{\n  0%,100%{box-shadow:0 20px 60px rgba(255,206,0,.15),0 0 0 0 rgba(255,206,0,.3)}\n  50%{box-shadow:0 20px 60px rgba(255,206,0,.25),0 0 0 6px rgba(255,206,0,0)}\n}\n\n\/* ============================================\n   ANIMATED COUNTERS\n============================================ *\/\n.counter-row{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:30px;\n  margin-top:60px;\n  padding:32px;\n  background:linear-gradient(135deg,rgba(255,206,0,.04),rgba(221,0,0,.04));\n  border:1px solid var(--border);\n  border-radius:var(--radius-lg);\n  position:relative;\n  overflow:hidden;\n}\n.counter-row::before{\n  content:'';\n  position:absolute;\n  top:0;left:-100%;\n  width:100%;height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,206,0,.05),transparent);\n  animation:sweep 4s linear infinite;\n}\n@keyframes sweep{\n  to{left:100%}\n}\n@media(max-width:700px){.counter-row{grid-template-columns:repeat(2,1fr);padding:24px 18px}}\n.counter-item{text-align:center;position:relative;z-index:1}\n.counter-item .num{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(2rem,4vw,3rem);\n  background:var(--gradient-gold);\n  -webkit-background-clip:text;background-clip:text;\n  -webkit-text-fill-color:transparent;\n  line-height:1;\n  display:block;\n}\n.counter-item .label{\n  font-size:.82rem;\n  color:var(--text-3);\n  letter-spacing:1px;\n  text-transform:uppercase;\n  margin-top:8px;\n}\n\n\/* ============================================\n   TV MOCKUP ENHANCED\n============================================ *\/\n.tv-mockup{\n  animation:tvFloat 6s ease-in-out infinite;\n}\n@keyframes tvFloat{\n  0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}\n  50%{transform:translateY(-15px) rotateX(2deg) rotateY(-2deg)}\n}\n.tv-mockup::after{\n  content:'';\n  position:absolute;\n  inset:0;\n  border-radius:14px;\n  background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);\n  animation:tvShine 4s linear infinite;\n  pointer-events:none;\n}\n@keyframes tvShine{\n  0%{transform:translateX(-100%)}\n  100%{transform:translateX(100%)}\n}\n\n\/* Button shine *\/\n.btn-primary,.btn-red{\n  position:relative;\n  overflow:hidden;\n}\n.btn-primary::before,.btn-red::before{\n  content:'';\n  position:absolute;\n  top:0;left:-100%;\n  width:100%;height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);\n  transition:left .6s;\n}\n.btn-primary:hover::before,.btn-red:hover::before{\n  left:100%;\n}\n\n\/* Magnetic icon spin on hover *\/\n.feature-icon,.cat-icon,.device-icon{\n  transition:transform .5s cubic-bezier(.34,1.56,.64,1);\n}\n.feature-card:hover .feature-icon,\n.cat-card:hover .cat-icon,\n.device-card:hover .device-icon{\n  transform:rotate(360deg) scale(1.1);\n}\n\n\/* Floating WhatsApp - upgrade *\/\n.whatsapp-float::before{\n  content:'';\n  position:absolute;\n  inset:-8px;\n  border-radius:50%;\n  border:2px solid #25D366;\n  opacity:.6;\n  animation:waRipple 2s infinite;\n}\n@keyframes waRipple{\n  0%{transform:scale(.8);opacity:.6}\n  100%{transform:scale(1.6);opacity:0}\n}\n\n\/* ============================================\n   PARALLAX & SCROLL INDICATOR\n============================================ *\/\n.scroll-progress{\n  position:fixed;\n  top:0;left:0;\n  height:3px;\n  background:var(--gradient-gold);\n  z-index:9998;\n  width:0%;\n  transition:width .1s;\n  box-shadow:0 0 10px var(--gold);\n}\n\n\/* Scroll-down indicator on hero *\/\n.scroll-hint{\n  position:absolute;\n  bottom:30px;left:50%;\n  transform:translateX(-50%);\n  font-size:.75rem;\n  color:var(--text-3);\n  letter-spacing:3px;\n  text-transform:uppercase;\n  z-index:3;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:8px;\n  animation:scrollHint 2.5s ease-in-out infinite;\n}\n.scroll-hint::after{\n  content:'';\n  width:1px;height:30px;\n  background:linear-gradient(to bottom,var(--gold),transparent);\n}\n@keyframes scrollHint{\n  0%,100%{transform:translateX(-50%) translateY(0);opacity:.6}\n  50%{transform:translateX(-50%) translateY(8px);opacity:1}\n}\n@media(max-width:900px){.scroll-hint{display:none}}\n\n\/* Enhanced reveal *\/\n.reveal-item{\n  opacity:0;\n  transform:translateY(40px);\n  transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);\n}\n.reveal-item.visible{\n  opacity:1;\n  transform:translateY(0);\n}\n.reveal-item:nth-child(2){transition-delay:.1s}\n.reveal-item:nth-child(3){transition-delay:.2s}\n.reveal-item:nth-child(4){transition-delay:.3s}\n.reveal-item:nth-child(5){transition-delay:.15s}\n.reveal-item:nth-child(6){transition-delay:.25s}\n\n.giptv-container{max-width:1240px;margin:0 auto;padding:0 24px}\n\n.german-iptv-wrapper h1,\n.german-iptv-wrapper h2,\n.german-iptv-wrapper h3,\n.german-iptv-wrapper h4{font-family:'Bebas Neue',sans-serif;letter-spacing:.5px;line-height:1.1;font-weight:400;color:#fff}\n.german-iptv-wrapper h1{font-size:clamp(2.2rem,4.8vw,3.9rem)}\n.german-iptv-wrapper h2{font-size:clamp(1.9rem,3.7vw,3rem)}\n.german-iptv-wrapper h3{font-size:clamp(1.25rem,1.9vw,1.6rem)}\n.german-iptv-wrapper p{color:var(--text-2)}\n\n\/* Section heading *\/\n.eyebrow{\n  display:inline-block;\n  padding:6px 14px;\n  background:rgba(255,206,0,.1);\n  border:1px solid rgba(255,206,0,.3);\n  color:var(--gold);\n  font-size:.8rem;\n  font-weight:600;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  border-radius:100px;\n  margin-bottom:18px;\n}\n.section-title{margin-bottom:14px}\n.section-title span{\n  background:var(--gradient-gold);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n.section-subtitle{\n  font-size:1.05rem;\n  color:var(--text-2);\n  max-width:680px;\n  margin-bottom:48px;\n}\n\n\/* Buttons *\/\n.btn{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:14px 28px;\n  border-radius:100px;\n  font-weight:600;\n  font-size:.95rem;\n  transition:all .3s ease;\n  cursor:pointer;\n  border:none;\n  font-family:inherit;\n}\n.btn-primary{\n  background:linear-gradient(135deg,#E5A800 0%,#C68A00 50%,#A36F00 100%);\n  color:#0a0500;\n  font-weight:700;\n  box-shadow:0 10px 30px rgba(198,138,0,.4),inset 0 1px 0 rgba(255,230,150,.35);\n}\n.btn-primary:hover{\n  transform:translateY(-2px);\n  box-shadow:0 15px 45px rgba(198,138,0,.55),inset 0 1px 0 rgba(255,230,150,.45);\n  background:linear-gradient(135deg,#FFCE00 0%,#E5A800 50%,#C68A00 100%);\n}\n.btn-secondary{\n  background:linear-gradient(135deg,#E5A800 0%,#C68A00 50%,#A36F00 100%);\n  color:#0a0500;\n  font-weight:700;\n  box-shadow:0 10px 30px rgba(198,138,0,.4),inset 0 1px 0 rgba(255,230,150,.35);\n}\n.btn-secondary:hover{\n  transform:translateY(-2px);\n  box-shadow:0 15px 45px rgba(198,138,0,.55),inset 0 1px 0 rgba(255,230,150,.45);\n  background:linear-gradient(135deg,#FFCE00 0%,#E5A800 50%,#C68A00 100%);\n}\n.btn-red{\n  background:linear-gradient(135deg,#E5A800 0%,#C68A00 50%,#A36F00 100%);\n  color:#0a0500;\n  font-weight:700;\n  box-shadow:0 10px 30px rgba(198,138,0,.4),inset 0 1px 0 rgba(255,230,150,.35);\n}\n.btn-red:hover{\n  transform:translateY(-2px);\n  box-shadow:0 15px 45px rgba(198,138,0,.55),inset 0 1px 0 rgba(255,230,150,.45);\n  background:linear-gradient(135deg,#FFCE00 0%,#E5A800 50%,#C68A00 100%);\n}\n\n\/* Variant: outlined yellow button (for secondary CTAs that need visual distinction) *\/\n.btn-outline{\n  background:transparent;\n  color:#FFCE00;\n  border:1.5px solid #C68A00;\n  font-weight:600;\n}\n.btn-outline:hover{\n  background:linear-gradient(135deg,#E5A800 0%,#C68A00 100%);\n  color:#0a0500;\n  border-color:#A36F00;\n  transform:translateY(-2px);\n}\n\n\/* ============================================\n   HEADER\n============================================ *\/\n.site-header{\n  position:fixed;\n  top:0;left:0;right:0;\n  z-index:1000;\n  padding:16px 0;\n  background:rgba(8,8,8,.7);\n  backdrop-filter:blur(20px);\n  -webkit-backdrop-filter:blur(20px);\n  border-bottom:1px solid rgba(255,255,255,.06);\n}\n.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}\n.logo{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.7rem;\n  letter-spacing:2px;\n  display:flex;align-items:center;gap:8px;\n}\n.logo-flag{\n  width:34px;height:22px;\n  border-radius:3px;\n  background:linear-gradient(to bottom,#000 33%,#DD0000 33% 66%,#FFCE00 66%);\n  box-shadow:0 0 12px rgba(255,206,0,.4);\n}\n.logo span{color:var(--gold)}\n\n.nav-menu{display:flex;gap:34px;align-items:center}\n.nav-menu a{\n  font-size:.93rem;\n  color:var(--text-2);\n  font-weight:500;\n  transition:color .2s;\n  position:relative;\n}\n.nav-menu a:hover{color:var(--gold)}\n.nav-menu a::after{\n  content:'';\n  position:absolute;\n  bottom:-6px;left:0;\n  width:0;height:2px;\n  background:var(--gold);\n  transition:width .3s;\n}\n.nav-menu a:hover::after{width:100%}\n\n.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}\n\n@media(max-width:900px){\n  .nav-menu{\n    position:fixed;\n    top:70px;left:0;right:0;\n    flex-direction:column;\n    background:rgba(8,8,8,.97);\n    backdrop-filter:blur(20px);\n    padding:30px;\n    gap:20px;\n    transform:translateY(-150%);\n    transition:transform .35s ease;\n    border-bottom:1px solid var(--border);\n  }\n  .nav-menu.active{transform:translateY(0)}\n  .menu-toggle{display:block}\n  .header-cta{display:none}\n}\n\n\/* ============================================\n   HERO\n============================================ *\/\n.german-iptv-wrapper section.hero{\n  position:relative;\n  min-height:100vh;\n  padding:200px 0 80px;\n  overflow:hidden;\n  display:block;\n}\n.hero::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;bottom:0;\n  background:\n    radial-gradient(circle at 20% 30%,rgba(221,0,0,.15) 0%,transparent 50%),\n    radial-gradient(circle at 80% 70%,rgba(255,206,0,.12) 0%,transparent 50%);\n  z-index:0;\n}\n.hero::after{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;bottom:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);\n  background-size:60px 60px;\n  z-index:0;\n  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);\n  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);\n}\n.hero-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  gap:60px;\n  align-items:center;\n}\n@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}}\n\n.hero-badge{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:7px 14px;\n  background:rgba(255,255,255,.04);\n  border:1px solid var(--border);\n  border-radius:100px;\n  font-size:.78rem;\n  color:var(--text-2);\n  margin-bottom:18px;\n}\n.hero-badge .dot{\n  width:8px;height:8px;\n  background:var(--gold);\n  border-radius:50%;\n  box-shadow:0 0 12px var(--gold);\n  animation:pulse 2s infinite;\n}\n@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}\n\n.hero h1{margin-bottom:18px}\n.hero h1 .accent-red{color:var(--red-soft)}\n.hero h1 .accent-gold{\n  background:linear-gradient(90deg,#FFCE00 0%,#FFD933 30%,#fff 50%,#FFD933 70%,#FFCE00 100%);\n  background-size:200% auto;\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  animation:shimmerMove 3.5s linear infinite;\n}\n.hero p.lead{\n  font-size:1rem;\n  color:var(--text-2);\n  max-width:520px;\n  margin-bottom:28px;\n}\n@media(max-width:900px){.hero p.lead{margin-left:auto;margin-right:auto}}\n\n.hero-cta{display:flex;gap:12px;flex-wrap:wrap}\n@media(max-width:900px){.hero-cta{justify-content:center}}\n\n.hero-trust{\n  display:flex;gap:22px;\n  margin-top:28px;\n  flex-wrap:wrap;\n}\n@media(max-width:900px){.hero-trust{justify-content:center}}\n.trust-item{\n  display:flex;align-items:center;gap:8px;\n  font-size:.82rem;\n  color:var(--text-2);\n}\n.trust-item svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}\n\n\/* Hero visual *\/\n.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}\n.tv-mockup{\n  position:relative;\n  width:100%;\n  max-width:480px;\n  aspect-ratio:16\/10;\n  background:linear-gradient(135deg,#1a1a20 0%,#0E0E10 100%);\n  border:2px solid var(--border);\n  border-radius:14px;\n  overflow:hidden;\n  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,206,0,.1),0 0 80px rgba(221,0,0,.2);\n}\n.tv-screen{\n  position:absolute;\n  inset:8px;\n  background:linear-gradient(135deg,rgba(221,0,0,.3),rgba(0,0,0,.7),rgba(255,206,0,.2));\n  border-radius:8px;\n  overflow:hidden;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.tv-screen::before{\n  content:'TV-Bild hier';\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.1rem;\n  letter-spacing:3px;\n  color:rgba(255,255,255,.45);\n  z-index:0;\n}\n.tv-screen img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  position:relative;\n  z-index:1;\n}\n.tv-screen img[src=\"\"],.tv-screen img:not([src]){display:none}\n.tv-screen::after{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,transparent 25%,transparent 75%,rgba(0,0,0,0.4) 100%);\n  pointer-events:none;\n  z-index:2;\n}\n.tv-top{display:flex;justify-content:space-between;align-items:center}\n.tv-live{\n  background:var(--red);\n  color:#fff;\n  padding:4px 10px;\n  border-radius:4px;\n  font-size:.7rem;\n  font-weight:700;\n  letter-spacing:1px;\n  animation:pulse 1.5s infinite;\n}\n.tv-channel-num{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.4rem;\n  color:var(--gold);\n}\n.tv-bottom{display:flex;flex-direction:column;gap:8px}\n.tv-title{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.5rem;\n  color:#fff;\n  letter-spacing:1px;\n}\n.tv-meta{\n  display:flex;gap:10px;flex-wrap:wrap;\n  font-size:.72rem;\n  color:var(--text-2);\n}\n.tv-meta span{\n  background:rgba(255,255,255,.1);\n  padding:3px 8px;\n  border-radius:4px;\n}\n.tv-meta .quality{\n  background:var(--gold);\n  color:#000;\n  font-weight:700;\n}\n\n.floating-card{\n  position:absolute;\n  background:rgba(20,20,26,.85);\n  backdrop-filter:blur(12px);\n  border:1px solid var(--border);\n  border-radius:12px;\n  padding:14px 18px;\n  display:flex;\n  align-items:center;\n  gap:12px;\n  box-shadow:0 12px 40px rgba(0,0,0,.4);\n  animation:float 4s ease-in-out infinite;\n}\n.floating-card.card-1{top:-20px;left:-30px;animation-delay:0s}\n.floating-card.card-2{bottom:-15px;right:-25px;animation-delay:2s}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n.fc-icon{\n  width:36px;height:36px;\n  border-radius:10px;\n  background:var(--gradient-gold);\n  display:flex;align-items:center;justify-content:center;\n  color:#000;\n  flex-shrink:0;\n}\n.fc-text strong{display:block;font-size:.88rem;color:#fff}\n.fc-text small{font-size:.72rem;color:var(--text-3)}\n@media(max-width:600px){.floating-card{display:none}}\n\n\/* ============================================\n   SECTION 2 \u2013 WHAT IS IPTV\n============================================ *\/\n.german-iptv-wrapper section{padding:90px 0;position:relative;display:block;overflow:hidden}\n@media(max-width:700px){.german-iptv-wrapper section{padding:60px 0}}\n\n\/* ============================================\n   UNIFIED SECTION AMBIENT BACKGROUND\n   Same recipe as hero: dual radial gradients + masked grid\n   Each section uses the same pattern with slightly varied gradient positions\n============================================ *\/\n\n\/* Shared ambient layers \u2014 applied to every content section *\/\n.what-is-iptv::before,\n.why-choose::before,\n.categories::before,\n.steps::before,\n.devices::before,\n.seo-content::before,\n.faq::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;bottom:0;\n  pointer-events:none;\n  z-index:0;\n}\n\n.what-is-iptv::after,\n.why-choose::after,\n.categories::after,\n.steps::after,\n.devices::after,\n.seo-content::after,\n.faq::after{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;bottom:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);\n  background-size:60px 60px;\n  pointer-events:none;\n  z-index:0;\n  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);\n  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);\n}\n\n\/* Per-section gradient variations (red + gold positions shift) *\/\n.what-is-iptv::before{\n  background:\n    radial-gradient(circle at 80% 25%,rgba(221,0,0,.13) 0%,transparent 50%),\n    radial-gradient(circle at 15% 75%,rgba(255,206,0,.10) 0%,transparent 50%);\n}\n.why-choose::before{\n  background:\n    radial-gradient(circle at 15% 30%,rgba(221,0,0,.13) 0%,transparent 50%),\n    radial-gradient(circle at 85% 70%,rgba(255,206,0,.10) 0%,transparent 50%);\n}\n.categories::before{\n  background:\n    radial-gradient(circle at 70% 20%,rgba(255,206,0,.12) 0%,transparent 50%),\n    radial-gradient(circle at 25% 80%,rgba(221,0,0,.11) 0%,transparent 50%);\n}\n.steps::before{\n  background:\n    radial-gradient(circle at 50% 0%,rgba(221,0,0,.12) 0%,transparent 45%),\n    radial-gradient(circle at 50% 100%,rgba(255,206,0,.11) 0%,transparent 45%);\n}\n.devices::before{\n  background:\n    radial-gradient(circle at 25% 30%,rgba(255,206,0,.12) 0%,transparent 50%),\n    radial-gradient(circle at 80% 75%,rgba(221,0,0,.11) 0%,transparent 50%);\n}\n.seo-content::before{\n  background:\n    radial-gradient(circle at 10% 40%,rgba(221,0,0,.11) 0%,transparent 50%),\n    radial-gradient(circle at 90% 60%,rgba(255,206,0,.11) 0%,transparent 50%);\n}\n.faq::before{\n  background:\n    radial-gradient(circle at 75% 20%,rgba(221,0,0,.12) 0%,transparent 50%),\n    radial-gradient(circle at 20% 80%,rgba(255,206,0,.11) 0%,transparent 50%);\n}\n\n\/* Lift content above ambient layer *\/\n.what-is-iptv .giptv-container,\n.why-choose .giptv-container,\n.categories .giptv-container,\n.steps .giptv-container,\n.devices .giptv-container,\n.seo-content .giptv-container{\n  position:relative;\n  z-index:1;\n}\n\n.what-is-iptv .giptv-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}\n@media(max-width:900px){.what-is-iptv .giptv-container{grid-template-columns:1fr}}\n\n.iptv-image{\n  position:relative;\n  aspect-ratio:4\/3;\n  border-radius:var(--radius-lg);\n  overflow:hidden;\n  border:1px solid var(--border);\n  background:\n    linear-gradient(135deg,rgba(221,0,0,.15),rgba(255,206,0,.1)),\n    linear-gradient(135deg,#1a1a20,#0E0E10);\n  box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 60px rgba(255,206,0,.08);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.iptv-image::before{\n  content:'Bild hier einf\u00fcgen';\n  position:absolute;\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.2rem;\n  letter-spacing:3px;\n  color:rgba(255,206,0,.4);\n  z-index:0;\n}\n.iptv-image img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  position:relative;\n  z-index:1;\n  transition:transform .6s cubic-bezier(.16,1,.3,1);\n}\n.iptv-image img[src=\"\"],.iptv-image img:not([src]){display:none}\n.iptv-image:hover img{transform:scale(1.03)}\n.iptv-image::after{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:linear-gradient(135deg,transparent 50%,rgba(255,206,0,.05) 100%);\n  pointer-events:none;\n  z-index:2;\n}\n\n.iptv-content ul.feature-list{list-style:none;margin-top:24px}\n.iptv-content ul.feature-list li{\n  position:relative;\n  padding-left:32px;\n  margin-bottom:14px;\n  color:var(--text-2);\n}\n.iptv-content ul.feature-list li::before{\n  content:'';\n  position:absolute;\n  left:0;top:5px;\n  width:20px;height:20px;\n  background:var(--gradient-gold);\n  border-radius:50%;\n}\n.iptv-content ul.feature-list li::after{\n  content:'\u2713';\n  position:absolute;\n  left:5px;top:5px;\n  color:#000;\n  font-weight:900;\n  font-size:.75rem;\n  line-height:1.6;\n}\n.iptv-content ul.feature-list li strong{color:#fff}\n\n\/* ============================================\n   SECTION 3 \u2013 WHY CHOOSE\n============================================ *\/\n.feature-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n  margin-top:40px;\n}\n@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:600px){.feature-grid{grid-template-columns:1fr}}\n\n.feature-card{\n  background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:var(--radius-md);\n  padding:30px;\n  transition:all .4s cubic-bezier(.16,1,.3,1);\n  position:relative;\n  overflow:hidden;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.06),\n    0 8px 32px rgba(0,0,0,.25);\n}\n.feature-card::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(255,206,0,.5),transparent);\n  transform:scaleX(0);\n  transform-origin:center;\n  transition:transform .5s ease;\n}\n.feature-card::after{\n  content:'';\n  position:absolute;\n  inset:-1px;\n  border-radius:inherit;\n  background:linear-gradient(135deg,rgba(255,206,0,.3),rgba(221,0,0,.2)) border-box;\n  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);\n  mask-composite:exclude;\n  opacity:0;\n  transition:opacity .4s;\n  pointer-events:none;\n}\n.feature-card:hover::before{transform:scaleX(1)}\n.feature-card:hover::after{opacity:1}\n.feature-card:hover{\n  transform:translateY(-6px);\n  background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,206,0,.02) 100%);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.1),\n    0 20px 50px rgba(0,0,0,.4),\n    0 0 60px rgba(255,206,0,.08);\n}\n.feature-icon{\n  width:52px;height:52px;\n  border-radius:12px;\n  background:linear-gradient(135deg,rgba(255,206,0,.15),rgba(221,0,0,.15));\n  display:flex;align-items:center;justify-content:center;\n  margin-bottom:18px;\n  border:1px solid rgba(255,206,0,.2);\n}\n.feature-icon svg{width:26px;height:26px;color:var(--gold)}\n.feature-card h3{margin-bottom:10px;color:#fff}\n.feature-card p{font-size:.93rem}\n\n\/* ============================================\n   SECTION 4 \u2013 CONTENT CATEGORIES\n============================================ *\/\n.categories .giptv-container{position:relative}\n.category-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n  margin-top:40px;\n}\n@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:480px){.category-grid{grid-template-columns:1fr}}\n\n.cat-card{\n  position:relative;\n  padding:30px 24px;\n  background:var(--bg-card);\n  border:1px solid var(--border);\n  border-radius:var(--radius-md);\n  text-align:center;\n  transition:all .3s;\n  overflow:hidden;\n}\n.cat-card::before{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:var(--gradient-flag);\n  opacity:0;\n  transition:opacity .3s;\n  z-index:0;\n}\n.cat-card:hover::before{opacity:.08}\n.cat-card:hover{transform:translateY(-5px);border-color:var(--gold)}\n.cat-card > *{position:relative;z-index:1}\n.cat-icon{\n  width:64px;height:64px;\n  margin:0 auto 14px;\n  background:linear-gradient(135deg,rgba(221,0,0,.15),rgba(255,206,0,.15));\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  border:2px solid rgba(255,206,0,.2);\n}\n.cat-icon svg{width:30px;height:30px;color:var(--gold)}\n.cat-card h4{font-size:1.25rem;margin-bottom:8px;color:#fff}\n.cat-card p{font-size:.85rem;color:var(--text-3)}\n.cat-number{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.6rem;\n  background:var(--gradient-gold);\n  -webkit-background-clip:text;background-clip:text;\n  -webkit-text-fill-color:transparent;\n  margin-top:8px;\n  display:block;\n}\n\n\/* ============================================\n   SECTION 5 \u2013 PRICING\n============================================ *\/\n.pricing{background:var(--bg-1);position:relative}\n.pricing::before{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 10% 0%,rgba(221,0,0,.08),transparent 40%),\n    radial-gradient(circle at 90% 100%,rgba(255,206,0,.08),transparent 40%);\n  pointer-events:none;\n}\n.pricing .giptv-container{position:relative;z-index:1}\n\n\/* ============ TIER TOGGLE ============ *\/\n.tier-toggle{\n  position:relative;\n  display:flex !important;\n  align-items:center;\n  background:var(--bg-card) !important;\n  border:1px solid var(--border);\n  border-radius:100px;\n  padding:6px;\n  margin:30px auto 50px;\n  gap:0;\n  width:fit-content;\n}\n.tier-btn{\n  position:relative;\n  z-index:2;\n  display:flex !important;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  padding:11px 36px !important;\n  background:transparent !important;\n  background-color:transparent !important;\n  background-image:none !important;\n  border:none !important;\n  outline:none !important;\n  box-shadow:none !important;\n  color:var(--text-2);\n  font-family:'Inter',sans-serif;\n  font-weight:600;\n  font-size:.95rem;\n  cursor:pointer;\n  border-radius:100px;\n  transition:color .35s ease;\n  min-width:160px;\n  line-height:1.2;\n  -webkit-appearance:none;\n  appearance:none;\n}\n.tier-btn:hover,.tier-btn:focus,.tier-btn:active{\n  background:transparent !important;\n  background-color:transparent !important;\n  background-image:none !important;\n  outline:none !important;\n  box-shadow:none !important;\n}\n.tier-btn-label{font-size:1rem;font-weight:700}\n.tier-btn-sub{\n  font-size:.7rem;\n  margin-top:2px;\n  opacity:.7;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n.tier-btn.active{color:#0a0500 !important}\n.tier-btn:hover:not(.active){color:#fff}\n.tier-toggle-pill{\n  position:absolute;\n  top:6px;\n  bottom:6px;\n  left:6px;\n  width:calc(50% - 6px);\n  background:linear-gradient(135deg,#FFCE00 0%,#E5A800 50%,#C68A00 100%) !important;\n  border-radius:100px;\n  z-index:1;\n  transition:transform .35s cubic-bezier(.34,1.5,.64,1);\n  box-shadow:0 6px 20px rgba(198,138,0,.4),inset 0 1px 0 rgba(255,230,150,.35);\n}\n.tier-toggle[data-active=\"premium\"] .tier-toggle-pill{\n  transform:translateX(100%);\n}\n@media(max-width:500px){\n  .tier-btn{padding:10px 24px !important;min-width:130px}\n  .tier-btn-label{font-size:.9rem}\n}\n\n\/* ============ PRICING GRID ============ *\/\n.pricing-grid{\n  display:none;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n  margin-top:0;\n  animation:gridFadeIn .5s ease both;\n}\n.pricing-grid.active{display:grid}\n@keyframes gridFadeIn{\n  from{opacity:0;transform:translateY(20px)}\n  to{opacity:1;transform:translateY(0)}\n}\n@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px}}\n@media(max-width:560px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}\n\n.price-card{\n  background:var(--bg-card);\n  border:1px solid var(--border);\n  border-radius:var(--radius-lg);\n  padding:28px 22px;\n  position:relative;\n  transition:all .35s;\n  display:flex;\n  flex-direction:column;\n}\n.price-card:hover{transform:translateY(-6px);border-color:rgba(255,206,0,.25)}\n.price-card.featured{\n  border:2px solid var(--gold);\n  background:linear-gradient(180deg,rgba(255,206,0,.05),var(--bg-card));\n  box-shadow:0 20px 60px rgba(255,206,0,.15);\n  transform:scale(1.03);\n  z-index:2;\n}\n@media(max-width:1100px){.price-card.featured{transform:scale(1)}}\n.price-badge{\n  position:absolute;\n  top:-12px;left:50%;\n  transform:translateX(-50%);\n  background:linear-gradient(135deg,#E5A800 0%,#C68A00 100%);\n  color:#0a0500;\n  padding:6px 14px;\n  border-radius:100px;\n  font-size:.7rem;\n  font-weight:800;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  white-space:nowrap;\n  box-shadow:0 6px 18px rgba(198,138,0,.4);\n}\n.price-card h3{font-size:1.5rem;margin-bottom:4px;color:#fff}\n.price-card .plan-sub{font-size:.82rem;color:var(--text-3);margin-bottom:18px;min-height:18px}\n.price-amount{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}\n.price-amount .num{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:3.2rem;\n  background:var(--gradient-gold);\n  -webkit-background-clip:text;background-clip:text;\n  -webkit-text-fill-color:transparent;\n  line-height:1;\n}\n.price-amount .currency{font-size:1.4rem;color:var(--gold)}\n.price-period{color:var(--text-3);font-size:.78rem;margin-bottom:4px;line-height:1.3}\n.price-monthly{\n  color:var(--gold);\n  font-size:.78rem;\n  font-weight:600;\n  margin-bottom:20px;\n  padding-bottom:14px;\n  border-bottom:1px dashed rgba(255,206,0,.2);\n}\n.price-features{list-style:none;margin-bottom:0;flex-grow:1;padding:0 0 28px 0}\n.price-features li{\n  padding:7px 0;\n  font-size:.85rem;\n  color:var(--text-2);\n  display:flex;align-items:flex-start;gap:8px;\n  border-bottom:1px solid rgba(255,255,255,.04);\n}\n.price-features li:last-child{border-bottom:none}\n.price-features li svg{width:14px;height:14px;color:var(--gold);flex-shrink:0;margin-top:3px}\n.price-card .btn{width:100%;justify-content:center;padding:12px 20px;font-size:.85rem;margin-top:24px}\n.price-card .secure-payment{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:6px;\n  margin-top:12px;\n  font-size:.72rem;\n  color:var(--text-3);\n  font-weight:500;\n  letter-spacing:.3px;\n}\n.price-card .secure-payment svg{\n  width:13px;height:13px;\n  color:var(--gold);\n  flex-shrink:0;\n}\n\n\/* ============================================\n   SECTION 6 \u2013 SUBSCRIPTION STEPS\n============================================ *\/\n.steps{position:relative}\n.steps-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:30px;\n  margin-top:50px;\n  position:relative;\n}\n@media(max-width:900px){.steps-grid{grid-template-columns:1fr}}\n\n.step-card{\n  position:relative;\n  padding:36px 28px;\n  background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:var(--radius-md);\n  text-align:left;\n  transition:all .4s cubic-bezier(.16,1,.3,1);\n  overflow:hidden;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.06),\n    0 8px 32px rgba(0,0,0,.25);\n}\n.step-card::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(255,206,0,.5),transparent);\n  transform:scaleX(0);\n  transition:transform .5s ease;\n}\n.step-card:hover::before{transform:scaleX(1)}\n.step-card:hover{\n  transform:translateY(-6px);\n  background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,206,0,.02) 100%);\n  border-color:rgba(255,206,0,.25);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.1),\n    0 20px 50px rgba(0,0,0,.4),\n    0 0 60px rgba(255,206,0,.08);\n}\n.step-num{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:3.5rem;\n  background:var(--gradient-gold);\n  -webkit-background-clip:text;background-clip:text;\n  -webkit-text-fill-color:transparent;\n  line-height:1;\n  margin-bottom:14px;\n  display:block;\n  position:relative;\n  z-index:1;\n}\n.step-card h3{margin-bottom:10px;color:#fff;position:relative;z-index:1}\n.step-card p{font-size:.93rem;position:relative;z-index:1}\n.step-card::after{\n  content:'';\n  position:absolute;\n  bottom:0;left:0;right:0;\n  height:1px;\n  background:var(--gradient-flag);\n  opacity:0;\n  transition:opacity .3s;\n}\n.step-card:hover::after{opacity:.5}\n\n\/* ============================================\n   SECTION 7 \u2013 DEVICES\n============================================ *\/\n.device-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:20px;\n  margin-top:40px;\n}\n@media(max-width:900px){.device-grid{grid-template-columns:repeat(3,1fr)}}\n@media(max-width:600px){.device-grid{grid-template-columns:repeat(2,1fr)}}\n\n.device-card{\n  background:var(--bg-card);\n  border:1px solid var(--border);\n  border-radius:var(--radius-md);\n  padding:24px 16px;\n  text-align:center;\n  transition:all .3s;\n}\n.device-card:hover{\n  border-color:var(--gold);\n  transform:translateY(-4px);\n  background:linear-gradient(180deg,rgba(255,206,0,.04),var(--bg-card));\n}\n.device-icon{\n  width:60px;height:60px;\n  margin:0 auto 14px;\n  background:rgba(255,206,0,.08);\n  border-radius:14px;\n  display:flex;align-items:center;justify-content:center;\n  border:1px solid rgba(255,206,0,.15);\n}\n.device-icon svg{width:30px;height:30px;color:var(--gold)}\n.device-card h4{font-size:1.05rem;color:#fff;margin-bottom:4px;font-family:'Inter',sans-serif;font-weight:600}\n.device-card p{font-size:.78rem;color:var(--text-3)}\n\n\/* ============================================\n   SECTION 8 \u2013 SEO CONTENT\n============================================ *\/\n.seo-content .giptv-container{max-width:920px}\n.seo-content h2{margin-bottom:30px}\n.seo-content h3{\n  font-family:'Inter',sans-serif;\n  font-weight:700;\n  font-size:1.3rem;\n  color:var(--gold);\n  margin:34px 0 14px;\n  letter-spacing:0;\n}\n.seo-content p{\n  font-size:1rem;\n  line-height:1.85;\n  margin-bottom:16px;\n}\n.seo-content p strong{color:#fff;font-weight:600}\n.seo-block{\n  background:var(--bg-1);\n  border-left:3px solid var(--gold);\n  padding:24px 28px;\n  border-radius:0 var(--radius-md) var(--radius-md) 0;\n  margin:30px 0;\n}\n.seo-block p:last-child{margin-bottom:0}\n\n\/* ============================================\n   SECTION 9 \u2013 FAQ\n============================================ *\/\n.faq .giptv-container{max-width:880px;position:relative;z-index:1}\n.faq-list{margin-top:40px}\n.faq-item{\n  background:var(--bg-card);\n  border:1px solid var(--border);\n  border-radius:var(--radius-md);\n  margin-bottom:14px;\n  overflow:hidden;\n  transition:all .3s;\n}\n.faq-item.active{border-color:var(--gold)}\n.faq-question{\n  padding:22px 26px;\n  cursor:pointer;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  font-weight:600;\n  color:#fff;\n  font-size:1.02rem;\n  user-select:none;\n}\n.faq-question:hover{color:var(--gold)}\n.faq-icon{\n  width:28px;height:28px;\n  background:rgba(255,206,0,.1);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  color:var(--gold);\n  font-size:1.2rem;\n  flex-shrink:0;\n  transition:transform .3s;\n  border:1px solid rgba(255,206,0,.2);\n}\n.faq-item.active .faq-icon{transform:rotate(45deg);background:var(--gold);color:#000}\n.faq-answer{\n  max-height:0;\n  overflow:hidden;\n  transition:max-height .4s ease,padding .4s ease;\n  padding:0 26px;\n}\n.faq-item.active .faq-answer{max-height:500px;padding:0 26px 22px}\n.faq-answer p{font-size:.95rem;line-height:1.75}\n\n\/* ============================================\n   FOOTER\n============================================ *\/\n.site-footer{\n  background:var(--bg-0);\n  padding:70px 0 30px;\n  border-top:1px solid var(--border);\n  position:relative;\n}\n.site-footer::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;\n  height:2px;\n  background:linear-gradient(90deg,#000 0%,#DD0000 50%,#FFCE00 100%);\n}\n.footer-grid{\n  display:grid;\n  grid-template-columns:1.4fr 1fr 1.3fr 1.3fr;\n  gap:50px;\n  margin-bottom:50px;\n}\n@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}\n@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}\n\n.contact-list{list-style:none}\n.contact-list li{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-bottom:14px;\n  font-size:.9rem;\n  color:var(--text-2);\n  transition:all .25s;\n}\n.contact-list li:hover{color:var(--gold);transform:translateX(4px)}\n.contact-list .contact-icon{\n  width:38px;height:38px;\n  background:var(--bg-card);\n  border:1px solid var(--border);\n  border-radius:10px;\n  display:flex;align-items:center;justify-content:center;\n  flex-shrink:0;\n  transition:all .3s;\n}\n.contact-list li:hover .contact-icon{background:rgba(255,206,0,.1);border-color:var(--gold)}\n.contact-list .contact-icon svg{width:18px;height:18px;color:var(--gold)}\n.contact-list .contact-icon.wa{background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.3)}\n.contact-list .contact-icon.wa svg{color:#25D366}\n.contact-list .contact-info{display:flex;flex-direction:column;gap:2px;line-height:1.3}\n.contact-list .contact-info small{font-size:.72rem;color:var(--text-3);letter-spacing:1px;text-transform:uppercase}\n.contact-list .contact-info strong{color:#fff;font-weight:600;font-size:.95rem}\n.contact-list a{color:inherit}\n\n.footer-about p{font-size:.92rem;color:var(--text-3);margin:18px 0;max-width:340px}\n.footer-social{display:flex;gap:10px}\n.footer-social a{\n  width:38px;height:38px;\n  background:var(--bg-card);\n  border:1px solid var(--border);\n  border-radius:10px;\n  display:flex;align-items:center;justify-content:center;\n  transition:all .3s;\n}\n.footer-social a:hover{background:var(--gold);border-color:var(--gold);color:#000;transform:translateY(-3px)}\n.footer-social a svg{width:18px;height:18px}\n\n.footer-col h4{\n  font-family:'Inter',sans-serif;\n  font-size:1rem;\n  font-weight:700;\n  color:#fff;\n  margin-bottom:18px;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n.footer-col ul{list-style:none}\n.footer-col ul li{margin-bottom:11px}\n.footer-col ul li a{\n  color:var(--text-2);\n  font-size:.92rem;\n  transition:color .2s;\n}\n.footer-col ul li a:hover{color:var(--gold);padding-left:5px}\n\n.footer-bottom{\n  padding-top:28px;\n  border-top:1px solid var(--border);\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  flex-wrap:wrap;\n  gap:14px;\n}\n.footer-bottom p{\n  font-size:.85rem;\n  color:var(--text-3);\n  margin:0;\n}\n.footer-bottom p strong{color:#fff;font-weight:700;letter-spacing:1px}\n.footer-tagline{\n  color:var(--text-3) !important;\n  font-size:.82rem !important;\n}\n@media(max-width:700px){\n  .footer-bottom{justify-content:center;text-align:center}\n}\n\n\/* Scroll reveal animation *\/\n.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}\n.reveal.visible{opacity:1;transform:translateY(0)}\n\n\/* WhatsApp Floating button *\/\n.whatsapp-float{\n  position:fixed;\n  bottom:24px;right:24px;\n  width:56px;height:56px;\n  background:#25D366;\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  box-shadow:0 8px 24px rgba(37,211,102,.4);\n  z-index:999;\n  animation:bounce 2s infinite;\n  cursor:pointer;\n}\n@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n.whatsapp-float svg{width:28px;height:28px;color:#fff}\n\n\n\/* ============================================\n   LEGAL PAGES \u2014 STANDALONE STYLES\n   Uses unique class names (.lp-*) so nothing\n   inherits from the homepage's .hero rules.\n============================================ *\/\n.german-iptv-wrapper .lp-header{\n  position:relative;\n  padding:160px 0 60px;\n  overflow:hidden;\n  text-align:center;\n  min-height:0;\n  background:transparent;\n}\n.german-iptv-wrapper .lp-header::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;bottom:0;\n  background:\n    radial-gradient(circle at 20% 30%,rgba(221,0,0,.08) 0%,transparent 50%),\n    radial-gradient(circle at 80% 70%,rgba(255,206,0,.08) 0%,transparent 50%);\n  pointer-events:none;\n  z-index:0;\n}\n.german-iptv-wrapper .lp-header > .giptv-container{position:relative;z-index:1}\n.german-iptv-wrapper .lp-header-inner{\n  max-width:780px;\n  margin:0 auto;\n}\n.german-iptv-wrapper .lp-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:7px 14px;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:100px;\n  font-size:.78rem;\n  color:var(--text-2);\n  margin-bottom:20px;\n}\n.german-iptv-wrapper .lp-badge .dot{\n  width:8px;height:8px;\n  background:var(--gold);\n  border-radius:50%;\n  box-shadow:0 0 12px var(--gold);\n  animation:pulse 2s infinite;\n}\n.german-iptv-wrapper .lp-header h1{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:clamp(2rem,4vw,3.4rem);\n  letter-spacing:.5px;\n  line-height:1.15;\n  color:#fff;\n  margin:0 0 14px;\n}\n.german-iptv-wrapper .lp-header .lp-lead{\n  font-size:1.02rem;\n  color:var(--text-2);\n  max-width:640px;\n  margin:0 auto;\n  line-height:1.7;\n}\n.german-iptv-wrapper .lp-updated{\n  margin-top:18px;\n  font-size:.78rem;\n  color:var(--text-3);\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n  font-weight:600;\n}\n\n.german-iptv-wrapper .lp-body{\n  position:relative;\n  padding:40px 0 100px;\n  overflow:hidden;\n}\n.german-iptv-wrapper .lp-body::before{\n  content:'';\n  position:absolute;\n  top:0;left:0;right:0;bottom:0;\n  background:\n    radial-gradient(circle at 15% 30%,rgba(221,0,0,.06) 0%,transparent 50%),\n    radial-gradient(circle at 85% 70%,rgba(255,206,0,.06) 0%,transparent 50%);\n  pointer-events:none;\n  z-index:0;\n}\n.german-iptv-wrapper .lp-body > .giptv-container{position:relative;z-index:1}\n\n.german-iptv-wrapper .lp-grid{\n  display:grid;\n  grid-template-columns:280px 1fr;\n  gap:60px;\n  align-items:start;\n}\n@media(max-width:1000px){\n  .german-iptv-wrapper .lp-grid{grid-template-columns:1fr;gap:30px}\n}\n\n\/* TOC *\/\n.german-iptv-wrapper .lp-toc{position:sticky;top:90px}\n@media(max-width:1000px){.german-iptv-wrapper .lp-toc{position:static}}\n.german-iptv-wrapper .lp-toc-inner{\n  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:var(--radius-md);\n  padding:24px 22px;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 40px rgba(0,0,0,.25);\n}\n.german-iptv-wrapper .lp-toc-title{\n  font-size:.72rem;\n  color:var(--gold);\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin:0 0 14px;\n  padding-bottom:12px;\n  border-bottom:1px dashed rgba(255,206,0,.2);\n}\n.german-iptv-wrapper .lp-toc-list{\n  list-style:none;\n  padding:0;\n  margin:0;\n}\n.german-iptv-wrapper .lp-toc-list li{margin-bottom:6px}\n.german-iptv-wrapper .lp-toc-list a{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  padding:8px 4px;\n  color:var(--text-2);\n  font-size:.86rem;\n  line-height:1.4;\n  border-radius:6px;\n  transition:all .2s;\n  text-decoration:none;\n}\n.german-iptv-wrapper .lp-toc-list a:hover{\n  color:var(--gold);\n  background:rgba(255,206,0,.04);\n  padding-left:8px;\n}\n.german-iptv-wrapper .lp-toc-num{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:.85rem;\n  color:var(--gold);\n  font-weight:700;\n  flex-shrink:0;\n  min-width:24px;\n}\n\n\/* Content *\/\n.german-iptv-wrapper .lp-content{\n  font-size:1rem;\n  line-height:1.8;\n  color:var(--text-2);\n}\n.german-iptv-wrapper .lp-section{\n  scroll-margin-top:90px;\n  margin-bottom:48px;\n  padding-bottom:48px;\n  border-bottom:1px dashed rgba(255,255,255,.06);\n}\n.german-iptv-wrapper .lp-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}\n.german-iptv-wrapper .lp-section h2{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.7rem;\n  color:#fff;\n  letter-spacing:.8px;\n  line-height:1.2;\n  margin:0 0 22px;\n  display:flex;\n  align-items:baseline;\n  gap:14px;\n}\n.german-iptv-wrapper .lp-h2-num{\n  font-family:'Bebas Neue',sans-serif;\n  font-size:1.2rem;\n  color:var(--gold);\n  background:rgba(255,206,0,.08);\n  border:1px solid rgba(255,206,0,.2);\n  padding:4px 10px;\n  border-radius:6px;\n  letter-spacing:1px;\n  flex-shrink:0;\n}\n.german-iptv-wrapper .lp-section h3{\n  font-family:'Inter',sans-serif;\n  font-size:1.1rem;\n  font-weight:700;\n  color:var(--gold);\n  letter-spacing:0;\n  margin:24px 0 10px;\n}\n.german-iptv-wrapper .lp-section p{\n  margin:0 0 14px;\n  color:var(--text-2);\n}\n.german-iptv-wrapper .lp-section p strong{color:#fff;font-weight:600}\n.german-iptv-wrapper .lp-section a{\n  color:var(--gold);\n  text-decoration:underline;\n  text-decoration-color:rgba(255,206,0,.3);\n  text-underline-offset:3px;\n  transition:text-decoration-color .25s;\n}\n.german-iptv-wrapper .lp-section a:hover{text-decoration-color:var(--gold)}\n.german-iptv-wrapper .lp-section address{\n  font-style:normal;\n  line-height:1.7;\n  color:#fff;\n}\n\n.german-iptv-wrapper .lp-list{\n  list-style:none;\n  padding:0;\n  margin:0 0 14px;\n}\n.german-iptv-wrapper .lp-list li{\n  position:relative;\n  padding:6px 0 6px 22px;\n  color:var(--text-2);\n  line-height:1.6;\n}\n.german-iptv-wrapper .lp-list li::before{\n  content:'';\n  position:absolute;\n  left:0;top:14px;\n  width:8px;height:2px;\n  background:var(--gold);\n  border-radius:2px;\n}\n.german-iptv-wrapper .lp-list li strong{color:#fff;font-weight:600}\n\n.german-iptv-wrapper .lp-list-ol{\n  counter-reset:ol;\n  list-style:none;\n  padding:0;\n  margin:14px 0;\n}\n.german-iptv-wrapper .lp-list-ol li{\n  position:relative;\n  padding:8px 0 8px 36px;\n  counter-increment:ol;\n  color:var(--text-2);\n  line-height:1.6;\n}\n.german-iptv-wrapper .lp-list-ol li::before{\n  content:counter(ol);\n  position:absolute;\n  left:0;top:6px;\n  width:24px;height:24px;\n  background:rgba(255,206,0,.1);\n  border:1px solid rgba(255,206,0,.3);\n  color:var(--gold);\n  border-radius:50%;\n  font-family:'Bebas Neue',sans-serif;\n  font-size:.85rem;\n  font-weight:700;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.german-iptv-wrapper .lp-card{\n  background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));\n  border:1px solid rgba(255,255,255,.08);\n  border-left:3px solid var(--gold);\n  border-radius:var(--radius-md);\n  padding:22px 26px;\n  margin:18px 0;\n}\n.german-iptv-wrapper .lp-card p:last-child{margin-bottom:0}\n.german-iptv-wrapper .lp-card-warning{\n  border-left-color:var(--red-soft);\n  background:linear-gradient(135deg,rgba(221,0,0,.05),rgba(0,0,0,0));\n}\n.german-iptv-wrapper .lp-card-form{\n  font-family:'Courier New',monospace;\n  font-size:.92rem;\n  background:rgba(0,0,0,.4);\n  border-left-color:var(--gold);\n}\n.german-iptv-wrapper .lp-card-form p{margin-bottom:8px}\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"german-iptv-wrapper\">\n\n<!-- ============ HEADER ============ -->\n<header class=\"site-header\">\n  <div class=\"giptv-container header-inner\">\n    <a href=\"\/\" class=\"logo\">\n      <span class=\"logo-flag\"><\/span>\n      German <span>IPTV<\/span>\n    <\/a>\n    <nav class=\"nav-menu\" id=\"navMenu\">\n      <a href=\"\/\">Startseite<\/a>\n      <a href=\"\/preise\">Preise<\/a>\n      <a href=\"\/iptv-app\">IPTV App<\/a>\n      <a href=\"\/blog\">Blog<\/a>\n      <a href=\"\/iptv-reseller\">Reseller<\/a>\n      <a href=\"\/kontakt\">Kontakt<\/a>\n    <\/nav>\n    <a href=\"#pricing\" class=\"btn btn-primary header-cta\">IPTV kaufen \u2192<\/a>\n    <button class=\"menu-toggle\" onclick=\"document.getElementById('navMenu').classList.toggle('active')\">\u2630<\/button>\n  <\/div>\n<\/header>\n\n<!-- ============ LEGAL PAGE HEADER ============ -->\n<section class=\"lp-header\">\n  <div class=\"giptv-container\">\n    <div class=\"lp-header-inner\">\n      <div class=\"lp-badge\">\n        <span class=\"dot\"><\/span>\n        Rechtliche Informationen\n      <\/div>\n      <h1>Allgemeine Gesch\u00e4ftsbedingungen<\/h1>\n      <p class=\"lp-lead\">Vertragsbedingungen f\u00fcr die Nutzung unserer Dienstleistungen.<\/p>\n      <p class=\"lp-updated\">Zuletzt aktualisiert: 12. Mai 2026<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ LEGAL CONTENT ============ -->\n<section class=\"lp-body\">\n  <div class=\"giptv-container\">\n    <div class=\"lp-grid\">\n\n      <!-- TOC sidebar -->\n      <aside class=\"lp-toc\">\n        <div class=\"lp-toc-inner\">\n          <div class=\"lp-toc-title\">Inhaltsverzeichnis<\/div>\n          <ol class=\"lp-toc-list\">\n            <li><a href=\"#geltungsbereich\"><span class=\"lp-toc-num\">01<\/span> Geltungsbereich<\/a><\/li>\n            <li><a href=\"#vertragsschluss\"><span class=\"lp-toc-num\">02<\/span> Vertragsschluss<\/a><\/li>\n            <li><a href=\"#leistung\"><span class=\"lp-toc-num\">03<\/span> Leistungsbeschreibung<\/a><\/li>\n            <li><a href=\"#preise\"><span class=\"lp-toc-num\">04<\/span> Preise und Zahlung<\/a><\/li>\n            <li><a href=\"#laufzeit\"><span class=\"lp-toc-num\">05<\/span> Laufzeit und K\u00fcndigung<\/a><\/li>\n            <li><a href=\"#widerruf\"><span class=\"lp-toc-num\">06<\/span> Widerrufsrecht<\/a><\/li>\n            <li><a href=\"#garantie\"><span class=\"lp-toc-num\">07<\/span> Geld-zur\u00fcck-Garantie<\/a><\/li>\n            <li><a href=\"#haftung\"><span class=\"lp-toc-num\">08<\/span> Haftung<\/a><\/li>\n            <li><a href=\"#schluss\"><span class=\"lp-toc-num\">09<\/span> Schlussbestimmungen<\/a><\/li>\n          <\/ol>\n        <\/div>\n      <\/aside>\n\n      <!-- Article content -->\n      <div class=\"lp-content\">\n\n        <article class=\"lp-section\" id=\"geltungsbereich\">\n          <h2><span class=\"lp-h2-num\">01<\/span> Geltungsbereich<\/h2>\n          \n          <p>Diese Allgemeinen Gesch\u00e4ftsbedingungen (im Folgenden \u201eAGB\") gelten f\u00fcr alle Vertr\u00e4ge zwischen [Ihr Firmenname], nachfolgend \u201eAnbieter\", und dem Kunden \u00fcber die Bereitstellung der auf der Website angebotenen digitalen Multimedia-Dienste.<\/p>\n          <p>Abweichende Bedingungen des Kunden werden nicht anerkannt, es sei denn, der Anbieter stimmt ihrer Geltung ausdr\u00fccklich schriftlich zu.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"vertragsschluss\">\n          <h2><span class=\"lp-h2-num\">02<\/span> Vertragsschluss<\/h2>\n          \n          <p>Die Darstellung der Produkte auf der Website stellt kein rechtlich bindendes Angebot, sondern eine Aufforderung zur Bestellung dar.<\/p>\n          <p>Der Vertrag kommt zustande, sobald der Kunde:<\/p>\n          <ul class=\"lp-list\">\n            <li>ein Abonnement \u00fcber das WhatsApp-Bestellsystem ausgew\u00e4hlt hat,<\/li>\n            <li>die Bestellung durch Absenden der WhatsApp-Nachricht aufgegeben hat, und<\/li>\n            <li>der Anbieter die Bestellung per Bereitstellung der Zahlungsinformationen und anschlie\u00dfendem Erhalt der Zahlung best\u00e4tigt.<\/li>\n          <\/ul>\n          <p>Der Vertragstext wird auf Wunsch des Kunden per E-Mail oder WhatsApp zur Verf\u00fcgung gestellt.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"leistung\">\n          <h2><span class=\"lp-h2-num\">03<\/span> Leistungsbeschreibung<\/h2>\n          \n          <p>Der Anbieter stellt dem Kunden Zugang zu einer digitalen Multimedia-Plattform zur Verf\u00fcgung, mit der \u00fcber das Internetprotokoll Medieninhalte abgerufen werden k\u00f6nnen.<\/p>\n          <p>Die Dienstleistung umfasst:<\/p>\n          <ul class=\"lp-list\">\n            <li>Bereitstellung eines pers\u00f6nlichen Zugangscodes (M3U-Link bzw. Xtream Codes)<\/li>\n            <li>Zugriff auf die Multimedia-Plattform f\u00fcr die vereinbarte Vertragslaufzeit<\/li>\n            <li>Technischen Support per WhatsApp und E-Mail<\/li>\n          <\/ul>\n          <p>Der Anbieter ist ein technischer Diensteanbieter im Sinne des \u00a7 8 TMG. Die Verantwortung f\u00fcr die durch den Kunden abgerufenen Inhalte liegt beim Kunden.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"preise\">\n          <h2><span class=\"lp-h2-num\">04<\/span> Preise und Zahlung<\/h2>\n          \n          <p>Alle angegebenen Preise sind Endpreise. Sie verstehen sich gegebenenfalls inklusive der gesetzlichen Mehrwertsteuer (sofern anwendbar) und gelten f\u00fcr die Bereitstellung des digitalen Dienstes.<\/p>\n          <p>Akzeptierte Zahlungsmethoden:<\/p>\n          <ul class=\"lp-list\">\n            <li>Kreditkarte (Visa, Mastercard)<\/li>\n            <li>PayPal<\/li>\n            <li>SEPA-Bank\u00fcberweisung<\/li>\n            <li>Sofort\u00fcberweisung<\/li>\n            <li>Krypto-Zahlung (Bitcoin, USDT)<\/li>\n          <\/ul>\n          <p>Die Aktivierung des Abonnements erfolgt nach vollst\u00e4ndigem Zahlungseingang in der Regel innerhalb von 10 Minuten.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"laufzeit\">\n          <h2><span class=\"lp-h2-num\">05<\/span> Laufzeit und K\u00fcndigung<\/h2>\n          \n          <p>Die Vertragslaufzeit entspricht der vom Kunden bei der Bestellung ausgew\u00e4hlten Laufzeit (3, 6, 12 oder 24 Monate). Eine automatische Verl\u00e4ngerung findet <strong>nicht<\/strong> statt.<\/p>\n          <p>Nach Ablauf der gew\u00e4hlten Laufzeit endet der Vertrag automatisch. Der Kunde wird vor Vertragsende per E-Mail oder WhatsApp informiert und kann optional verl\u00e4ngern.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"widerruf\">\n          <h2><span class=\"lp-h2-num\">06<\/span> Widerrufsrecht<\/h2>\n          \n          <p>Verbrauchern steht das gesetzliche Widerrufsrecht zu, sofern keine Ausnahme greift. Die ausf\u00fchrliche <a href=\"\/widerruf\">Widerrufsbelehrung<\/a> finden Sie auf einer separaten Seite.<\/p>\n          <p><strong>Hinweis:<\/strong> Bei digitalen Inhalten, die nicht auf einem k\u00f6rperlichen Datentr\u00e4ger geliefert werden, erlischt das Widerrufsrecht, wenn der Anbieter mit der Ausf\u00fchrung des Vertrages begonnen hat, nachdem der Verbraucher ausdr\u00fccklich zugestimmt hat (\u00a7 356 Abs. 5 BGB).<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"garantie\">\n          <h2><span class=\"lp-h2-num\">07<\/span> Geld-zur\u00fcck-Garantie<\/h2>\n          \n          <p>F\u00fcr Abonnements mit einer Laufzeit von 12 oder 24 Monaten bietet der Anbieter eine freiwillige 7-Tage-Geld-zur\u00fcck-Garantie an. Innerhalb dieser Frist kann der Kunde die R\u00fcckerstattung des Kaufpreises verlangen, sofern technische Probleme vorliegen, die der Anbieter nicht beheben kann.<\/p>\n          <p>Die Garantie gilt zus\u00e4tzlich zum gesetzlichen Widerrufsrecht und schr\u00e4nkt dieses nicht ein.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"haftung\">\n          <h2><span class=\"lp-h2-num\">08<\/span> Haftung<\/h2>\n          \n          <p>Der Anbieter haftet unbeschr\u00e4nkt bei Vorsatz und grober Fahrl\u00e4ssigkeit sowie bei Verletzung von Leben, K\u00f6rper und Gesundheit.<\/p>\n          <p>Bei leichter Fahrl\u00e4ssigkeit haftet der Anbieter nur bei Verletzung einer wesentlichen Vertragspflicht (Kardinalpflicht), wobei die Haftung auf den vertragstypischen, vorhersehbaren Schaden begrenzt ist.<\/p>\n          <p>Eine Haftung f\u00fcr mittelbare Sch\u00e4den, entgangenen Gewinn oder Folgesch\u00e4den ist ausgeschlossen, soweit gesetzlich zul\u00e4ssig.<\/p>\n          <p>Der Anbieter haftet nicht f\u00fcr Internetst\u00f6rungen, Probleme mit den Endger\u00e4ten des Kunden oder Bandbreitenprobleme, die nicht im Verantwortungsbereich des Anbieters liegen.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"schluss\">\n          <h2><span class=\"lp-h2-num\">09<\/span> Schlussbestimmungen<\/h2>\n          \n          <p>Es gilt deutsches Recht unter Ausschluss des UN-Kaufrechts. Bei Vertr\u00e4gen mit Verbrauchern bleiben zwingende Verbraucherschutzvorschriften des Landes, in dem der Verbraucher seinen gew\u00f6hnlichen Aufenthalt hat, unber\u00fchrt.<\/p>\n          <p>Sollten einzelne Bestimmungen dieser AGB ganz oder teilweise unwirksam sein, so wird die Wirksamkeit der \u00fcbrigen Bestimmungen davon nicht ber\u00fchrt.<\/p>\n          <p>Erf\u00fcllungsort und Gerichtsstand f\u00fcr Kaufleute ist [Ihr Gesch\u00e4ftssitz].<\/p>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ FOOTER ============ -->\n<footer class=\"site-footer\" id=\"footer\">\n  <div class=\"giptv-container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-about\">\n        <a href=\"\/\" class=\"logo\">\n          <span class=\"logo-flag\"><\/span>\n          German <span>IPTV<\/span>\n        <\/a>\n        <p>German IPTV \u2014 die digitale Premium-L\u00f6sung in Deutschland f\u00fcr ein fl\u00fcssiges, stabiles und multi-ger\u00e4te-kompatibles Multimedia-Erlebnis. Deutscher Support 7\/7.<\/p>\n        <div class=\"footer-social\">\n          <a href=\"#\" aria-label=\"WhatsApp\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"Telegram\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0a12 12 0 00-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 01.171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"Facebook\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"Instagram\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-col\">\n        <h4>Navigation<\/h4>\n        <ul>\n          <li><a href=\"\/\">Startseite<\/a><\/li>\n          <li><a href=\"\/preise\">Preise<\/a><\/li>\n          <li><a href=\"\/iptv-app\">IPTV App<\/a><\/li>\n          <li><a href=\"\/blog\">Blog<\/a><\/li>\n          <li><a href=\"\/iptv-reseller\">Reseller<\/a><\/li>\n          <li><a href=\"\/kontakt\">Kontakt<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"footer-col\">\n        <h4>Rechtliche Informationen<\/h4>\n        <ul>\n          <li><a href=\"\/datenschutz\">Datenschutzerkl\u00e4rung<\/a><\/li>\n          <li><a href=\"\/widerruf\">Widerrufsbelehrung<\/a><\/li>\n          <li><a href=\"\/agb\">Allgemeine Gesch\u00e4ftsbedingungen<\/a><\/li>\n          <li><a href=\"\/impressum\">Impressum<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"footer-col\">\n        <h4>Kontakt<\/h4>\n        <ul class=\"contact-list\">\n          <li>\n            <a href=\"https:\/\/wa.me\/33773180392\" target=\"_blank\" rel=\"noopener\" style=\"display:flex;align-items:center;gap:12px;width:100%\">\n              <span class=\"contact-icon wa\">\n                <svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z\"\/><\/svg>\n              <\/span>\n              <span class=\"contact-info\">\n                <small>WhatsApp<\/small>\n                <strong>+33 7 73 18 03 92<\/strong>\n              <\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"mailto:support@german-iptv.de\" style=\"display:flex;align-items:center;gap:12px;width:100%\">\n              <span class=\"contact-icon\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\"\/><\/svg>\n              <\/span>\n              <span class=\"contact-info\">\n                <small>E-Mail<\/small>\n                <strong>support@german-iptv.de<\/strong>\n              <\/span>\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"footer-bottom\">\n      <p>\u00a9 2026 <strong>GERMAN IPTV<\/strong> \u2014 Alle Rechte vorbehalten.<\/p>\n      <p class=\"footer-tagline\">4K Qualit\u00e4t \u00b7 Maximale Stabilit\u00e4t \u00b7 Deutscher Support 7\/7<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- WhatsApp floating button -->\n<a href=\"https:\/\/wa.me\/33773180392\" class=\"whatsapp-float\" aria-label=\"WhatsApp\" target=\"_blank\" rel=\"noopener\">\n  <svg fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z\"\/><\/svg>\n<\/a>\n\n<\/div>\n\n<script>\n\/* ============ FAQ Accordion ============ *\/\nfunction toggleFaq(el){\n  const item = el.parentElement;\n  const wasActive = item.classList.contains('active');\n  document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n  if(!wasActive) item.classList.add('active');\n}\n\n\/* ============ Pricing tier toggle ============ *\/\n(function(){\n  const toggle = document.querySelector('.tier-toggle');\n  if(!toggle) return;\n  const buttons = toggle.querySelectorAll('.tier-btn');\n  const grids = document.querySelectorAll('[data-tier-grid]');\n\n  buttons.forEach(btn => {\n    btn.addEventListener('click', () => {\n      const tier = btn.dataset.tier;\n      buttons.forEach(b => b.classList.toggle('active', b === btn));\n      toggle.dataset.active = tier;\n      grids.forEach(g => g.classList.toggle('active', g.dataset.tierGrid === tier));\n    });\n  });\n})();\n\n\/* ============ Particle generator ============ *\/\n(function(){\n  const container = document.getElementById('particles');\n  const count = window.innerWidth < 700 ? 12 : 28;\n  for(let i=0;i<count;i++){\n    const p = document.createElement('div');\n    p.className = 'particle';\n    const size = Math.random()*3 + 1;\n    p.style.width = size + 'px';\n    p.style.height = size + 'px';\n    p.style.left = Math.random()*100 + 'vw';\n    p.style.top = '100vh';\n    p.style.animationDuration = (Math.random()*15 + 15) + 's';\n    p.style.animationDelay = (Math.random()*15) + 's';\n    p.style.opacity = (Math.random()*0.5 + 0.2).toString();\n    if(Math.random() > 0.5) p.style.background = 'var(--red-soft)', p.style.boxShadow = '0 0 8px var(--red-soft)';\n    container.appendChild(p);\n  }\n})();\n\n\/* ============ Hero spotlight follows mouse ============ *\/\n(function(){\n  const hero = document.getElementById('hero');\n  const spot = document.getElementById('spotlight');\n  if(!hero || !spot) return;\n  hero.addEventListener('mousemove',(e)=>{\n    const r = hero.getBoundingClientRect();\n    spot.style.left = (e.clientX - r.left) + 'px';\n    spot.style.top  = (e.clientY - r.top) + 'px';\n    spot.style.opacity = '1';\n  });\n  hero.addEventListener('mouseleave',()=>spot.style.opacity = '0');\n})();\n\n\/* ============ TV mockup 3D tilt ============ *\/\n(function(){\n  const tv = document.querySelector('.tv-mockup');\n  if(!tv) return;\n  const parent = tv.parentElement;\n  parent.addEventListener('mousemove',(e)=>{\n    const r = parent.getBoundingClientRect();\n    const x = (e.clientX - r.left)\/r.width - 0.5;\n    const y = (e.clientY - r.top)\/r.height - 0.5;\n    tv.style.transform = `perspective(1000px) rotateY(${x*10}deg) rotateX(${-y*10}deg) translateY(-5px)`;\n  });\n  parent.addEventListener('mouseleave',()=>{\n    tv.style.transform = '';\n  });\n})();\n\n\/* ============ Scroll progress bar ============ *\/\nwindow.addEventListener('scroll',()=>{\n  const h = document.documentElement;\n  const scrolled = (h.scrollTop \/ (h.scrollHeight - h.clientHeight)) * 100;\n  document.getElementById('scrollProgress').style.width = scrolled + '%';\n});\n\n\/* ============ Scroll reveal (sections + items) ============ *\/\nconst sectionObserver = new IntersectionObserver((entries)=>{\n  entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('visible'); sectionObserver.unobserve(e.target);} });\n},{threshold:0.08});\ndocument.querySelectorAll('section').forEach(s=>{\n  s.classList.add('reveal');\n  sectionObserver.observe(s);\n});\n\nconst itemObserver = new IntersectionObserver((entries)=>{\n  entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('visible'); itemObserver.unobserve(e.target);} });\n},{threshold:0.1});\ndocument.querySelectorAll('.feature-card, .cat-card, .step-card, .device-card, .price-card, .faq-item').forEach(el=>{\n  el.classList.add('reveal-item');\n  itemObserver.observe(el);\n});\n\n\/* ============ Animated counters ============ *\/\nconst counterObserver = new IntersectionObserver((entries)=>{\n  entries.forEach(e=>{\n    if(e.isIntersecting){\n      const el = e.target;\n      const target = parseInt(el.dataset.count);\n      const suffix = el.dataset.suffix || '';\n      const duration = 2000;\n      const start = performance.now();\n      function tick(now){\n        const p = Math.min((now-start)\/duration, 1);\n        const eased = 1 - Math.pow(1-p, 3);\n        const value = Math.floor(target * eased);\n        el.textContent = value.toLocaleString('de-DE') + (p===1 ? suffix : '');\n        if(p < 1) requestAnimationFrame(tick);\n      }\n      requestAnimationFrame(tick);\n      counterObserver.unobserve(el);\n    }\n  });\n},{threshold:0.5});\ndocument.querySelectorAll('[data-count]').forEach(el => counterObserver.observe(el));\n\n\/* ============ Mobile menu close on link click ============ *\/\ndocument.querySelectorAll('#navMenu a').forEach(a=>{\n  a.addEventListener('click',()=>document.getElementById('navMenu').classList.remove('active'));\n});\n\n\/* ============ Header background opacity on scroll ============ *\/\nconst header = document.querySelector('.site-header');\nwindow.addEventListener('scroll',()=>{\n  if(window.scrollY > 50) header.style.background = 'rgba(8,8,8,.92)';\n  else header.style.background = 'rgba(8,8,8,.7)';\n});\n<\/script>\n\n<\/body>\n<\/html>\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>Allgemeine Gesch\u00e4ftsbedingungen | German IPTV German IPTV Startseite Preise IPTV App Blog Reseller Kontakt IPTV kaufen \u2192 \u2630 Rechtliche Informationen [&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":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"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-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":"","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-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":"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":""},"mobile":{"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":""}},"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":4,"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages\/31\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}