{"id":25,"date":"2026-05-30T12:39:51","date_gmt":"2026-05-30T12:39:51","guid":{"rendered":"https:\/\/iptvkaufenpremium.com\/?page_id=25"},"modified":"2026-05-30T15:38:30","modified_gmt":"2026-05-30T15:38:30","slug":"datenschutzerklarung","status":"publish","type":"page","link":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/datenschutzerklarung\/","title":{"rendered":"Datenschutzerkl\u00e4rung"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f07a12a e-con-full e-flex e-con e-parent\" data-id=\"f07a12a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e82e311 elementor-widget elementor-widget-html\" data-id=\"e82e311\" 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>Datenschutzerkl\u00e4rung | German IPTV<\/title>\n<meta name=\"description\" content=\"Datenschutzerkl\u00e4rung von German IPTV gem\u00e4\u00df DSGVO. Informationen zur Verarbeitung personenbezogener Daten.\">\n<meta name=\"robots\" content=\"index, follow\">\n<link rel=\"canonical\" href=\"https:\/\/your-domain.de\/datenschutz\">\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>Datenschutzerkl\u00e4rung<\/h1>\n      <p class=\"lp-lead\">Informationen zum Umgang mit Ihren personenbezogenen Daten gem\u00e4\u00df DSGVO.<\/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=\"#verantwortlicher\"><span class=\"lp-toc-num\">01<\/span> Verantwortlicher<\/a><\/li>\n            <li><a href=\"#rechte\"><span class=\"lp-toc-num\">02<\/span> Ihre Rechte als betroffene Person<\/a><\/li>\n            <li><a href=\"#logs\"><span class=\"lp-toc-num\">03<\/span> Erfassung allgemeiner Daten (Server-Logs)<\/a><\/li>\n            <li><a href=\"#cookies\"><span class=\"lp-toc-num\">04<\/span> Cookies<\/a><\/li>\n            <li><a href=\"#whatsapp\"><span class=\"lp-toc-num\">05<\/span> Kommunikation per WhatsApp<\/a><\/li>\n            <li><a href=\"#zahlung\"><span class=\"lp-toc-num\">06<\/span> Zahlungsabwicklung<\/a><\/li>\n            <li><a href=\"#speicherdauer\"><span class=\"lp-toc-num\">07<\/span> Speicherdauer<\/a><\/li>\n            <li><a href=\"#aenderungen\"><span class=\"lp-toc-num\">08<\/span> \u00c4nderungen dieser Datenschutzerkl\u00e4rung<\/a><\/li>\n          <\/ol>\n        <\/div>\n      <\/aside>\n\n      <!-- Article content -->\n      <div class=\"lp-content\">\n\n        <article class=\"lp-section\" id=\"verantwortlicher\">\n          <h2><span class=\"lp-h2-num\">01<\/span> Verantwortlicher<\/h2>\n          \n          <p>Verantwortlicher im Sinne der Datenschutz-Grundverordnung (DSGVO) und anderer nationaler Datenschutzgesetze sowie sonstiger datenschutzrechtlicher Bestimmungen ist:<\/p>\n          <div class=\"lp-card\">\n            <address>\n              <strong>[Ihr Firmenname \/ Name]<\/strong><br>\n              [Stra\u00dfe und Hausnummer]<br>\n              [PLZ Ort]<br>\n              [Land]<br>\n              E-Mail: support@smartiptvgermany.de\n            <\/address>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"rechte\">\n          <h2><span class=\"lp-h2-num\">02<\/span> Ihre Rechte als betroffene Person<\/h2>\n          \n          <p>Sie haben jederzeit das Recht:<\/p>\n          <ul class=\"lp-list\">\n            <li><strong>Auf Auskunft<\/strong> \u00fcber Ihre bei uns verarbeiteten personenbezogenen Daten (Art. 15 DSGVO).<\/li>\n            <li><strong>Auf Berichtigung<\/strong> unrichtiger personenbezogener Daten (Art. 16 DSGVO).<\/li>\n            <li><strong>Auf L\u00f6schung<\/strong> Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO), soweit nicht gesetzliche Aufbewahrungspflichten entgegenstehen.<\/li>\n            <li><strong>Auf Einschr\u00e4nkung der Verarbeitung<\/strong> (Art. 18 DSGVO).<\/li>\n            <li><strong>Auf Widerspruch<\/strong> gegen die Verarbeitung (Art. 21 DSGVO).<\/li>\n            <li><strong>Auf Daten\u00fcbertragbarkeit<\/strong> (Art. 20 DSGVO).<\/li>\n            <li><strong>Auf Beschwerde<\/strong> bei einer Aufsichtsbeh\u00f6rde.<\/li>\n          <\/ul>\n          <p>Zur Aus\u00fcbung Ihrer Rechte gen\u00fcgt eine kurze Nachricht an die oben genannte E-Mail-Adresse.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"logs\">\n          <h2><span class=\"lp-h2-num\">03<\/span> Erfassung allgemeiner Daten (Server-Logs)<\/h2>\n          \n          <p>Bei jedem Aufruf unserer Website erfasst unser Server automatisch eine Reihe von technischen Informationen, die Ihr Browser \u00fcbermittelt:<\/p>\n          <ul class=\"lp-list\">\n            <li>Browsertyp und -version<\/li>\n            <li>Verwendetes Betriebssystem<\/li>\n            <li>Referrer-URL (zuvor besuchte Seite)<\/li>\n            <li>IP-Adresse (anonymisiert)<\/li>\n            <li>Datum und Uhrzeit des Zugriffs<\/li>\n          <\/ul>\n          <p>Diese Daten werden ausschlie\u00dflich zur Sicherstellung des reibungslosen Betriebs unserer Website sowie zur Verbesserung unseres Angebots verarbeitet. Eine Zusammenf\u00fchrung mit anderen Datenquellen findet nicht statt. Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse).<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"cookies\">\n          <h2><span class=\"lp-h2-num\">04<\/span> Cookies<\/h2>\n          \n          <p>Unsere Website verwendet Cookies. Cookies sind kleine Textdateien, die auf Ihrem Endger\u00e4t gespeichert werden. Sie helfen uns dabei, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen.<\/p>\n          <p>Wir unterscheiden zwischen:<\/p>\n          <ul class=\"lp-list\">\n            <li><strong>Notwendigen Cookies<\/strong> \u2013 essenziell f\u00fcr die Funktion der Website (z.B. Spracheinstellungen).<\/li>\n            <li><strong>Analyse-Cookies<\/strong> \u2013 helfen uns zu verstehen, wie Besucher unsere Website nutzen.<\/li>\n            <li><strong>Marketing-Cookies<\/strong> \u2013 erm\u00f6glichen relevante Inhalte und Werbung.<\/li>\n          <\/ul>\n          <p>Sie k\u00f6nnen die Verwendung von Cookies in Ihren Browser-Einstellungen jederzeit deaktivieren oder Cookies l\u00f6schen. Bei deaktivierten Cookies sind m\u00f6glicherweise nicht alle Funktionen unserer Website verf\u00fcgbar.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"whatsapp\">\n          <h2><span class=\"lp-h2-num\">05<\/span> Kommunikation per WhatsApp<\/h2>\n          \n          <p>Wenn Sie uns \u00fcber WhatsApp kontaktieren, werden die \u00fcbermittelten Daten (Name, Telefonnummer, Nachricht) durch WhatsApp Ireland Ltd. verarbeitet. Wir verwenden WhatsApp Business f\u00fcr die Kundenkommunikation.<\/p>\n          <p>Die Datenverarbeitung erfolgt auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sowie zur Vertragsanbahnung und -erf\u00fcllung (Art. 6 Abs. 1 lit. b DSGVO).<\/p>\n          <p>Bitte beachten Sie die Datenschutzbestimmungen von WhatsApp: <a href=\"https:\/\/www.whatsapp.com\/legal\/privacy-policy-eea\" target=\"_blank\" rel=\"noopener\">https:\/\/www.whatsapp.com\/legal\/privacy-policy-eea<\/a><\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"zahlung\">\n          <h2><span class=\"lp-h2-num\">06<\/span> Zahlungsabwicklung<\/h2>\n          \n          <p>Zur Abwicklung von Zahlungen arbeiten wir mit verschiedenen Zahlungsdienstleistern zusammen (Stripe, PayPal, SEPA, ggf. Krypto-Anbieter). Bei einer Bestellung \u00fcbermitteln wir die f\u00fcr die Zahlungsabwicklung erforderlichen Daten an den jeweiligen Anbieter.<\/p>\n          <p>Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO (Vertragserf\u00fcllung). Die Datenschutzerkl\u00e4rungen der jeweiligen Anbieter finden Sie auf deren Webseiten.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"speicherdauer\">\n          <h2><span class=\"lp-h2-num\">07<\/span> Speicherdauer<\/h2>\n          \n          <p>Wir speichern Ihre personenbezogenen Daten nur so lange, wie es zur Erf\u00fcllung der jeweiligen Zwecke erforderlich ist oder gesetzliche Aufbewahrungspflichten bestehen (z.B. Steuerrecht: 10 Jahre, Handelsrecht: 6 Jahre).<\/p>\n          <p>Nach Ablauf der Aufbewahrungsfristen werden Ihre Daten routinem\u00e4\u00dfig und entsprechend den gesetzlichen Vorschriften gel\u00f6scht.<\/p>\n        <\/article>\n\n        <article class=\"lp-section\" id=\"aenderungen\">\n          <h2><span class=\"lp-h2-num\">08<\/span> \u00c4nderungen dieser Datenschutzerkl\u00e4rung<\/h2>\n          \n          <p>Wir behalten uns vor, diese Datenschutzerkl\u00e4rung anzupassen, damit sie stets den aktuellen rechtlichen Anforderungen entspricht oder um \u00c4nderungen unserer Leistungen umzusetzen. F\u00fcr Ihren erneuten Besuch gilt dann die neue Datenschutzerkl\u00e4rung.<\/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>Datenschutzerkl\u00e4rung | German IPTV German IPTV Startseite Preise IPTV App Blog Reseller Kontakt IPTV kaufen \u2192 \u2630 Rechtliche Informationen Datenschutzerkl\u00e4rung [&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-25","page","type-page","status-publish","hentry"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages\/25","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=25"}],"version-history":[{"count":4,"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/pages\/25\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/iptvkaufenpremium.com\/iptv-kaufen\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}