<style id="elementor-post-81120">.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-81120 .elementor-element.elementor-element-4f1faaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-81120 .elementor-element.elementor-element-b77ef70{width:100%;max-width:100%;}.elementor-81120 .elementor-element.elementor-element-b77ef70 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-81120 .elementor-element.elementor-element-753d60c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-81120 .elementor-element.elementor-element-3fe0e35{width:100%;max-width:100%;}.elementor-81120 .elementor-element.elementor-element-3fe0e35 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-81120 .elementor-element.elementor-element-86ef1d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-81120 .elementor-element.elementor-element-4739793{width:100%;max-width:100%;}.elementor-81120 .elementor-element.elementor-element-4739793 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-81120 .elementor-element.elementor-element-4739793.elementor-element{--align-self:center;}.elementor-81120 .elementor-element.elementor-element-c0a453b{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-81120 .elementor-element.elementor-element-753d60c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-81120 .elementor-element.elementor-element-86ef1d8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-81120 .elementor-element.elementor-element-c0a453b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b77ef70 *//* ============================================
   HERO SECTION
   Beschreibung: 66vh Hero mit Hintergrundbild,
   Overlay, zentriertem Inhalt, Payment-Icons
   Abhängigkeiten: tokens.css, utilities.css
   ============================================ */

/* 1. Layout + Hintergrundbild (Mobile/Desktop via Custom Property) */
.hero-section {
  --hero-bg: url('https://grind-games.de/wp-content/uploads/2026/03/GG-HP-Banner-Mobile-1.jpg');
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center top;
  background-attachment: scroll;
  background-repeat: no-repeat;
  position: relative;
  min-height: 66vh;
  height: 66vh;
  max-height: 66vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-block: var(--space-section);
}

.hero-content {
  position: relative;
  z-index: var(--z-raised);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 2. Platzhalter für Hintergrund-Layer (Bild liegt auf .hero-section) */
.hero-bg-image {
  position: absolute;
  inset: -10% 0;           /* Puffer oben/unten für Bewegungsspielraum */
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: var(--z-base);
  will-change: transform;  /* GPU Layer hint */
}

@media (min-width: 768px) {
  .hero-bg-image {
    background-image: url('https://grind-games.de/wp-content/uploads/2026/03/GG-HP-Banner-Desktop-3.jpg');
  }
}

/* 3. Overlay (Brand + Surface über dem Bild) */
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(100, 31, 55, 0.6) 0%,
    var(--color-surface-raised) 60%,
    var(--color-surface-base) 100%
  );
  opacity: 0.95;
  pointer-events: none;
}

/* 4. Glow-Effekte (unverändert) */
.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  pointer-events: none;
}

.hero-bg__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  pointer-events: none;
}

.hero-bg__glow--brand {
  width: 600px;
  height: 600px;
  top: -100px;
  left: -100px;
  background: var(--gradient-glow-brand);
}

.hero-bg__glow--gold {
  width: 400px;
  height: 400px;
  bottom: 0;
  right: 10%;
  background: var(--gradient-glow-gold);
}

.hero-bg__noise {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  opacity: 0.4;
  pointer-events: none;
}

/* 5. Logo */
.hero-logo {
  max-width: 200px;
  height: auto;
  margin-bottom: var(--space-8);
  display: block;
}

/* 6. Typography */
.hero-headline {
  font-size: var(--font-size-hero);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
  color: var(--color-text-primary);
  margin-bottom: var(--space-3);
}

.hero-subtext {
  font-size: var(--font-size-lg);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--space-8);
}

/* 7. Trustpilot */
.hero-trustpilot {
  --color-trustpilot: #00B67A;
  --color-trustpilot-border: rgba(0, 182, 122, 0.35);
  width: 100%;
  padding: var(--space-4) var(--container-padding);
  margin-bottom: var(--space-6);
}

.trustpilot-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  max-width: var(--container-default);
  margin: 0 auto;
  padding: var(--space-4) var(--space-8);
  background-color: var(--color-surface-raised);
  border: 2px solid var(--color-trustpilot-border);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

.trustpilot-bar__inner:hover {
  border-color: var(--color-trustpilot);
  box-shadow: 0 0 24px rgba(0, 182, 122, 0.12);
}

.trustpilot-bar__label {
  font-family: var(--font-body);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  white-space: nowrap;
}

.trustpilot-bar__stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.trustpilot-bar__stars-img {
  height: 32px;
  width: auto;
  display: block;
}

.trustpilot-bar__logo {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.trustpilot-bar__logo-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.trustpilot-bar__logo-wordmark {
  font-family: var(--font-body);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--color-trustpilot);
  white-space: nowrap;
  letter-spacing: var(--letter-spacing-tight);
}

/* 9. Payment Icons */
.hero-payments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-3);
  width: 100%;
  max-width: 560px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.hero-payment-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 36px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(4px);
  border-radius: var(--radius-sm);
  padding: var(--space-2);
  margin: 0 auto;
}

.hero-payment-item img {
  width: 60px;
  height: 36px;
  object-fit: contain;
}


@media (min-width: 768px) {
  .hero-section {
    --hero-bg: url('https://grind-games.de/wp-content/uploads/2026/03/GG-HP-Banner-Desktop-3.jpg');
  }
}

@media (max-width: 767px) {
  .hero-section {
    min-height: 60vh;
    height: 60vh;
    max-height: 60vh;
  }
  .hero-logo {
    max-width: 120px;
    margin-top: var(--space-6);
    margin-bottom: var(--space-4);
  }

  .hero-headline {
    font-size: var(--font-size-2xl);
    margin-bottom: 0;
  }

  .hero-subtext {
    font-size: var(--font-size-body);
    margin-bottom: var(--space-6);
  }

  .hero-trustpilot {
    margin-bottom: var(--space-2);
  }

  .trustpilot-bar__inner {
    flex-wrap: nowrap;
    padding: var(--space-3) var(--space-4);
    gap: var(--space-2);
  }

  .trustpilot-bar__label--reviews {
    display: none;
  }

  .trustpilot-bar__label {
    font-size: var(--font-size-sm);
  }

  .trustpilot-bar__stars-img {
    height: 24px;
  }

  .trustpilot-bar__logo-icon {
    width: 22px;
    height: 22px;
  }

  .trustpilot-bar__logo-wordmark {
    font-size: var(--font-size-sm);
  }

  .hero-payments {
    grid-template-columns: repeat(4, 1fr);
    max-width: 280px;
    gap: var(--space-2);
    margin-bottom: 0;
  }

  .hero-payment-item {
    width: 100%;
    height: 26px;
  }

  .hero-payment-item img {
    width: 100%;
    height: 22px;
  }
}

@media (min-width: 1024px) {
  .hero-payments {
    grid-template-columns: repeat(8, 1fr);
    max-width: 560px; /* statt 100% */
    gap: var(--space-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trustpilot-bar__inner {
    transition: none;
  }

  .hero-bg__glow {
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fe0e35 *//* ============================================
   Komponente: Games Carousel
   Seite: Home
   WICHTIG: Alle Card-Transforms (translateX, scale,
   rotateY, translateZ, opacity, zIndex) werden
   ausschließlich per JavaScript gesetzt.
   CSS steuert nur Layout, Optik und Button-Sichtbarkeit.
   ============================================ */

   @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&family=Cinzel:wght@400;600&display=swap');

   /* ─── SECTION ──────────────────────────────── */
   .games-section {
     background: var(--color-surface-base);
     padding: var(--space-section) 0;
     overflow-x: clip; /* Clippt visuell ohne Scroll-Container — bricht kein sticky, wird nicht von Elementor ausgehebelt */
     position: relative;
     width: 100%;
     max-width: none;
   }
   
   .games-section::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 900px;
     height: 500px;
     background: var(--gradient-glow-brand);
     pointer-events: none;
     z-index: 0;
   }
   
   /* ─── HEADER ───────────────────────────────── */
   .games-section__header {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-bottom: var(--space-12);
     position: relative;
     z-index: 1;
     text-align: center;
   }

   .games-section__label {
     font-family: var(--font-accent);
     font-size: var(--font-size-xs);
     font-weight: var(--font-weight-semibold);
     color: var(--color-brand-light);
     letter-spacing: var(--letter-spacing-widest);
     text-transform: uppercase;
     display: block;
     margin-bottom: var(--space-2);
     text-align: center;
   }

   .games-section__title {
     font-family: var(--font-display);
     font-size: var(--font-size-3xl) !important; /* Elementor Typography überschreibt ohne !important */
     font-weight: var(--font-weight-bold);
     color: var(--color-text-primary);
     line-height: var(--line-height-tight);
     margin: 0;
     text-align: center;
   }

   .games-section__title span {
     background: var(--gradient-text-brand);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     color: transparent;
   }
   /* ─── CAROUSEL ─────────────────────────────── */
   .games-carousel {
     position: relative;
     z-index: 1;
     width: 100%;
     max-width: none;
     overflow-x: clip; /* Clippt visuell ohne Scroll-Container — bricht kein sticky, wird nicht von Elementor ausgehebelt */
   }
   
   /* ─── STAGE ────────────────────────────────── 
      Karten sind position:absolute und werden via
      left:50% + negativem margin im Zentrum verankert.
      Alle 3D-Transforms kommen ausschließlich aus JS.
   ─────────────────────────────────────────────── */
   .games-carousel__stage {
     position: relative;
     height: 420px;
     width: 100%;
     max-width: none;
     perspective: 1200px;
     perspective-origin: 50% 50%;
     cursor: grab;
     user-select: none;
     -webkit-user-select: none;
     overflow: visible;
   }
   
   .games-carousel__stage:active {
     cursor: grabbing;
   }
   
   /* ─── KARTE BASIS ──────────────────────────── */
   .game-card {
     position: absolute;
     /* Zentrierung: Anker liegt exakt in der Mitte des Stage */
     left: 50%;
     top: 50%;
     margin-left: -130px; /* -(width / 2) */
     margin-top: -185px;  /* -(height / 2) */
     width: 260px;
     height: 370px;
     border-radius: var(--radius-xl);
     overflow: hidden;
     background: var(--gradient-card);
     border: 1px solid var(--color-border);
     box-shadow: var(--shadow-card);
     will-change: transform, opacity;
     text-decoration: none;
     display: block;
     -webkit-tap-highlight-color: transparent;
     -webkit-user-drag: none;
     /* Kein transition hier — wird per JS gesteuert */
   }
   
   .game-card__img {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     pointer-events: none;
     -webkit-user-drag: none;
   }
   
   .game-card__overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(
       to bottom,
       transparent 30%,
       rgba(0, 2, 10, 0.45) 55%,
       rgba(0, 2, 10, 0.92) 100%
     );
     z-index: 1;
     pointer-events: none;
   }
   
   .game-card__content {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: var(--space-5);
     z-index: 2;
   }
   
   .game-card__name {
     font-family: var(--font-body);
     font-size: var(--font-size-xs);
     font-weight: var(--font-weight-semibold);
     color: var(--color-text-primary);
     margin: 0 0 var(--space-3) 0;
     letter-spacing: var(--letter-spacing-wide);
     text-transform: uppercase;
   }
   
   /* Button standardmäßig ausgeblendet */
   .game-card__btn {
     display: block;
     width: 100%;
     padding: var(--space-3) var(--space-4);
     background: var(--gradient-cta);
     color: #fff;
     font-family: var(--font-body);
     font-size: var(--font-size-sm);
     font-weight: var(--font-weight-semibold);
     text-align: center;
     border: none;
     border-radius: var(--radius-sm);
     letter-spacing: var(--letter-spacing-wide);
     box-shadow: var(--shadow-cta);
     transition: opacity 0.25s ease, transform 0.25s ease;
     opacity: 0;
     transform: translateY(6px);
     pointer-events: none;
   }
   
   /* Nur auf der aktiven Karte (data-pos="0") sichtbar */
   .game-card[data-pos="0"] .game-card__btn {
     opacity: 1;
     transform: translateY(0);
     pointer-events: auto;
   }
   
   .game-card[data-pos="0"] .game-card__img {
     transform: scale(1.04);
   }
   
   .game-card[data-pos="0"] {
     border-color: var(--color-border-strong);
     box-shadow:
       0 12px 40px rgba(0, 0, 0, 0.6),
       0 0 0 1px var(--color-border-strong),
       0 0 32px rgba(142, 31, 55, 0.25);
   }
   
   /* ─── BADGE ────────────────────────────────── */
   .game-card__badge {
     position: absolute;
     top: var(--space-3);
     right: var(--space-3);
     z-index: 3;
     display: inline-flex;
     align-items: center;
     gap: var(--space-1);
     padding: var(--space-1) var(--space-3);
     border-radius: var(--radius-full);
     font-family: var(--font-body);
     font-size: var(--font-size-xs);
     font-weight: var(--font-weight-semibold);
     color: #fff;
     pointer-events: none;
     white-space: nowrap;
     box-shadow: var(--shadow-sm);
   }
   
   .game-card__badge--new {
     background: var(--color-success);
     color: var(--color-text-inverse);
   }
   
   .game-card__badge--popular {
     background: var(--color-cta);
     color: #fff;
   }
   
   /* ─── NAVIGATION ───────────────────────────── */
   .games-carousel__nav {
     display: flex;
     justify-content: center;
     gap: var(--space-4);
     margin-top: var(--space-8);
   }
   
   .games-carousel__btn {
     width: 48px;
     height: 48px;
     border-radius: var(--radius-full);
     border: 1px solid var(--color-border);
     background: var(--color-surface-raised);
     color: var(--color-text-secondary);
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: var(--transition-fast);
     flex-shrink: 0;
   }
   
   .games-carousel__btn:hover {
     border-color: var(--color-brand);
     color: var(--color-text-primary);
     background: rgba(142, 31, 55, 0.12);
     box-shadow: var(--shadow-brand);
   }
   
   .games-carousel__btn svg {
     width: 20px;
     height: 20px;
   }
   
   /* ─── DOTS ─────────────────────────────────── */
   .games-carousel__dots {
     display: flex;
     justify-content: center;
     gap: var(--space-2);
     margin-top: var(--space-5);
     flex-wrap: wrap;
     padding: 0 var(--space-4);
   }
   
   .games-carousel__dot {
     width: 6px;
     height: 6px;
     border-radius: var(--radius-full);
     background: var(--color-border-subtle);
     border: none;
     cursor: pointer;
     transition: var(--transition-fast);
     padding: 0;
   }
   
   .games-carousel__dot.is-active {
     background: var(--color-brand);
     width: 20px;
   }
   
   .games-carousel__dot:hover:not(.is-active) {
     background: var(--color-text-muted);
   }
   
   /* ─── RESPONSIVE ───────────────────────────── */
   @media (min-width: 768px) {
     .games-carousel__stage {
       height: 440px;
     }
   }
   
   @media (max-width: 767px) {
     .games-carousel__stage {
       height: 400px;
       perspective: none;
     }
   
     .games-section__header {
       flex-direction: column;
       align-items: center;
       gap: var(--space-4);
       text-align: center;
     }
   }
   
   @media (prefers-reduced-motion: reduce) {
     .game-card,
     .game-card__img,
     .game-card__btn,
     .games-carousel__btn,
     .games-carousel__dot {
       transition: none !important;
     }
   }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4739793 *//* ============================================
   TRUST SECTION
   Seite: Home — nach Game-Carousel
   Komponente: components/trust/trust.css
   Beschreibung: 3-Card Trust-Sektion für Gaming/Boost-Service
   ============================================ */

/* ─── SECTION WRAPPER ──────────────────────── */
.trust-section {
    background: var(--color-surface-base);
    padding: calc(var(--space-section) / 2) 0 var(--space-section);
    position: relative;
    overflow: hidden;
  }
  
  /* Container-Padding — self-contained für Elementor-Widget
     Doppelter Wert von --container-padding (clamp(1rem, 5vw, 2rem)) */
  .trust-section .container {
    padding-left: clamp(2rem, 10vw, 4rem);
    padding-right: clamp(2rem, 10vw, 4rem);
  }
  
  /* Linearer Gradient am unteren Rand — dezenter Brand-Übergang */
  .trust-section::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(
      to top,
      rgba(142, 31, 55, 0.12) 0%,
      transparent 100%
    );
    pointer-events: none;
    z-index: 0;
  }
  
  /* ─── HEADER ────────────────────────────────── */
  .trust-header {
    text-align: center;
    margin-bottom: var(--space-12);
    position: relative;
    z-index: 1;
  }
  
  /* Eyebrow Label — Cinzel, Gold */
  .trust-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-body);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-widest);
    text-transform: uppercase;
    color: var(--color-gold);
    background: rgba(255, 215, 0, 0.1);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-full);
    margin-bottom: var(--space-5);
  }
  
  /* Goldene Trennlinie unter Eyebrow */
  .trust-header::after {
    content: '';
    display: block;
    width: 320px;
    height: 2px;
    background: var(--color-brand);
    margin: var(--space-5) auto 0;
    border-radius: var(--radius-full);
  }
  
  /* Headline — Playfair Display */
  .trust-headline {
    font-family: var(--font-display);
    font-size: var(--font-size-xl) !important;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight) !important;
    color: var(--color-text-primary);
    letter-spacing: var(--letter-spacing-tight);
    margin: 0;
  }
  
  .trust-headline__accent {
    background: var(--gradient-text-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  /* ─── GRID ──────────────────────────────────── */
  .trust-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-gap);
    position: relative;
    z-index: 1;
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .trust-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (min-width: 1024px) {
    .trust-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-6);
    }
  }
  
  /* ─── CARD ──────────────────────────────────── */
  .trust-card {
    position: relative;
  
    /* Glass-Basis: transparent genug damit der Blur greift,
       leicht brand-getönt für Kohärenz mit dem dunklen Hintergrund */
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(24px) saturate(1.8) brightness(1.05);
    -webkit-backdrop-filter: blur(24px) saturate(1.8) brightness(1.05);
  
    /* Subtiler weißer Border — simuliert Lichtreflexion auf Glas */
    border: 1px solid rgba(255, 255, 255, 0.08);
  
    border-radius: var(--radius-lg);
    padding: var(--space-8);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  
    /* Äußerer Schatten + innere Lichtkante oben = Glastiefe */
    box-shadow:
      0 4px 24px rgba(0, 0, 0, 0.4),
      0 1px 0 rgba(255, 255, 255, 0.08) inset;
  
    transition: var(--transition-base);
  }
  
  /* Card Hover State */
  .trust-card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(142, 31, 55, 0.75);
    box-shadow:
      0 12px 40px rgba(0, 0, 0, 0.55),
      0 0 28px rgba(142, 31, 55, 0.15),
      0 1px 0 rgba(255, 255, 255, 0.12) inset;
    transform: translateY(-8px);
  }
  
  .trust-card:hover::before {
    opacity: 1;
  }
  
  /* Glow-Effekt beim Hover */
  .trust-card__glow {
    position: absolute;
    bottom: -80px;
    right: -80px;
    width: 200px;
    height: 200px;
    background: var(--gradient-glow-brand);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
  }
  
  .trust-card:hover .trust-card__glow {
    opacity: 1;
  }
  
  /* ─── ICON WRAP ─────────────────────────────── */
  .trust-card__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: rgba(142, 31, 55, 0.12);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    flex-shrink: 0;
    transition: var(--transition-bounce);
  }
  
  .trust-card:hover .trust-card__icon-wrap {
    background: rgba(142, 31, 55, 0.25);
    border-color: var(--color-border-strong);
    transform: scale(1.15);
  }
  
  .trust-card__icon {
    color: var(--color-accent-rose);
    transition: var(--transition-bounce);
  }
  
  .trust-card:hover .trust-card__icon {
    color: var(--color-text-primary);
    transform: scale(1.1);
  }
  
  .trust-card:hover .trust-card__title {
    color: var(--color-brand-light);
  }
  
  /* ─── CARD BODY ─────────────────────────────── */
  .trust-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }
  
  .trust-card__title {
    font-family: var(--font-body);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    line-height: var(--line-height-snug);
    margin: 0;
    transition: var(--transition-base);
  }
  
  .trust-card__text {
    font-family: var(--font-body);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-light);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }
  
  /* ─── REDUCED MOTION ────────────────────────── */
  @media (prefers-reduced-motion: reduce) {
    .trust-card,
    .trust-card__icon-wrap,
    .trust-card__icon,
    .trust-card__glow,
    .trust-card__title {
      transition: none;
    }
  
    .trust-card:hover {
      transform: none;
    }
  
    .trust-card:hover .trust-card__icon-wrap,
    .trust-card:hover .trust-card__icon {
      transform: none;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-315204c *//* ============================================
   FAQ — Helle Sektion (lp-faq-*)
   Migriert aus 7faq.html, Tokens aus design-system/tokens.css
   ============================================ */

.lp-faq-section {
  background: var(--color-surface-white);
  padding: clamp(var(--space-12), 8vh, var(--space-24)) var(--space-4);
  position: relative;
  overflow-x: hidden;
  width: 100%;
}

.lp-faq-container {
  max-width: var(--container-narrow);
  margin: 0 auto;
  width: 100%;
}

.lp-faq-header {
  text-align: center;
  margin-bottom: var(--space-12);
}

.lp-faq-eyebrow {
  display: inline-block;
  font-size: clamp(0.8125rem, 2vw, var(--font-size-sm));
  font-weight: var(--font-weight-bold);
  color: var(--color-cta);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wider);
  margin-bottom: var(--space-3);
}

.lp-faq-headline {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-black);
  color: var(--color-text-on-light);
  margin: 0 0 var(--space-4) 0;
  line-height: var(--line-height-snug);
}

.lp-faq-subtext {
  font-size: clamp(var(--font-size-body), 2.5vw, var(--font-size-md));
  color: var(--color-text-on-light-muted);
  max-width: 650px;
  margin: 0 auto;
  line-height: var(--line-height-normal);
}

.lp-faq-list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-10) 0;
}

.lp-faq-item {
  background: rgba(0, 6, 33, 0.02);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-4);
  overflow: hidden;
  transition: var(--transition-base);
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .lp-faq-item {
    transition: none;
  }
}

.lp-faq-item:hover {
  border-color: var(--color-border-strong);
  box-shadow: 0 4px 15px rgba(0, 6, 33, 0.08);
}

.lp-faq-item.lp-faq-active {
  background: rgba(213, 1, 29, 0.03);
  border-color: var(--color-cta);
  box-shadow: 0 4px 20px rgba(213, 1, 29, 0.12);
}

.lp-faq-question {
  width: 100%;
  background: none;
  border: none;
  color: var(--color-text-on-light);
  font-size: clamp(var(--font-size-body), 2.5vw, var(--font-size-md));
  font-weight: var(--font-weight-bold);
  text-align: left;
  padding: var(--space-6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  transition: var(--transition-base);
  min-height: 44px;
  line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
  .lp-faq-question {
    transition: none;
  }
}

.lp-faq-question:hover {
  background: rgba(213, 1, 29, 0.05);
}

.lp-faq-question:focus {
  outline: 3px solid var(--color-cta);
  outline-offset: -3px;
}

.lp-faq-question-text {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
}

.lp-faq-question-text span:last-child {
  flex: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  hyphens: auto;
}

.lp-faq-question-icon {
  font-size: var(--font-size-md);
  flex-shrink: 0;
}

.lp-faq-toggle {
  width: 32px;
  height: 32px;
  background: var(--gradient-cta);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-surface-white);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  flex-shrink: 0;
  margin-top: 0.125rem;
  transition: var(--transition-base);
}

@media (prefers-reduced-motion: reduce) {
  .lp-faq-toggle {
    transition: none;
  }
}

.lp-faq-active .lp-faq-toggle {
  transform: rotate(45deg);
}

.lp-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding var(--transition-base);
}

@media (prefers-reduced-motion: reduce) {
  .lp-faq-answer {
    transition: none;
  }
}

.lp-faq-active .lp-faq-answer {
  max-height: 800px;
}

.lp-faq-answer-content {
  padding: 0 var(--space-6) var(--space-6) var(--space-6);
  color: var(--color-text-on-light);
  font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
  line-height: 1.7;
}

.lp-faq-answer-content strong {
  color: var(--color-brand);
  font-weight: var(--font-weight-semibold);
}

/* CTA-Box unten — Hintergrund var(--color-surface-base) */
.lp-faq-cta-box {
  background: linear-gradient(135deg, var(--color-surface-base) 0%, var(--color-brand) 100%);
  border-radius: var(--radius-md);
  padding: var(--space-10) var(--space-8);
  text-align: center;
  color: var(--color-surface-white);
}

.lp-faq-cta-title {
  font-size: clamp(var(--font-size-lg), 3vw, 1.625rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-gold);
  margin: 0 0 var(--space-4) 0;
}

.lp-faq-cta-text {
  font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: var(--line-height-normal);
  margin: 0 auto var(--space-6) auto;
  max-width: 600px;
}

.lp-faq-cta-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  background: var(--color-gold);
  color: var(--color-surface-base);
  font-size: clamp(var(--font-size-body), 2.5vw, var(--font-size-md));
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  padding: var(--space-4) 2.25rem;
  border-radius: var(--radius-full);
  transition: var(--transition-base);
  box-shadow: var(--shadow-gold);
  min-height: 44px;
}

.lp-faq-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-gold);
  background: var(--color-surface-white);
}

.lp-faq-cta-button:focus {
  outline: 3px solid var(--color-surface-white);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .lp-faq-cta-button:hover {
    transform: none;
  }
}

/* Tablet */
@media (min-width: 768px) {
  .lp-faq-section {
    padding: clamp(var(--space-12), 8vh, var(--space-24)) var(--space-4);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .lp-faq-section {
    padding: clamp(var(--space-12), 8vh, var(--space-24)) var(--space-2);
  }

  .lp-faq-container {
    max-width: 100%;
    padding: 0;
  }

  .lp-faq-item {
    margin-bottom: var(--space-3);
    margin-left: 0;
    margin-right: 0;
  }

  .lp-faq-question {
    padding: 0.875rem var(--space-3);
    font-size: 0.9375rem;
    gap: var(--space-2);
  }

  .lp-faq-question-text {
    gap: var(--space-2);
  }

  .lp-faq-question-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
  }

  .lp-faq-toggle {
    width: 26px;
    height: 26px;
    font-size: var(--font-size-body);
    margin-top: 0;
    flex-shrink: 0;
  }

  .lp-faq-answer-content {
    padding: var(--space-2) var(--space-3) 0.875rem var(--space-3);
  }

  .lp-faq-cta-box {
    padding: 1.75rem var(--space-4);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15bb0cf *//* ============================================
   CTA Final — Abschluss-Sektion mit Badge, Headline, Recap, Urgency, CTA, Guarantees
   Design Tokens aus design-system/tokens.css
   ============================================ */

.cta-final-section {
  background: linear-gradient(135deg, var(--color-surface-base) 0%, var(--color-surface-raised) 100%);
  padding: var(--space-section) var(--space-4);
  position: relative;
  overflow: hidden;
}

.cta-final-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* color-cta 15% */
  background-image: radial-gradient(circle at 50% 50%, rgba(213, 1, 29, 0.15) 0%, transparent 70%);
  z-index: 1;
}

.lp-final-container {
  max-width: 840px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
}

.lp-final-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  background: var(--gradient-cta);
  color: var(--color-text-primary);
  padding: 0.875rem var(--space-5);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--space-8);
  box-shadow: var(--shadow-cta);
  border: 2px solid var(--color-border-gold);
  animation: cta-final-pulse 2.5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .lp-final-badge {
    animation: none;
  }
}

@keyframes cta-final-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: var(--shadow-cta);
  }
  50% {
    transform: scale(1.05);
    box-shadow: var(--shadow-brand-lg);
  }
}

.lp-final-badge-icon {
  font-size: var(--font-size-lg);
}

.lp-final-headline {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-black);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-6) 0;
  line-height: var(--line-height-tight);
  text-shadow: var(--shadow-md);
}

.lp-final-highlight {
  background: linear-gradient(45deg, var(--color-gold), var(--color-gold-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  filter: drop-shadow(0 2px 4px var(--color-border-gold));
}

.lp-final-text {
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-8) var(--space-8);
  margin: 0 0 var(--space-8) 0;
  backdrop-filter: blur(10px);
}

.lp-final-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}

.lp-final-list-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  text-align: left;
}

.lp-final-list-icon {
  font-size: var(--font-size-2xl);
  flex-shrink: 0;
  line-height: 1;
}

.lp-final-list-text {
  flex: 1;
  font-size: var(--font-size-body);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.lp-final-list-text strong {
  color: var(--color-gold);
  font-weight: var(--font-weight-bold);
}

.lp-final-urgency {
  /* color-gold 20% */
  background: rgba(255, 215, 0, 0.2);
  border: 2px solid var(--color-border-gold);
  border-radius: var(--radius-md);
  padding: var(--space-5) var(--space-8);
  margin-bottom: var(--space-8);
}

.lp-final-urgency-text {
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

.lp-final-urgency-text strong {
  color: var(--color-gold);
  font-weight: var(--font-weight-black);
  font-size: 1.15em;
}

.lp-final-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.875rem;
  background: var(--gradient-cta);
  color: var(--color-text-primary);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  padding: var(--space-button-y) var(--space-12);
  border-radius: var(--radius-full);
  transition: var(--transition-base);
  box-shadow: var(--shadow-cta);
  margin-bottom: var(--space-8);
  min-height: 44px;
  min-width: 240px;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* Shimmer-Effekt */
.lp-final-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: none;
  pointer-events: none;
}

.lp-final-cta:hover::before {
  animation: cta-final-shimmer 1.2s ease-in-out;
}

@keyframes cta-final-shimmer {
  to {
    left: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-final-cta::before,
  .lp-final-cta:hover::before {
    animation: none;
  }
}

.lp-final-cta:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: var(--shadow-brand-lg);
  color: var(--color-gold);
}

.lp-final-cta:focus {
  outline: 3px solid var(--color-gold);
  outline-offset: 4px;
}

.lp-final-cta-arrow {
  font-size: var(--font-size-lg);
  transition: var(--transition-base);
}

.lp-final-cta:hover .lp-final-cta-arrow {
  transform: translateX(6px);
}

.lp-final-guarantees {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(var(--space-5), 3vw, var(--space-8));
  flex-wrap: wrap;
}

.lp-final-guarantee-item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.lp-final-guarantee-icon {
  width: 28px;
  height: 28px;
  background: rgba(221, 180, 186, 0.2);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--color-success, #4AE54A);
}

@media (max-width: 767px) {
  .lp-final-text {
    padding: var(--space-8) var(--space-6);
  }

  .lp-final-list-item {
    gap: var(--space-3);
  }

  .lp-final-list-icon {
    font-size: 1.75rem;
  }

  .lp-final-urgency {
    padding: var(--space-6) var(--space-6);
  }

  .lp-final-guarantees {
    gap: var(--space-4);
  }
}

@media (min-width: 768px) {
  .lp-final-list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6) var(--space-8);
  }

  .lp-final-list-item:nth-child(3) {
    grid-column: 1 / -1;
    max-width: 600px;
    margin: 0 auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40b459e *//* ============================================
   TESTIMONIALS / REVIEWS
   Light section — Tokens only.
   Migriert aus 5kundenbewertungen.html
   ============================================ */

.lp-reviews-section {
  background: var(--color-surface-white);
  padding: clamp(var(--space-12), 8vh, var(--space-24)) var(--space-4);
  position: relative;
}

.lp-reviews-container {
  max-width: var(--container-default);
  margin: 0 auto;
}

.lp-reviews-header {
  text-align: center;
  margin-bottom: var(--space-12);
}

.lp-reviews-headline {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-black);
  color: var(--color-text-on-light);
  margin: 0 0 var(--space-4) 0;
  line-height: var(--line-height-snug);
}

.lp-reviews-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  flex-wrap: wrap;
}

.lp-reviews-stars {
  color: var(--color-gold);
  font-size: var(--font-size-lg);
  letter-spacing: 0.125rem;
}

.lp-reviews-rating {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-brand);
}

.lp-reviews-count {
  font-size: var(--font-size-body);
  color: var(--color-text-on-light-muted);
}

.lp-reviews-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  margin-bottom: var(--space-10);
}

.lp-review-card {
  background: var(--color-surface-white);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--space-8) var(--space-6);
  transition: var(--transition-base);
  position: relative;
  box-shadow: var(--shadow-sm);
}

.lp-review-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* color-cta 3% */
  background: linear-gradient(135deg, rgba(213, 1, 29, 0.03) 0%, rgba(142, 31, 55, 0.03) 100%);
  border-radius: var(--radius-xl);
  opacity: 0;
  transition: var(--transition-base);
  pointer-events: none;
}

.lp-review-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-border-strong);
}

.lp-review-card:hover::before {
  opacity: 1;
}

.lp-review-header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.lp-review-avatar {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  background: var(--gradient-cta);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-lg);
  color: var(--color-surface-white);
  font-weight: var(--font-weight-bold);
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(213, 1, 29, 0.3);
}

.lp-review-info {
  flex: 1;
  min-width: 0;
}

.lp-review-name {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-on-light);
  margin: 0 0 var(--space-1) 0;
}

.lp-review-meta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.lp-review-stars-small {
  color: var(--color-gold);
  font-size: var(--font-size-sm);
  letter-spacing: 0.0625rem;
}

.lp-review-date {
  font-size: var(--font-size-xs);
  color: var(--color-text-on-light-muted);
}

.lp-review-verified {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  background: rgba(74, 229, 74, 0.15);
  color: var(--color-success-dark, #2d8a2d);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  border: 1px solid rgba(74, 229, 74, 0.3);
}

.lp-review-text {
  font-size: clamp(var(--font-size-sm), 2.5vw, var(--font-size-body));
  color: var(--color-text-on-light-muted);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--space-4) 0;
}

.lp-review-highlight {
  /* color-gold 20% */
  background: rgba(255, 215, 0, 0.2);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand);
}

.lp-review-platform {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  /* color-brand 8% */
  background: rgba(142, 31, 55, 0.08);
  color: var(--color-brand);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  border: 1px solid var(--color-border);
}

/* CTA wrapper (light section) */
.lp-reviews-cta-wrapper {
  text-align: center;
  padding: var(--space-10) var(--space-4);
  /* color-brand 8% + accent-rose */
  background: linear-gradient(135deg, rgba(142, 31, 55, 0.05) 0%, rgba(221, 180, 186, 0.05) 100%);
  border-radius: var(--radius-xl);
  border: 2px dashed var(--color-border);
}

.lp-reviews-cta-text {
  font-size: clamp(var(--font-size-body), 2.5vw, var(--font-size-md));
  color: var(--color-text-on-light);
  margin: 0 0 var(--space-6) 0;
  font-weight: var(--font-weight-semibold);
}

.lp-reviews-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  background: var(--gradient-cta);
  color: var(--color-surface-white);
  text-decoration: none;
  padding: var(--space-4) var(--space-10);
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-md);
  transition: var(--transition-base);
  box-shadow: var(--shadow-cta);
  min-height: 44px;
  border: none;
  cursor: pointer;
}

.lp-reviews-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 32px rgba(213, 1, 29, 0.7);
  background: linear-gradient(135deg, var(--color-cta-hover) 0%, var(--color-brand-light) 100%);
}

.lp-reviews-cta:focus {
  outline: 3px solid var(--color-gold);
  outline-offset: 3px;
}

.lp-reviews-cta:active {
  transform: translateY(-1px);
}

/* Stagger 5 for last card (utilities has delay-1..4) */
.lp-reviews-section .reveal-delay-5 {
  transition-delay: 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  .lp-review-card,
  .lp-review-card::before,
  .lp-reviews-cta {
    transition: none;
  }
  .lp-review-card:hover,
  .lp-reviews-cta:hover,
  .lp-reviews-cta:active {
    transform: none;
  }
}

@media (min-width: 768px) {
  .lp-reviews-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8);
  }
}

@media (min-width: 1024px) {
  .lp-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-8);
  }
}

@media (max-width: 767px) {
  .lp-review-avatar {
    width: 48px;
    height: 48px;
    font-size: var(--font-size-md);
  }

  .lp-review-card {
    padding: var(--space-6) var(--space-5);
  }

  .lp-reviews-cta {
    width: 100%;
    max-width: 340px;
    justify-content: center;
  }
}

@media (prefers-contrast: high) {
  .lp-review-card {
    border: 3px solid var(--color-text-on-light);
  }

  .lp-review-text {
    color: var(--color-text-on-light);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c090783 *//* ============================================
   BENEFITS SECTION
   Migriert aus 3nutzen-vorteile.html.
   Abhängigkeiten: design-system/tokens.css, utilities.css (.reveal)
   ============================================ */

.lp-benefits-section {
  background: var(--color-surface-base);
  padding: var(--space-section) var(--container-padding);
  position: relative;
  overflow: hidden;
}

.lp-benefits-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(142, 31, 55, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(213, 1, 29, 0.1) 0%, transparent 50%);
  /* color-brand 10%, color-cta 10% */
  pointer-events: none;
}

.lp-benefits-container {
  max-width: var(--container-default);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.lp-benefits-header {
  text-align: center;
  margin-bottom: var(--space-12);
}

.lp-benefits-headline {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-black);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-4) 0;
  line-height: var(--line-height-snug);
}

.lp-benefits-headline-accent {
  background: linear-gradient(45deg, var(--color-gold), var(--color-gold-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

.lp-benefits-intro {
  font-size: var(--font-size-body);
  color: var(--color-text-primary);
  margin: 0 auto;
  max-width: 640px;
  line-height: var(--line-height-normal);
}

.lp-benefits-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-gap);
  margin-bottom: var(--space-gap);
}

.lp-benefit-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  /* white 10% glass, white 5% */
  border: 1px solid rgba(255, 255, 255, 0.1);
  /* white 10% glass */
  border-radius: var(--radius-xl);
  padding: var(--space-card) var(--space-6);
  transition: var(--transition-slow);
  backdrop-filter: blur(10px);
  position: relative;
}

.lp-benefit-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(213, 1, 29, 0.1) 0%, rgba(142, 31, 55, 0.1) 100%);
  /* color-cta 10%, color-brand 10% */
  border-radius: var(--radius-xl);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.lp-benefit-card:hover {
  transform: translateY(-6px);
  border-color: rgba(221, 180, 186, 0.4);
  /* color-accent-rose 40% */
  box-shadow: var(--shadow-brand);
}

.lp-benefit-card:hover::before {
  opacity: 1;
}

.lp-benefit-icon-wrapper {
  width: 80px;
  height: 80px;
  background: var(--gradient-cta);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-6) auto;
  box-shadow: var(--shadow-brand);
  position: relative;
}

.lp-benefit-icon-wrapper::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(135deg, var(--color-cta), var(--color-brand));
  border-radius: var(--radius-full);
  z-index: -1;
  opacity: 0.3;
  animation: lp-benefit-pulse 3s ease-in-out infinite;
}

@keyframes lp-benefit-pulse {
  0%, 100% { transform: scale(1); opacity: 0.3; }
  50% { transform: scale(1.1); opacity: 0.5; }
}

.lp-benefit-icon {
  font-size: var(--font-size-3xl);
}

.lp-benefit-content {
  text-align: center;
}

.lp-benefit-title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-4) 0;
  line-height: var(--line-height-snug);
}

.lp-benefit-description {
  font-size: var(--font-size-body);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--space-6) 0;
}

.lp-benefit-highlight {
  background: linear-gradient(45deg, var(--color-gold), var(--color-gold-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: var(--font-weight-bold);
}

.lp-benefit-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.lp-benefit-tag {
  background: rgba(221, 180, 186, 0.2);
  /* color-accent-rose 20% */
  color: var(--color-accent-rose);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-2xl);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  border: 1px solid rgba(221, 180, 186, 0.3);
  /* color-accent-rose 30% */
  transition: var(--transition-base);
}

.lp-benefit-tag:hover {
  background: rgba(221, 180, 186, 0.3);
  border-color: rgba(221, 180, 186, 0.5);
}

.lp-benefits-cta-wrapper {
  text-align: center;
  margin-top: var(--space-12);
}

.lp-benefits-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  background: var(--gradient-cta);
  color: var(--color-text-primary);
  text-decoration: none;
  padding: var(--space-5) var(--space-10);
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-md);
  transition: var(--transition-base);
  box-shadow: var(--shadow-brand);
}

.lp-benefits-cta:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-brand-lg);
  background: linear-gradient(135deg, var(--color-cta-hover), var(--color-brand-light));
}

.lp-benefits-cta:focus {
  outline: 3px solid var(--color-gold);
  outline-offset: 3px;
}

.lp-benefits-cta:active {
  transform: translateY(-1px);
}

.lp-benefits-image-wrapper {
  text-align: center;
  margin-top: var(--space-12);
}

.lp-benefits-image {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(221, 180, 186, 0.2);
  /* color-accent-rose 20% */
  transition: var(--transition-base);
}

.lp-benefits-image:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-brand);
}

@media (min-width: 768px) {
  .lp-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-gap);
  }
}

@media (min-width: 1024px) {
  .lp-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-10);
  }

  .lp-benefit-card {
    padding: var(--space-10) var(--space-8);
  }
}

@media (max-width: 767px) {
  .lp-benefit-icon-wrapper {
    width: 70px;
    height: 70px;
  }

  .lp-benefit-icon {
    font-size: var(--font-size-2xl);
  }

  .lp-benefit-tags {
    gap: var(--space-3);
  }

  .lp-benefit-tag {
    font-size: var(--font-size-xs);
    padding: var(--space-2) var(--space-3);
  }

  .lp-benefits-cta {
    width: 100%;
    max-width: 340px;
    justify-content: center;
  }

  .lp-benefits-image-wrapper {
    margin-top: var(--space-8);
    padding: 0 var(--space-2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-benefit-card,
  .lp-benefit-tag,
  .lp-benefits-cta,
  .lp-benefits-image {
    transition: none;
  }

  .lp-benefit-card:hover,
  .lp-benefits-cta:hover,
  .lp-benefits-image:hover {
    transform: none;
  }

  .lp-benefit-icon-wrapper::before {
    animation: none;
  }
}

@media (prefers-contrast: high) {
  .lp-benefit-card {
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.4);
  }

  .lp-benefit-title,
  .lp-benefit-description {
    color: var(--color-text-primary);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9122b89 *//* ============================================
   TRUST XL — Sicherheit & Vertrauen
   Helle Sektion (--color-surface-white)
   Komponente: trust-xl
   ============================================ */

.lp-trust-section {
  background: var(--color-surface-white);
  padding: var(--space-section) var(--container-padding);
  position: relative;
}

.lp-trust-container {
  max-width: var(--container-default);
  margin: 0 auto;
}

.lp-trust-header {
  text-align: center;
  margin-bottom: var(--space-12);
}

.lp-trust-headline {
  font-family: var(--font-display);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-black);
  color: var(--color-text-on-light);
  margin: 0 0 var(--space-4) 0;
  line-height: var(--line-height-snug);
}

.lp-trust-headline-emoji {
  display: inline-block;
  margin-right: var(--space-2);
}

.lp-trust-headline-accent {
  color: var(--color-brand);
}

.lp-trust-intro {
  font-size: var(--font-size-sm);
  color: var(--color-text-on-light-muted);
  margin: 0 auto;
  max-width: 640px;
  line-height: var(--line-height-normal);
}

/* Features-Box — heller Gradient auf weißer Sektion */
.lp-trust-features {
  background: var(--color-surface-white);
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(142, 31, 55, 0.1); /* color-brand 10% */
  border-radius: var(--radius-2xl);
  padding: var(--space-10) var(--space-card);
  margin-bottom: var(--space-12);
}

.lp-trust-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.lp-trust-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-5);
  padding: var(--space-8) 0;
  position: relative;
}

.lp-trust-item:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 4rem;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(213, 1, 29, 0.3) 0%, rgba(142, 31, 55, 0.2) 50%, rgba(213, 1, 29, 0.3) 100%); /* color-cta / color-brand */
  border-radius: 1px;
}

.lp-trust-icon {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-full);
  background: linear-gradient(135deg, var(--color-success) 0%, #3AC93A 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-lg);
  color: var(--color-success);
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(74, 229, 74, 0.35), 0 2px 8px rgba(74, 229, 74, 0.25);
}

.lp-trust-content {
  flex: 1;
  min-width: 0;
}

.lp-trust-title {
  font-family: var(--font-body);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-on-light);
  margin: 0 0 var(--space-3) 0;
  line-height: var(--line-height-snug);
}

.lp-trust-description {
  font-size: var(--font-size-sm);
  color: var(--color-text-on-light-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.lp-trust-highlight {
  color: var(--color-cta);
  font-weight: var(--font-weight-bold);
}

/* Badges */
.lp-trust-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-5);
  margin-bottom: var(--space-8);
}

.lp-trust-badge {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-5);
  background: linear-gradient(135deg, rgba(142, 31, 55, 0.08) 0%, rgba(213, 1, 29, 0.08) 100%); /* color-brand 8%, color-cta 8% */
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  color: var(--color-text-on-light);
  font-weight: var(--font-weight-semibold);
  transition: var(--transition-base);
}

.lp-trust-badge:hover {
  background: linear-gradient(135deg, rgba(142, 31, 55, 0.1) 0%, rgba(213, 1, 29, 0.12) 100%); /* color-brand 10%, color-cta 12% */
  border-color: var(--color-border-strong);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(142, 31, 55, 0.15);
}

.lp-trust-badge-icon {
  font-size: var(--font-size-md);
  color: var(--color-brand);
}

/* Zahlungsmethoden */
.lp-trust-payments {
  text-align: center;
}

.lp-trust-payments-title {
  font-size: var(--font-size-sm);
  color: var(--color-text-on-light-muted);
  margin: 0 0 var(--space-4) 0;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.lp-trust-payment-methods {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
}

.lp-trust-payment {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  background: var(--color-surface-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-on-light-muted);
  font-weight: var(--font-weight-semibold);
  transition: var(--transition-base);
}

.lp-trust-payment:hover {
  border-color: var(--color-brand);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(142, 31, 55, 0.1); /* color-brand 10% */
}

.lp-trust-payment-logo {
  width: 40px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Tablet */
@media (min-width: 768px) {
  .lp-trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  .lp-trust-item:nth-child(odd) {
    padding-right: var(--space-6);
  }

  .lp-trust-item:nth-child(even) {
    padding-left: var(--space-6);
  }

  .lp-trust-item:nth-child(-n+2)::after {
    left: 0;
    right: 0;
  }

  .lp-trust-features {
    padding: var(--space-12) var(--space-10);
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .lp-trust-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--space-12);
  }
}

/* Mobile Anpassungen */
@media (max-width: 767px) {
  .lp-trust-icon {
    width: 56px;
    height: 56px;
    font-size: var(--font-size-md);
  }

  .lp-trust-item {
    gap: var(--space-4);
    padding: var(--space-6) 0;
  }

  .lp-trust-item:not(:last-child)::after {
    left: 3.5rem;
  }

  .lp-trust-badge {
    font-size: var(--font-size-xs);
    padding: var(--space-3) var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-trust-badge,
  .lp-trust-payment {
    transition: none;
  }

  .lp-trust-badge:hover,
  .lp-trust-payment:hover {
    transform: none;
  }
}

@media (prefers-contrast: high) {
  .lp-trust-features {
    background: var(--color-surface-white);
    border: 3px solid var(--color-text-on-light);
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================
   BUTTON SYSTEM — Global
   Abhängigkeiten: tokens.css, typography.css
   ============================================ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-button-y) var(--space-button-x);
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-wide);
  border-radius: var(--radius-md);
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition-base);
  white-space: nowrap;
  user-select: none;
}

.btn:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 3px; }

/* Primary CTA */
.btn-cta {
  background: var(--gradient-cta);
  color: #ffffff;
  border-color: transparent;
  box-shadow: var(--shadow-cta);
}
.btn-cta:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 12px 40px rgba(213, 1, 29, 0.5); color: #ffffff; }
.btn-cta:active { transform: translateY(0); filter: brightness(0.95); }

/* Secondary */
.btn-secondary {
  background: transparent;
  color: var(--color-text-primary);
  border-color: var(--color-border);
}
.btn-secondary:hover { border-color: var(--color-border-strong); background: rgba(142,31,55,0.08); color: var(--color-text-primary); }

/* Ghost Gold */
.btn-ghost-gold {
  background: transparent;
  color: var(--color-gold);
  border-color: var(--color-border-gold);
}
.btn-ghost-gold:hover { background: rgba(255,215,0,0.08); }

/* Sizes */
.btn--sm { padding: var(--space-2) var(--space-6); font-size: var(--font-size-sm); }
.btn--lg { padding: var(--space-5) var(--space-12); font-size: var(--font-size-md); }
.btn--full { width: 100%; }

@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }

/* ============================================
   DESIGN TOKENS — MASTER TOKEN FILE
   Projekt: Premium Dark E-Commerce
   Letzte Änderung: 2024
   
   WICHTIG: Diese Datei ist die einzige Quelle
   für alle Design-Werte im Projekt.
   Direkte Farbwerte im Code sind VERBOTEN.
   ============================================ */

:root {

  /* ─── BRAND COLORS ──────────────────────────
     Kernfarben der Marke
  ─────────────────────────────────────────── */
  --color-brand:          #8E1F37;   /* Hauptfarbe — Tiefes Crimson    */
  --color-brand-light:    #B02545;   /* Heller Variant — Hover         */
  --color-brand-dark:     #6B1728;   /* Dunkler Variant — Active       */

  --color-cta:            #D5011D;   /* Call-to-Action — Leuchtendes Rot */
  --color-cta-hover:      #FF0A24;   /* CTA Hover — Intensiver         */
  --color-cta-active:     #B00018;   /* CTA Active — Gedrückt          */

  --color-gold:           #FFD700;   /* Premium Gold — Akzente         */
  --color-gold-light:     #FFE44D;   /* Gold Hell — Hover              */
  --color-gold-dark:      #CCB000;   /* Gold Dunkel — Active           */

  --color-accent-rose:    #DDB4BA;   /* Soft Rose — Subtile Akzente    */
  --color-success:        #4AE54A;   /* Erfolg / Grün — Trust, Check    */


  /* ─── SURFACES ──────────────────────────────
     Hintergrund-Ebenen (Dark-First)
  ─────────────────────────────────────────── */
  --color-surface-base:   #000621;   /* Tiefster Hintergrund — Basis   */
  --color-surface-alt:    #000621;   /* Alias für surface-base         */
  --color-surface-raised: #080D2E;   /* Karten, Panels — leicht heller */
  --color-surface-overlay:#0E1540;   /* Modals, Dropdowns              */
  --color-surface-inset:  #040A1A;   /* Inputs, Vertiefungen           */
  --color-surface-white:  #FFFFFF;   /* Helle Sektionen                */


  /* ─── TEXT COLORS ───────────────────────────
     Textfarben für Dark und Light Surfaces
  ─────────────────────────────────────────── */
  --color-text-primary:   #F0EEF6;   /* Haupttext auf Dark             */
  --color-text-secondary: #A89EBF;   /* Sekundärtext — gedimmt         */
  --color-text-muted:     #6B6080;   /* Hilfstexte, Labels             */
  --color-text-inverse:   #0A0A0A;   /* Text auf hellem Hintergrund    */
  --color-text-on-light:  rgba(0, 6, 33, 0.9);   /* Haupttext auf heller Sektion */
  --color-text-on-light-muted: rgba(0, 6, 33, 0.7);   /* Sekundärtext auf hell     */
  --color-text-gold:      #FFD700;   /* Gold-Text — Headlines, Badges  */
  --color-text-brand:     #DDB4BA;   /* Brand-farbiger Text            */


  /* ─── BORDERS ───────────────────────────────
     Rahmenlinien für Karten und Elemente
  ─────────────────────────────────────────── */
  --color-border:         rgba(142, 31, 55, 0.25);   /* Standard Border — Brand-tinted  */
  --color-border-subtle:  rgba(255, 255, 255, 0.06); /* Sehr subtil — Trennlinien       */
  --color-border-strong:  rgba(142, 31, 55, 0.6);    /* Stark — Hover, Focus            */
  --color-border-gold:    rgba(255, 215, 0, 0.3);    /* Gold Border — Premium Elemente  */


  /* ─── GRADIENTS ─────────────────────────────
     Vordefinierte Gradients
  ─────────────────────────────────────────── */
  --gradient-brand:       linear-gradient(135deg, #8E1F37 0%, #6B1728 100%);
  --gradient-cta:         linear-gradient(135deg, #D5011D 0%, #8E1F37 100%);
    --gradient-text-brand:  linear-gradient(135deg, #B02545 0%, #D5011D 100%);
  --gradient-gold:        linear-gradient(135deg, #FFD700 0%, #CCB000 100%);
  --gradient-dark:        linear-gradient(180deg, #000621 0%, #080D2E 100%);
  --gradient-hero:        linear-gradient(135deg, #000621 0%, #0E1540 50%, #1A0A12 100%);
  --gradient-card:        linear-gradient(145deg, rgba(8,13,46,0.9) 0%, rgba(4,10,26,0.95) 100%);
  --gradient-glow-brand:  radial-gradient(ellipse at center, rgba(142,31,55,0.15) 0%, transparent 70%);
  --gradient-glow-gold:   radial-gradient(ellipse at center, rgba(255,215,0,0.1) 0%, transparent 70%);


  /* ─── SHADOWS ───────────────────────────────
     Schatten für Tiefe und Glows
  ─────────────────────────────────────────── */
  --shadow-sm:            0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md:            0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg:            0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-xl:            0 24px 64px rgba(0, 0, 0, 0.7);

  --shadow-brand:         0 8px 32px rgba(142, 31, 55, 0.35);
  --shadow-brand-lg:      0 16px 48px rgba(142, 31, 55, 0.45);
  --shadow-cta:           0 8px 32px rgba(213, 1, 29, 0.4);
  --shadow-gold:          0 8px 32px rgba(255, 215, 0, 0.25);

  --shadow-card:          0 4px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--color-border);
  --shadow-card-hover:    0 12px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px var(--color-border-strong), 0 0 24px rgba(142,31,55,0.2);


  /* ─── TYPOGRAPHY ────────────────────────────
     Schrift-System
  ─────────────────────────────────────────── */

  /* Font Families */
  --font-display:   'Playfair Display', 'Georgia', serif;      /* Headlines — elegant, premium */
  --font-body:      'DM Sans', 'Helvetica Neue', sans-serif;   /* Fließtext — lesbar, modern   */
  --font-mono:      'JetBrains Mono', 'Courier New', monospace; /* Code, Preise               */
  --font-accent:    'Cinzel', serif;                            /* Badges, Labels — classical   */

  /* Font Sizes — Fluid Scale */
  --font-size-xs:   clamp(0.75rem,  1vw,   0.8125rem);   /* 12–13px */
  --font-size-sm:   clamp(0.875rem, 1.2vw, 0.9375rem);   /* 14–15px */
  --font-size-body: clamp(1rem,     1.5vw, 1.0625rem);   /* 16–17px */
  --font-size-md:   clamp(1.125rem, 1.8vw, 1.25rem);     /* 18–20px */
  --font-size-lg:   clamp(1.25rem,  2vw,   1.5rem);      /* 20–24px */
  --font-size-xl:   clamp(1.5rem,   2.5vw, 2rem);        /* 24–32px */
  --font-size-2xl:  clamp(2rem,     3.5vw, 2.75rem);     /* 32–44px */
  --font-size-3xl:  clamp(2.5rem,   5vw,   3.75rem);     /* 40–60px */
  --font-size-hero: clamp(3rem,     7vw,   5.5rem);      /* 48–88px */

  /* Font Weights */
  --font-weight-light:    300;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;
  --font-weight-black:    900;

  /* Line Heights */
  --line-height-tight:    1.1;
  --line-height-snug:     1.3;
  --line-height-normal:   1.6;
  --line-height-relaxed:  1.75;

  /* Letter Spacing */
  --letter-spacing-tight:  -0.03em;
  --letter-spacing-normal:  0;
  --letter-spacing-wide:    0.05em;
  --letter-spacing-wider:   0.1em;
  --letter-spacing-widest:  0.2em;


  /* ─── SPACING SCALE ─────────────────────────
     Konsistente Abstände — 8px Basis-Grid
  ─────────────────────────────────────────── */
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-32:  8rem;      /* 128px */

  /* Semantische Abstände */
  --space-gap:      var(--space-6);    /* Grid/Flex Gaps             */
  --space-section:  clamp(4rem, 8vw, 8rem); /* Sektions-Padding      */
  --space-card:     var(--space-8);    /* Innen-Abstand Karten       */
  --space-button-x: var(--space-8);   /* Button horizontal Padding  */
  --space-button-y: var(--space-4);   /* Button vertikal Padding    */


  /* ─── LAYOUT ────────────────────────────────
     Container und Grid-System
  ─────────────────────────────────────────── */
  --container-narrow:  800px;
  --container-default: 1200px;
  --container-wide:    1600px;
  --container-padding: clamp(1rem, 5vw, 2rem);

  /* Grid */
  --grid-cols-2: repeat(2, 1fr);
  --grid-cols-3: repeat(3, 1fr);
  --grid-cols-4: repeat(4, 1fr);


  /* ─── BORDER RADIUS ─────────────────────────
     Abgerundete Ecken
  ─────────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-2xl:  64px;
  --radius-full: 9999px;


  /* ─── TRANSITIONS ───────────────────────────
     Animationen und Übergänge
  ─────────────────────────────────────────── */
  --transition-fast:    all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:    all 0.3s  cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:    all 0.5s  cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce:  all 0.4s  cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-Index Skala */
  --z-base:     0;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;
}



/* ============================================
   TYPOGRAPHY SYSTEM
   Abhängigkeiten: tokens.css (muss vorher geladen werden)
   
   Google Fonts Import (in <head> einbinden):
   Playfair Display: 400, 700, 900
   DM Sans: 300, 400, 500, 600
   Cinzel: 400, 600
   JetBrains Mono: 400
   ============================================ */

/* ─── GOOGLE FONTS IMPORT ───────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=DM+Sans:wght@300;400;500;600&family=Cinzel:wght@400;600&family=JetBrains+Mono&display=swap');

/* ─── BASE RESET ────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background-color: var(--color-surface-base);
}

/* ─── HEADINGS ──────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-6);
}

h1 { font-size: var(--font-size-hero); font-weight: var(--font-weight-black); }
h2 { font-size: var(--font-size-3xl); }
h3 { font-size: var(--font-size-2xl); }
h4 { font-size: var(--font-size-xl);  }
h5 { font-size: var(--font-size-lg);  font-family: var(--font-body); font-weight: var(--font-weight-semibold); }
h6 { font-size: var(--font-size-md);  font-family: var(--font-body); font-weight: var(--font-weight-semibold); }

/* ─── BODY TEXT ─────────────────────────────── */
p {
  margin: 0 0 var(--space-4);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

p.lead {
  font-size: var(--font-size-lg);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

/* ─── UTILITY KLASSEN ───────────────────────── */

/* Größen */
.text-xs     { font-size: var(--font-size-xs);   }
.text-sm     { font-size: var(--font-size-sm);   }
.text-body   { font-size: var(--font-size-body); }
.text-md     { font-size: var(--font-size-md);   }
.text-lg     { font-size: var(--font-size-lg);   }
.text-xl     { font-size: var(--font-size-xl);   }
.text-2xl    { font-size: var(--font-size-2xl);  }
.text-3xl    { font-size: var(--font-size-3xl);  }
.text-hero   { font-size: var(--font-size-hero); }

/* Farben */
.text-primary   { color: var(--color-text-primary);   }
.text-secondary { color: var(--color-text-secondary); }
.text-muted     { color: var(--color-text-muted);     }
.text-brand     { color: var(--color-brand);          }
.text-cta       { color: var(--color-cta);            }
.text-gold      { color: var(--color-gold);           }
.text-accent    { color: var(--color-accent-rose);    }

/* Gewichte */
.font-light    { font-weight: var(--font-weight-light);    }
.font-regular  { font-weight: var(--font-weight-regular);  }
.font-medium   { font-weight: var(--font-weight-medium);   }
.font-semibold { font-weight: var(--font-weight-semibold); }
.font-bold     { font-weight: var(--font-weight-bold);     }
.font-black    { font-weight: var(--font-weight-black);    }

/* Familien */
.font-display { font-family: var(--font-display); }
.font-body    { font-family: var(--font-body);    }
.font-accent  { font-family: var(--font-accent);  }
.font-mono    { font-family: var(--font-mono);    }

/* Ausrichtung */
.text-left   { text-align: left;   }
.text-center { text-align: center; }
.text-right  { text-align: right;  }

/* Spezial */
.text-gradient-gold {
  background: var(--gradient-gold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-gradient-brand {
  background: linear-gradient(135deg, var(--color-accent-rose), var(--color-brand-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-widest);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

/* Label / Badge Text */
.label {
  font-family: var(--font-accent);
  font-size: var(--font-size-xs);
  letter-spacing: var(--letter-spacing-widest);
  text-transform: uppercase;
  color: var(--color-gold);
}

/* ─── LINKS ─────────────────────────────────── */
a {
  color: var(--color-brand-light);
  text-decoration: none;
  transition: var(--transition-fast);
}

a:hover {
  color: var(--color-accent-rose);
}

a:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

/* ─── LISTS ─────────────────────────────────── */
ul, ol {
  padding-left: var(--space-6);
  margin: 0 0 var(--space-4);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

/* Custom Check-List */
.list-check {
  list-style: none;
  padding-left: 0;
}

.list-check li {
  padding-left: var(--space-8);
  position: relative;
  margin-bottom: var(--space-3);
}

.list-check li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-gold);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-mono);
}

/* ─── SELECTION ─────────────────────────────── */
::selection {
  background: rgba(142, 31, 55, 0.4);
  color: var(--color-text-primary);
}

/* ─── REDUCED MOTION ────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}/* End custom CSS */</style>{"id":81120,"date":"2026-03-06T15:06:27","date_gmt":"2026-03-06T14:06:27","guid":{"rendered":"https:\/\/grind-games.de\/?page_id=81120"},"modified":"2026-03-11T15:28:54","modified_gmt":"2026-03-11T14:28:54","slug":"elementor-element-test","status":"publish","type":"page","link":"https:\/\/grind-games.de\/es\/elementor-element-test\/","title":{"rendered":"Prueba de elemento Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"81120\" class=\"elementor elementor-81120\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4f1faaf e-con-full e-flex e-con e-parent\" data-id=\"4f1faaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b77ef70 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b77ef70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\n     HERO SECTION\n     Beschreibung: 66vh Hero mit Hintergrundbild,\n     Overlay, Logo, Headline, CTA und Payment-Icons\n     Abh\u00e4ngigkeiten: tokens.css, typography.css, utilities.css\n     ============================================ -->\n\n<section class=\"hero-section\" id=\"hero\" aria-label=\"Hero\">\n\n  <!-- Hintergrundbild -->\n  <div class=\"hero-bg-image\" aria-hidden=\"true\"><\/div>\n\n  <!-- Dunkler Overlay \u00fcber dem Bild -->\n  <div class=\"hero-overlay\" aria-hidden=\"true\"><\/div>\n\n  <!-- Glow-Effekte (beibehalten) -->\n  <div class=\"hero-bg\" aria-hidden=\"true\">\n    <div class=\"hero-bg__glow hero-bg__glow--brand\"><\/div>\n    <div class=\"hero-bg__glow hero-bg__glow--gold\"><\/div>\n    <div class=\"hero-bg__noise\"><\/div>\n  <\/div>\n\n  <div class=\"container\">\n    <div class=\"hero-content\">\n\n      <!-- 1. Logo -->\n      <img decoding=\"async\"\n        class=\"hero-logo reveal\"\n        src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/LOGO.avif\"\n        alt=\"Logo\"\n        width=\"200\"\n        height=\"60\"\n      \/>\n\n      <!-- 2. \u00dcberschrift -->\n      <h1 class=\"hero-headline reveal reveal-delay-1\">\n        <span class=\"text-gradient-gold\">#1<\/span>\n        Tu aliado en\n        <span class=\"text-gradient-gold\">gaming<\/span>\n    \n      <\/h1>\n\n      <!-- 3. Erkl\u00e4rungstext -->\n      <p class=\"hero-subtext reveal reveal-delay-2\">\n        Breve descripci\u00f3n de tu oferta en una o dos frases.\n      <\/p>\n\n      <!-- 4. Trustpilot -->\n      <div class=\"hero-trustpilot reveal reveal-delay-3\">\n        <div class=\"trustpilot-bar__inner\">\n          <span class=\"trustpilot-bar__label\">Excelente<\/span>\n\n          <div class=\"trustpilot-bar__stars\" role=\"img\" aria-label=\"5 von 5 Sternen auf Trustpilot\">\n            <img\n              class=\"trustpilot-bar__stars-img\"\n              src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/03\/stars-5-1.svg\"\n              alt=\"5 Sterne Bewertung\"\n              width=\"160\"\n              height=\"32\"\n              loading=\"eager\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <span class=\"trustpilot-bar__label trustpilot-bar__label--reviews\">opiniones en<\/span>\n\n          <div class=\"trustpilot-bar__logo\" aria-label=\"Trustpilot\">\n            <img\n              class=\"trustpilot-bar__logo-icon\"\n              src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/03\/Single-star.svg\"\n              alt=\"\"\n              width=\"28\"\n              height=\"28\"\n              aria-hidden=\"true\"\n              loading=\"eager\"\n              decoding=\"async\"\n            >\n            <span class=\"trustpilot-bar__logo-wordmark\">Trustpilot<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 5. Payment Icons -->\n      <div class=\"hero-payments reveal reveal-delay-4\" aria-label=\"Zahlungsanbieter\">\n        <div class=\"hero-payment-item\">\n          <img decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/PayPal.png\" alt=\"PayPal Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/Visa.png\" alt=\"Visa Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/Mastercard.png\" alt=\"Mastercard Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/ApplePay.png\" alt=\"Apple Pay Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/GooglePay.png\" alt=\"Google Pay Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/klarna.png\" alt=\"Klarna Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/eps.png\" alt=\"EPS Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n        <div class=\"hero-payment-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/psc.png\" alt=\"PaySafeCard Logo\" width=\"60\" height=\"36\" \/>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n\n  window.addEventListener('load', function() {\n    const hero = document.querySelector('.hero-section');\n    const heroBg = hero ? hero.querySelector('.hero-bg-image') : null;\n    if (!hero || !heroBg) return;\n\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n    let ticking = false;\n\n    function updateParallax() {\n      const offset = window.scrollY * 0.4;\n      heroBg.style.transform = 'translateY(' + offset + 'px)';\n      ticking = false;\n    }\n\n    window.addEventListener('scroll', function() {\n      if (!ticking) {\n        requestAnimationFrame(updateParallax);\n        ticking = true;\n      }\n    }, { passive: true });\n\n    updateParallax();\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-753d60c e-flex e-con-boxed e-con e-parent\" data-id=\"753d60c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe0e35 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3fe0e35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \n  Sektion: Games Carousel\n  Seite: Home (pages\/home\/)\n  Komponente: games-carousel\n  Beschreibung: 3D-F\u00e4cher-Karussell mit fraktionaler\n  Interpolation \u2014 jede Karte berechnet ihre Transform\n  live aus einem kontinuierlichen Index-Wert.\n-->\n\n<link rel=\"stylesheet\" href=\"carousel.css\">\n\n<section class=\"games-section section\" id=\"games\" aria-label=\"Unsere Games\">\n  \n  <div class=\"container\">\n    <div class=\"games-section__header\">\n      <div>\n        <span class=\"games-section__label\">Boosts &amp;amp; Accounts<\/span>\n        <h2 class=\"games-section__title\">Nuestros <span>Games<\/span><\/h2>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"games-carousel\" role=\"region\" aria-label=\"Games Karussell\">\n    <div class=\"games-carousel__stage\" id=\"gamesStage\" aria-live=\"polite\"><\/div>\n\n    <div class=\"games-carousel__nav\">\n      <button class=\"games-carousel__btn\" id=\"gamesPrev\" aria-label=\"Vorheriges Spiel\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/button>\n      <button class=\"games-carousel__btn\" id=\"gamesNext\" aria-label=\"N\u00e4chstes Spiel\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"games-carousel__dots\" id=\"gamesDots\" role=\"tablist\" aria-label=\"Spiel w\u00e4hlen\"><\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  'use strict';\n\n  window.addEventListener('load', function () {\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SPIELDATEN \u2014 hier anpassen\n       img: URL zum Spielcover, empfohlen 520\u00d7740px\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const GAMES = [\n      { name: 'GTA V',                  slug: 'product-category\/gta\/',              img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=GTA V' },\n      { name: 'Fortnite',               slug: 'product-category\/fortnite',          img: 'https:\/\/grind-games.de\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-May-6-2025-04_58_57-PM-2.jpg', badge: 'popular' },\n      { name: 'COD BO7',                slug: 'product-category\/bo-7',              img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Free+Fire', badge: 'popular' },\n      { name: 'Forza Horizon 5',        slug: 'product-category\/forza-horizon-5',   img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Genshin+Impact' },\n      { name: 'Arc Raiders',            slug: 'product-category\/arc-raiders',       img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Valorant', badge: 'new' },\n      { name: 'Battlefield 6',          slug: 'product-category\/battlefield-6',     img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=LoL' },\n      { name: 'COD BO3',                slug: 'product-category\/bo-3',              img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Brawl+Stars' },\n      { name: 'Red Dead Redemption 2',  slug: 'product-category\/rdr-ii',            img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Clash+of+Clans' },\n      { name: 'COD BO6',                slug: 'product-category\/bo-6',              img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Clash+Royale' },\n      { name: 'EA FC26',                slug: 'product\/ps4-5-xbox-ea-fc26-coins',   img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Fortnite', badge: 'new' },\n      { name: 'Elden Ring',             slug: 'product-category\/elden-ring',        img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=COD+Mobile' },\n      { name: 'Clash of Clans',         slug: 'product-category\/clash-of-clans',    img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Honor+of+Kings' },\n      { name: 'Valorant',               slug: 'product-category\/valorant',          img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Roblox' },\n      { name: 'Clash Royale',           slug: 'product-category\/clash-royale',      img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Minecraft' },\n      { name: 'Dark Souls',             slug: 'product-category\/dark-souls',        img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=Steam' },\n      { name: 'PlayStation',            slug: 'product\/playstation-network-trophy-boost-bis-level-999\/', img: 'https:\/\/placehold.co\/260x370\/0E1540\/DDB4BA?text=PlayStation' },\n    ];\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       POSITION-PRESETS\n       Definiert wie jede Kartenposition aussieht.\n       Index 0 = Mitte, 1 = eine Position daneben, usw.\n       Format: [ translateX(px), scale, translateZ(px), rotateY(deg), opacity, zIndex ]\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const PRESETS_MOBILE = [\n      [   0,   1.00,    0,    0,   1.00,  10 ],  \/\/ Mitte (aktiv)\n      [ 240,   0.83,  -80,    8,   0.85,   8 ],  \/\/ \u00b11\n      [ 430,   0.65, -160,   14,   0.55,   6 ],  \/\/ \u00b12\n      [ 570,   0.40, -220,   18,   0.00,   1 ],  \/\/ \u00b13 (unsichtbar)\n    ];\n    const PRESETS_DESKTOP = [\n      [   0,   1.00,    0,    0,   1.00,  10 ],  \/\/ Mitte (aktiv)\n      [ 230,   0.90,  -30,    4,   0.92,   9 ],  \/\/ \u00b11  \n      [ 420,   0.80,  -60,    7,   0.78,   8 ],  \/\/ \u00b12\n      [ 590,   0.70,  -85,   10,   0.60,   6 ],  \/\/ \u00b13\n      [ 740,   0.63, -100,   12,   0.42,   4 ],  \/\/ \u00b14 \u2014 ab hier: kaum kleiner\n      [ 890,   0.59, -108,   13,   0.25,   3 ],  \/\/ \u00b15 \u2014 breiter Abstand\n      [ 1020,  0.56, -112,   14,   0.00,   1 ],  \/\/ \u00b16 (unsichtbar)\n    ];\n\n    \/* \u2500\u2500 Pixel pro Kartenposition beim Drag \u2500\u2500 *\/\n    const PX_PER_CARD    = 180;  \/\/ wie weit man ziehen muss f\u00fcr 1 Karte\n    const MAX_SKIP       = 5;    \/\/ max. Karten pro Drag\n    const SNAP_DURATION  = 380;  \/\/ ms f\u00fcr die Snap-Transition\n    const TRANSITION_CSS = 'transform ' + SNAP_DURATION + 'ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity ' + SNAP_DURATION + 'ms ease';\n\n    \/* \u2500\u2500 DOM \u2500\u2500 *\/\n    const stage    = document.getElementById('gamesStage');\n    const dotsWrap = document.getElementById('gamesDots');\n    const btnPrev  = document.getElementById('gamesPrev');\n    const btnNext  = document.getElementById('gamesNext');\n\n    if (!stage || !dotsWrap || !btnPrev || !btnNext) return;\n\n    const mqDesktop = window.matchMedia('(min-width: 1024px)');\n    const getPresets = function () { return mqDesktop.matches ? PRESETS_DESKTOP : PRESETS_MOBILE; };\n\n    let currentIndex  = 0;\n    let isAnimating   = false;\n    let cardEls       = [];\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INTERPOLATION\n       Berechnet die Transform-Werte f\u00fcr eine beliebige\n       fraktionale relative Position (z.B. 0.5 = halb\n       zwischen Mitte und Position 1).\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function lerp(a, b, t) {\n      return a + (b - a) * t;\n    }\n\n    function getProps(absRel) {\n      const presets = getPresets();\n      const maxI   = presets.length - 1;\n      const capped = Math.min(absRel, maxI);\n      const lo     = Math.floor(capped);\n      const hi     = Math.min(lo + 1, maxI);\n      const t      = capped - lo;\n      return {\n        x:       lerp(presets[lo][0], presets[hi][0], t),\n        scale:   lerp(presets[lo][1], presets[hi][1], t),\n        z:       lerp(presets[lo][2], presets[hi][2], t),\n        ry:      lerp(presets[lo][3], presets[hi][3], t),\n        opacity: lerp(presets[lo][4], presets[hi][4], t),\n        zIndex:  presets[lo][5],\n      };\n    }\n\n    \/* \u2500\u2500 K\u00fcrzesten Weg im Ring berechnen \u2500\u2500 *\/\n    function shortestRel(i, displayIndex, total) {\n      let rel = i - displayIndex;\n      if (rel >  total \/ 2) rel -= total;\n      if (rel < -total \/ 2) rel += total;\n      return rel;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       KERN: applyTransforms(fraction, withTransition)\n       fraction = fraktionaler Offset vom currentIndex\n         0     = ruhender Zustand\n         0.5   = halb zur n\u00e4chsten Karte gezogen\n        -1.0   = genau eine Karte zur\u00fcck\n       withTransition = true beim Snap, false beim Drag\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function applyTransforms(fraction, withTransition) {\n      const total       = GAMES.length;\n      const displayIdx  = currentIndex + fraction;\n      const presets     = getPresets();\n\n      cardEls.forEach(function (card, i) {\n        const rel    = shortestRel(i, displayIdx, total);\n        const absRel = Math.abs(rel);\n        const sign   = rel < 0 ? -1 : 1;\n\n        \/* Karten die zu weit weg sind komplett ausblenden *\/\n        if (absRel >= presets.length) {\n          card.style.transition    = 'none';\n          card.style.opacity       = '0';\n          card.style.zIndex        = '0';\n          card.style.pointerEvents = 'none';\n          card.setAttribute('data-pos', 'hidden');\n          return;\n        }\n\n        const p = getProps(absRel);\n\n        card.style.transition    = withTransition ? TRANSITION_CSS : 'none';\n        card.style.transform     = 'translateX(' + (sign * p.x) + 'px) scale(' + p.scale + ') translateZ(' + p.z + 'px) rotateY(' + (-sign * p.ry) + 'deg)';\n        card.style.opacity       = String(p.opacity);\n        card.style.zIndex        = String(p.zIndex);\n        card.style.pointerEvents = absRel < presets.length - 0.5 ? 'auto' : 'none';\n\n        \/* data-pos: steuert Button-Sichtbarkeit via CSS *\/\n        const roundedRel = Math.round(rel * 10) \/ 10;\n        card.setAttribute('data-pos', Math.abs(roundedRel) < 0.15 ? '0' : String(Math.round(rel)));\n      });\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       KARTEN RENDERN\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function renderCards() {\n      stage.innerHTML = '';\n      cardEls = [];\n\n      GAMES.forEach(function (game, i) {\n        const card = document.createElement('a');\n        card.className = 'game-card';\n        card.href      = '\/' + game.slug;\n        card.setAttribute('draggable', 'false');\n        card.setAttribute('data-index', String(i));\n        card.setAttribute('aria-label', game.name + ' Entdecken');\n\n        const badgeHTML = game.badge === 'new'\n          ? '<div class=\"game-card__badge game-card__badge--new\" aria-label=\"Neu\">' +\n            '<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2C9.5 6 8 8.5 10 12c-2-1-3-3-3-3-.5 3 1 6 3 7.5C8.5 18 8 19.5 8 21c0 2.2 1.8 4 4 4s4-1.8 4-4c0-1.5-.5-3-2-3.5 2-1.5 3.5-4.5 3-7.5 0 0-1 2-3 3 2-3.5.5-6-2-11z\"\/><\/svg>' +\n            '<span>Neu<\/span>' +\n            '<\/div>'\n          : game.badge === 'popular'\n          ? '<div class=\"game-card__badge game-card__badge--popular\" aria-label=\"Beliebt\">' +\n            '<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2C9.5 6 8 8.5 10 12c-2-1-3-3-3-3-.5 3 1 6 3 7.5C8.5 18 8 19.5 8 21c0 2.2 1.8 4 4 4s4-1.8 4-4c0-1.5-.5-3-2-3.5 2-1.5 3.5-4.5 3-7.5 0 0-1 2-3 3 2-3.5.5-6-2-11z\"\/><\/svg>' +\n            '<span>Beliebt<\/span>' +\n            '<\/div>'\n          : '';\n\n        card.innerHTML =\n          '<img loading=\"lazy\" decoding=\"async\" class=\"game-card__img\"' +\n          ' src=\"' + game.img + '\"' +\n          ' alt=\"' + game.name + ' Cover\"' +\n          ' draggable=\"false\"' +\n          ' width=\"260\" height=\"370\" loading=\"lazy\">' +\n          badgeHTML +\n          '<div class=\"game-card__overlay\" aria-hidden=\"true\"><\/div>' +\n          '<div class=\"game-card__content\">' +\n          '<p class=\"game-card__name\">' + game.name + '<\/p>' +\n          '<span class=\"game-card__btn\">Entdecken<\/span>' +\n          '<\/div>';\n\n        stage.appendChild(card);\n        cardEls.push(card);\n      });\n\n      applyTransforms(0, false);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       NAVIGATION\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function goTo(index) {\n      if (isAnimating) return;\n      isAnimating  = true;\n      currentIndex = ((index % GAMES.length) + GAMES.length) % GAMES.length;\n\n      applyTransforms(0, true);\n      updateDots();\n\n      setTimeout(function () { isAnimating = false; }, SNAP_DURATION);\n    }\n\n    function prev() { goTo(currentIndex - 1); }\n    function next() { goTo(currentIndex + 1); }\n\n    \/* \u2500\u2500 Dots \u2500\u2500 *\/\n    function renderDots() {\n      dotsWrap.innerHTML = '';\n      GAMES.forEach(function (game, i) {\n        const dot = document.createElement('button');\n        dot.className = 'games-carousel__dot' + (i === 0 ? ' is-active' : '');\n        dot.setAttribute('role', 'tab');\n        dot.setAttribute('aria-label', game.name + ' anzeigen');\n        dot.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\n        dot.setAttribute('data-dot-index', String(i));\n        dotsWrap.appendChild(dot);\n      });\n    }\n\n    function updateDots() {\n      const dots = dotsWrap.querySelectorAll('.games-carousel__dot');\n      dots.forEach(function (dot, i) {\n        const active = i === currentIndex;\n        dot.classList.toggle('is-active', active);\n        dot.setAttribute('aria-selected', active ? 'true' : 'false');\n      });\n    }\n\n    \/* \u2500\u2500 Klick auf Karte \u2500\u2500 *\/\n    stage.addEventListener('click', function (e) {\n      if (isDragging) { e.preventDefault(); return; }\n      const card = e.target.closest('.game-card');\n      if (!card) return;\n      const pos = card.getAttribute('data-pos');\n      if (pos !== '0') {\n        e.preventDefault();\n        goTo(parseInt(card.getAttribute('data-index'), 10));\n      }\n    });\n\n    stage.addEventListener('dragstart', function (e) {\n      e.preventDefault();\n    });\n\n    \/* \u2500\u2500 Pfeil-Buttons \u2500\u2500 *\/\n    btnPrev.addEventListener('click', prev);\n    btnNext.addEventListener('click', next);\n\n    \/* \u2500\u2500 Dots \u2500\u2500 *\/\n    dotsWrap.addEventListener('click', function (e) {\n      const dot = e.target.closest('.games-carousel__dot');\n      if (!dot) return;\n      goTo(parseInt(dot.getAttribute('data-dot-index'), 10));\n    });\n\n    \/* \u2500\u2500 Keyboard \u2500\u2500 *\/\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'ArrowLeft')  prev();\n      if (e.key === 'ArrowRight') next();\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       DRAG \/ SWIPE \u2014 Live-Interpolation\n       \n       Kernidee: W\u00e4hrend des Drags wird fraction =\n       -(dragDelta \/ PX_PER_CARD) live berechnet und\n       an applyTransforms \u00fcbergeben. Jede Karte bewegt\n       sich dadurch direkt proportional zum Drag.\n       \n       Beim Loslassen: fraction wird auf den n\u00e4chsten\n       Integer (Kartenposition) gerundet \u2192 goTo().\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    let dragStartX    = null;\n    let dragStartTime = null;\n    let dragCurrentX  = null;\n    let dragStarted   = false;\n    let isDragging    = false;\n    let rafId         = null;\n\n    function onDragStart(x) {\n      if (isAnimating) return;\n      dragStartX    = x;\n      dragCurrentX  = x;\n      dragStartTime = Date.now();\n      dragStarted   = true;\n      isDragging    = false;\n    }\n\n    function onDragMove(x) {\n      if (!dragStarted) return;\n      dragCurrentX = x;\n\n      const delta = x - dragStartX;\n      if (Math.abs(delta) > 6) isDragging = true;\n      if (!isDragging) return;\n\n      \/* RAF: berechne fraction und updaten alle Karten live *\/\n      if (rafId) cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(function () {\n        \/* Negiert weil Drag nach rechts = Index sinkt *\/\n        const fraction = -(dragCurrentX - dragStartX) \/ PX_PER_CARD;\n        applyTransforms(fraction, false);\n      });\n    }\n\n    function onDragEnd(x) {\n      if (!dragStarted) return;\n      if (rafId) { cancelAnimationFrame(rafId); rafId = null; }\n\n      const rawDelta = dragStartX - x;          \/\/ positiv = nach links gezogen\n      const absDelta = Math.abs(rawDelta);\n      const duration = Math.max(Date.now() - dragStartTime, 1);\n      const velocity = absDelta \/ duration;      \/\/ px\/ms\n\n      dragStarted = false;\n\n      if (isDragging && absDelta > 15) {\n        \/* Fraktionaler Offset \u2192 runden auf n\u00e4chste Ganzzahl *\/\n        const fraction = rawDelta \/ PX_PER_CARD;\n\n        \/* Velocity-Bonus: schnelle Flicks \u00fcberspringen extra Karten *\/\n        const velBonus  = velocity > 0.25\n          ? Math.sign(fraction) * Math.min(Math.floor(velocity * 2.5), 2)\n          : 0;\n\n        let steps = Math.round(fraction) + velBonus;\n        steps     = Math.max(-MAX_SKIP, Math.min(MAX_SKIP, steps));\n\n        if (steps !== 0) {\n          goTo(currentIndex + steps);\n        } else {\n          \/* Kein Wechsel \u2014 zur\u00fccksnappen zur aktuellen Position *\/\n          applyTransforms(0, true);\n        }\n      } else {\n        \/* Zu kurz bewegt \u2014 zur\u00fccksnappen *\/\n        applyTransforms(0, true);\n      }\n\n      \/* isDragging erst nach kurzer Verz\u00f6gerung zur\u00fccksetzen\n         damit der click-Handler nicht feuert *\/\n      setTimeout(function () { isDragging = false; }, 50);\n    }\n\n    \/* \u2500\u2500 Mouse Events \u2500\u2500 *\/\n    stage.addEventListener('mousedown', function (e) {\n      onDragStart(e.clientX);\n    });\n    window.addEventListener('mousemove', function (e) {\n      onDragMove(e.clientX);\n    });\n    window.addEventListener('mouseup', function (e) {\n      onDragEnd(e.clientX);\n    });\n\n    \/* \u2500\u2500 Touch Events \u2500\u2500 *\/\n    stage.addEventListener('touchstart', function (e) {\n      onDragStart(e.touches[0].clientX);\n    }, { passive: true });\n    stage.addEventListener('touchmove', function (e) {\n      onDragMove(e.touches[0].clientX);\n    }, { passive: true });\n    stage.addEventListener('touchend', function (e) {\n      onDragEnd(e.changedTouches[0].clientX);\n    }, { passive: true });\n\n    \/* \u2500\u2500 Resize: Presets neu anwenden bei Breakpoint-Wechsel \u2500\u2500 *\/\n    mqDesktop.addEventListener('change', function () {\n      applyTransforms(0, true);\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INIT\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    try {\n      renderCards();\n      renderDots();\n    } catch (err) {\n      console.error('[GamesCarousel] Init-Fehler:', err);\n    }\n\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-86ef1d8 e-con-full e-flex e-con e-parent\" data-id=\"86ef1d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4739793 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4739793\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \n  Sektion: Trust Section\n  Seite: Home (nach Game-Carousel)\n  Komponente: components\/trust\/\n  Beschreibung: Vertrauens-Sektion mit 3 Trust-Cards f\u00fcr Gaming\/Boost-Service\n-->\n<section class=\"trust-section section\" id=\"trust\" aria-label=\"Warum uns vertrauen\">\n  <div class=\"container\">\n\n    <!-- Section Header -->\n    <div class=\"trust-header\">\n      <span class=\"trust-eyebrow\" aria-label=\"\u00dcber uns\">\n        Por qu\u00e9 Grind-Games\n      <\/span>\n      <h2 class=\"trust-headline\">\n        Nuestro <span class=\"trust-headline__accent\">Objetivo<\/span><br>\u00a1tu satisfacci\u00f3n!\n      <\/h2>\n    <\/div>\n\n    <!-- Trust Cards Grid -->\n    <div class=\"trust-grid\">\n\n      <!-- Card 1: Erfahrung -->\n      <div class=\"trust-card\">\n        <div class=\"trust-card__icon-wrap\" aria-hidden=\"true\">\n          <svg class=\"trust-card__icon\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M14 3C8.477 3 4 7.477 4 13C4 18.523 8.477 23 14 23C19.523 23 24 18.523 24 13C24 7.477 19.523 3 14 3ZM14 5C18.418 5 22 8.582 22 13C22 17.418 18.418 21 14 21C9.582 21 6 17.418 6 13C6 8.582 9.582 5 14 5Z\" fill=\"currentColor\"\/>\n            <path d=\"M13 8V13.414L16.293 16.707L17.707 15.293L15 12.586V8H13Z\" fill=\"currentColor\"\/>\n            <circle cx=\"21\" cy=\"22\" r=\"4\" fill=\"var(--color-brand)\"\/>\n            <text x=\"21\" y=\"25\" text-anchor=\"middle\" font-size=\"5\" font-weight=\"700\" fill=\"white\" font-family=\"sans-serif\">5\u2605<\/text>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-card__body\">\n          <h3 class=\"trust-card__title\">M\u00e1s de 5 a\u00f1os de experiencia<\/h3>\n          <p class=\"trust-card__text\">\n            Nuestro equipo de jugadores verificados de Elo alto lleva a\u00f1os realizando boosts en miles de cuentas de forma segura y fiable, las 24 horas, todos los d\u00edas.\n          <\/p>\n        <\/div>\n        <div class=\"trust-card__glow\" aria-hidden=\"true\"><\/div>\n      <\/div>\n\n      <!-- Card 2: Datenschutz & Sicherheit -->\n      <div class=\"trust-card\">\n        <div class=\"trust-card__icon-wrap\" aria-hidden=\"true\">\n          <svg class=\"trust-card__icon\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M14 3L5 7V13C5 18.025 9.0 22.428 14 23.95C18.975 22.428 23 18.025 23 13V7L14 3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <path d=\"M10 13.5L12.5 16L18 10.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-card__body\">\n          <h3 class=\"trust-card__title\">100% seguro y discreto<\/h3>\n          <p class=\"trust-card__text\">\n            Protecci\u00f3n VPN, conexiones cifradas y normas estrictas de seguridad de cuentas. Tus datos y tu cuenta est\u00e1n protegidos en todo momento.\n          <\/p>\n        <\/div>\n        <div class=\"trust-card__glow\" aria-hidden=\"true\"><\/div>\n      <\/div>\n\n      <!-- Card 3: Geld-zur\u00fcck-Garantie -->\n      <div class=\"trust-card\">\n        <div class=\"trust-card__icon-wrap\" aria-hidden=\"true\">\n          <svg class=\"trust-card__icon\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M14 4C8.477 4 4 8.477 4 14C4 19.523 8.477 24 14 24C19.523 24 24 19.523 24 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <path d=\"M20 4V10H14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M24 4L20 10\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <path d=\"M14 10V14.5L17 17\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"trust-card__body\">\n          <h3 class=\"trust-card__title\">Garant\u00eda de devoluci\u00f3n del dinero<\/h3>\n          <p class=\"trust-card__text\">\n            \u00bfNo est\u00e1s satisfecho? No hay problema. Nuestro sistema flexible de reembolso te ofrece una devoluci\u00f3n total o parcial seg\u00fan el progreso actual.\n          <\/p>\n        <\/div>\n        <div class=\"trust-card__glow\" aria-hidden=\"true\"><\/div>\n      <\/div>\n\n    <\/div>\n    <!-- END Trust Cards Grid -->\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c0a453b e-flex e-con-boxed e-con e-parent\" data-id=\"c0a453b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-315204c elementor-widget elementor-widget-html\" data-id=\"315204c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\n     FAQ Accordion Section \u2014 Helle Sektion\n     Klassen: lp-faq-* | .reveal auf Header + List\n     ============================================ -->\n<section class=\"lp-faq-section\" id=\"faq\" role=\"region\" aria-label=\"H\u00e4ufig gestellte Fragen\">\n  <div class=\"lp-faq-container\">\n    <header class=\"lp-faq-header reveal\">\n      <div class=\"lp-faq-eyebrow\">Preguntas y respuestas<\/div>\n      <h2 class=\"lp-faq-headline\">Preguntas frecuentes<\/h2>\n      <p class=\"lp-faq-subtext\">\n        Aqu\u00ed respondemos las preguntas m\u00e1s importantes sobre el boost de dinero GTA\n      <\/p>\n    <\/header>\n\n    <ul class=\"lp-faq-list reveal\" role=\"list\">\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\ud83d\udee1\ufe0f<\/span>\n            <span>\u00bfEs seguro el boost de dinero? \u00bfMe banear\u00e1n?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              Nuestro m\u00e9todo es <strong>muy seguro<\/strong>. Tomamos todas las precauciones, por lo que ning\u00fan cliente ha sido baneado hasta ahora. Adem\u00e1s, ofrecemos nuestra <strong>Garant\u00eda antibaneo<\/strong> \u2013 si te banean, recibir\u00e1s un reemplazo gratuito. Por tanto, no corres ning\u00fan riesgo.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\ud83d\udd10<\/span>\n            <span>\u00bfTengo que facilitar los datos de mi cuenta? \u00bfEst\u00e1n seguros mis datos?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              Para un boost en tu propia cuenta, necesitamos temporalmente tus datos de acceso, s\u00ed. Pero: <strong>Se transmiten cifrados y nunca se comparten<\/strong>. Solo los utiliza nuestro equipo interno de profesionales y, tras el boost, eliminamos todos los datos. Tu cuenta es sagrada para nosotros: la tratamos como si fuera nuestra.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\ud83d\udcb3<\/span>\n            <span>\u00bfQu\u00e9 m\u00e9todos de pago hay? \u00bfEs seguro el pago?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              Puedes pagar con nosotros <strong>de forma segura y c\u00f3moda<\/strong> con m\u00e9todos habituales: PayPal, tarjeta de cr\u00e9dito, transferencia Sofort, Paysafecard, etc. Todos ellos tambi\u00e9n te ofrecen <strong>Protecci\u00f3n al comprador<\/strong>. Si algo sale mal (lo que es muy poco probable), mantienes el control de tu dinero. Adem\u00e1s, nuestra web est\u00e1 cifrada con SSL: tus datos de pago est\u00e1n protegidos.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\u23f1\ufe0f<\/span>\n            <span>\u00bfCu\u00e1nto tarda en llegar mi dinero?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              Normalmente un boost tarda <strong>uno o dos d\u00edas<\/strong>, y a menudo somos a\u00fan m\u00e1s r\u00e1pidos. El plazo exacto depende del paquete (las cantidades muy grandes pueden tardar un poco m\u00e1s), pero el 90% de nuestros pedidos se completa en 48 h. Recibir\u00e1s un mensaje cuando est\u00e9 todo a\u00f1adido. Si pasados 3 d\u00edas a\u00fan no ves nada (muy poco probable), nuestro soporte estar\u00e1 disponible y encontraremos una soluci\u00f3n.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\ud83c\udf81<\/span>\n            <span>\u00bfC\u00f3mo funciona el bono del +20%?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              La <strong>El bono del +20% se calcula autom\u00e1ticamente<\/strong> y se a\u00f1ade a tu pedido. \u00a1No tienes que hacer nada m\u00e1s! Por ejemplo, si pides 100 millones de GTA$, recibir\u00e1s autom\u00e1ticamente 120 millones sin coste adicional. Esta promoci\u00f3n solo dura hasta el 28 de febrero de 2026.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\ud83d\udcac<\/span>\n            <span>\u00bfY si tengo problemas o preguntas?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              Nuestro <strong>equipo de soporte de habla alemana<\/strong> est\u00e1 a tu disposici\u00f3n a diario por correo electr\u00f3nico y formulario de contacto. Te ayudamos con cualquier duda y no te dejamos tirado. A diferencia de los proveedores an\u00f3nimos, puedes contactarnos en cualquier momento.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n\n      <li class=\"lp-faq-item\">\n        <button type=\"button\" class=\"lp-faq-question\" aria-expanded=\"false\">\n          <span class=\"lp-faq-question-text\">\n            <span class=\"lp-faq-question-icon\" aria-hidden=\"true\">\ud83d\udcb0<\/span>\n            <span>\u00bfPor qu\u00e9 vuestro servicio es m\u00e1s barato que las Shark Cards?<\/span>\n          <\/span>\n          <span class=\"lp-faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"lp-faq-answer\">\n          <div class=\"lp-faq-answer-content\">\n            <p>\n              Las Shark Cards de Rockstar son caras porque compras directamente al editor. Te ofrecemos <strong>muchos m\u00e1s GTA$ por euro<\/strong>, porque trabajamos con mayor eficiencia y calculamos nuestros precios de forma justa. A menudo recibes 10 veces m\u00e1s GTA$ por el mismo precio, \u00a1y a\u00fan m\u00e1s con la promoci\u00f3n del +20%!\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/li>\n    <\/ul>\n\n    <div class=\"lp-faq-cta-box\">\n      <h3 class=\"lp-faq-cta-title\">\u2713 \u00bfConvencido? \u00bfTodas tus dudas resueltas?<\/h3>\n      <p class=\"lp-faq-cta-text\">\n        \u00a1Consigue ahora tu GTA Money Boost con un bono del +20%, solo hasta el 28 de febrero!\n      <\/p>\n      <a href=\"#boost-pakete\" class=\"lp-faq-cta-button\" role=\"button\">\n        <span>Empieza tu boost ahora<\/span>\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n\n  window.addEventListener('load', function() {\n    const section = document.querySelector('.lp-faq-section');\n    if (!section) return;\n\n    const faqItems = section.querySelectorAll('.lp-faq-item');\n    if (!faqItems.length) return;\n\n    faqItems.forEach(function(item) {\n      const question = item.querySelector('.lp-faq-question');\n      if (!question) return;\n\n      question.addEventListener('click', function() {\n        const isActive = item.classList.contains('lp-faq-active');\n\n        faqItems.forEach(function(other) {\n          other.classList.remove('lp-faq-active');\n          const q = other.querySelector('.lp-faq-question');\n          if (q) q.setAttribute('aria-expanded', 'false');\n        });\n\n        if (!isActive) {\n          item.classList.add('lp-faq-active');\n          question.setAttribute('aria-expanded', 'true');\n        }\n      });\n    });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15bb0cf elementor-widget elementor-widget-html\" data-id=\"15bb0cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\n     SEKTION 08 \u2014 CTA Final (Abschluss-Sektion)\n     Seite: Homepage\n     Komponente: components\/cta-final\/ (lp-final-*)\n     \n     Styling: cta-final.css (Design-Tokens)\n     Interaktion: Countdown bis 2027-01-01, Script am Ende dieser Datei\n     ============================================ -->\n\n<section class=\"cta-final-section section\" id=\"cta-final\" aria-label=\"Abschluss Aktion\">\n  <div class=\"lp-final-container\">\n    <div class=\"lp-final-badge reveal\" role=\"status\" aria-live=\"polite\">\n      <span class=\"lp-final-badge-icon\" aria-hidden=\"true\">\u26a1<\/span>\n      <span>\u00a1Oferta limitada, solo hasta el 1 de enero de 2027!<\/span>\n    <\/div>\n\n    <h2 class=\"lp-final-headline reveal reveal-delay-1\">\n      Consigue ahora<br>\n      <span class=\"lp-final-highlight\">Expr\u00e9s gratis<\/span>\n    <\/h2>\n\n    <div class=\"lp-final-text reveal reveal-delay-2\">\n      <ul class=\"lp-final-list\" role=\"list\">\n        <li class=\"lp-final-list-item\" role=\"listitem\">\n          <span class=\"lp-final-list-icon\" aria-hidden=\"true\">\u26a1<\/span>\n          <p class=\"lp-final-list-text\">\n            <strong>24\u201348 h en lugar de 3\u20135 d\u00edas<\/strong> \u2013 finalizaci\u00f3n expr\u00e9s totalmente gratis\n          <\/p>\n        <\/li>\n        <li class=\"lp-final-list-item\" role=\"listitem\">\n          <span class=\"lp-final-list-icon\" aria-hidden=\"true\">\ud83d\udcb0<\/span>\n          <p class=\"lp-final-list-text\">\n            <strong>En pedidos a partir de 100\u20ac<\/strong> para todos los paquetes Cash+Car Boost\n          <\/p>\n        <\/li>\n        <li class=\"lp-final-list-item\" role=\"listitem\">\n          <span class=\"lp-final-list-icon\" aria-hidden=\"true\">\ud83d\udcca<\/span>\n          <p class=\"lp-final-list-text\">\n            <strong>Seguimiento en directo + actualizaciones por correo<\/strong> \u2013 transparencia total durante todo el proceso\n          <\/p>\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"lp-final-urgency reveal reveal-delay-3\">\n      <p class=\"lp-final-urgency-text\">\n        \u23f0 Oferta v\u00e1lida hasta <strong>1 de enero de 2027<\/strong>\n        <span id=\"cta-final-countdown\" class=\"lp-final-countdown\" aria-live=\"polite\"><\/span>\n      <\/p>\n    <\/div>\n\n    <a href=\"https:\/\/grind-games.de\/product-category\/gta\/\" class=\"lp-final-cta reveal reveal-delay-4\" role=\"button\">\n      <span>Elige ahora tu paquete Cash+Car<\/span>\n      <span class=\"lp-final-cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n    <\/a>\n\n    <div class=\"lp-final-guarantees reveal reveal-delay-4\" role=\"list\">\n      <div class=\"lp-final-guarantee-item\" role=\"listitem\">\n        <span class=\"lp-final-guarantee-icon\" aria-hidden=\"true\">\u2713<\/span>\n        <span>Seguimiento en directo<\/span>\n      <\/div>\n      <div class=\"lp-final-guarantee-item\" role=\"listitem\">\n        <span class=\"lp-final-guarantee-icon\" aria-hidden=\"true\">\u2713<\/span>\n        <span>Actualizaciones por correo<\/span>\n      <\/div>\n      <div class=\"lp-final-guarantee-item\" role=\"listitem\">\n        <span class=\"lp-final-guarantee-icon\" aria-hidden=\"true\">\u2713<\/span>\n        <span>M\u00e9todos de pago seguros<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n\n  window.addEventListener('load', function() {\n    const countdownEl = document.getElementById('cta-final-countdown');\n    if (!countdownEl) return;\n\n    const deadline = new Date('2027-01-01T00:00:00');\n\n    function updateCountdown() {\n      const now = new Date();\n      const diff = deadline - now;\n\n      if (diff <= 0) {\n        countdownEl.textContent = '';\n        return;\n      }\n\n      const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n      const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n\n      if (days > 0) {\n        countdownEl.textContent = ' (Noch ' + days + ' Tag' + (days === 1 ? '' : 'e') + (hours > 0 ? ' und ' + hours + ' Std.' : '') + ')';\n      } else if (hours > 0) {\n        countdownEl.textContent = ' (Noch ' + hours + ' Stunde' + (hours === 1 ? '' : 'n') + ')';\n      } else {\n        countdownEl.textContent = ' (Noch heute!)';\n      }\n    }\n\n    updateCountdown();\n    setInterval(updateCountdown, 60000);\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40b459e elementor-widget elementor-widget-html\" data-id=\"40b459e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\n     TESTIMONIALS \/ REVIEWS SECTION\n     Light section, Design System Tokens.\n     .reveal on header, cards (stagger 0\u20135), cta-wrapper.\n     No inline script \u2014 Scroll-Animation via .reveal (utilities.css).\n     ============================================ -->\n<section class=\"lp-reviews-section\" id=\"reviews\" role=\"region\" aria-labelledby=\"reviews-headline\">\n  <div class=\"lp-reviews-container\">\n    <div class=\"lp-reviews-header reveal\">\n      <h2 id=\"reviews-headline\" class=\"lp-reviews-headline\">\n        Esto dicen nuestros clientes\n      <\/h2>\n      <div class=\"lp-reviews-summary\">\n        <div class=\"lp-reviews-stars\" aria-label=\"4.9 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"lp-reviews-rating\">4.9\/5<\/div>\n      <\/div>\n      <p class=\"lp-reviews-count\">Basado en m\u00e1s de 500 rese\u00f1as verificadas: \u00a1los jugadores conf\u00edan en nuestro servicio!<\/p>\n    <\/div>\n\n    <div class=\"lp-reviews-grid\">\n      <article class=\"lp-review-card reveal\">\n        <div class=\"lp-review-header\">\n          <div class=\"lp-review-avatar\" aria-hidden=\"true\">A<\/div>\n          <div class=\"lp-review-info\">\n            <h3 class=\"lp-review-name\">Alex K.<\/h3>\n            <div class=\"lp-review-meta\">\n              <div class=\"lp-review-stars-small\" aria-label=\"5 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"lp-review-date\">Hace 2 d\u00edas<\/span>\n              <span class=\"lp-review-verified\">\n                <span aria-hidden=\"true\">\u2713<\/span>\n                <span>Verificado<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"lp-review-text\">\n          \u00a1Guau, <span class=\"lp-review-highlight\">en 15 minutos<\/span> ten\u00eda 100 millones en mi cuenta! Servicio rapid\u00edsimo y todo muy discreto. Al principio ten\u00eda dudas, pero el soporte fue muy profesional. \u00a1Repetir\u00e9 encantado!\n        <\/p>\n        <div class=\"lp-review-platform\">\n          <span aria-hidden=\"true\">\ud83c\udfae<\/span>\n          <span>PC<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-review-card reveal reveal-delay-1\">\n        <div class=\"lp-review-header\">\n          <div class=\"lp-review-avatar\" aria-hidden=\"true\">M<\/div>\n          <div class=\"lp-review-info\">\n            <h3 class=\"lp-review-name\">MaxGaming99<\/h3>\n            <div class=\"lp-review-meta\">\n              <div class=\"lp-review-stars-small\" aria-label=\"5 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"lp-review-date\">Hace 5 d\u00edas<\/span>\n              <span class=\"lp-review-verified\">\n                <span aria-hidden=\"true\">\u2713<\/span>\n                <span>Verificado<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"lp-review-text\">\n          <span class=\"lp-review-highlight\">Totalmente seguro y de confianza.<\/span> Al principio me preocupaba que me banearan, pero todo fue perfecto. \u00a1El bono del 20% est\u00e1 genial! Ahora por fin puedo comprar todos los coches que quer\u00eda. \u00a1Excelente!\n        <\/p>\n        <div class=\"lp-review-platform\">\n          <span aria-hidden=\"true\">\ud83c\udfae<\/span>\n          <span>PlayStation 5<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-review-card reveal reveal-delay-2\">\n        <div class=\"lp-review-header\">\n          <div class=\"lp-review-avatar\" aria-hidden=\"true\">L<\/div>\n          <div class=\"lp-review-info\">\n            <h3 class=\"lp-review-name\">Lisa M.<\/h3>\n            <div class=\"lp-review-meta\">\n              <div class=\"lp-review-stars-small\" aria-label=\"5 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"lp-review-date\">Hace 1 semana<\/span>\n              <span class=\"lp-review-verified\">\n                <span aria-hidden=\"true\">\u2713<\/span>\n                <span>Verificado<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"lp-review-text\">\n          \u00a1La mejor inversi\u00f3n de mi vida! <span class=\"lp-review-highlight\">500 millones + 20% de bono<\/span> \u2013 ahora tengo 600 millones y por fin puedo permitirme el yate y todos los negocios. La entrega fue superr\u00e1pida y el soporte responde al instante. \u00a1Gracias!\n        <\/p>\n        <div class=\"lp-review-platform\">\n          <span aria-hidden=\"true\">\ud83c\udfae<\/span>\n          <span>Xbox Series X<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-review-card reveal reveal-delay-3\">\n        <div class=\"lp-review-header\">\n          <div class=\"lp-review-avatar\" aria-hidden=\"true\">T<\/div>\n          <div class=\"lp-review-info\">\n            <h3 class=\"lp-review-name\">Tom S.<\/h3>\n            <div class=\"lp-review-meta\">\n              <div class=\"lp-review-stars-small\" aria-label=\"5 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"lp-review-date\">Hace 1 semana<\/span>\n              <span class=\"lp-review-verified\">\n                <span aria-hidden=\"true\">\u2713<\/span>\n                <span>Verificado<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"lp-review-text\">\n          \u00a1Servicio incre\u00edble! Ten\u00eda dudas sobre el proceso y el <span class=\"lp-review-highlight\">soporte me lo explic\u00f3 todo en detalle.<\/span> Tras el pago todo fue rapid\u00edsimo. Sin baneos ni problemas. \u00a1Lo recomendar\u00eda a cualquiera!\n        <\/p>\n        <div class=\"lp-review-platform\">\n          <span aria-hidden=\"true\">\ud83c\udfae<\/span>\n          <span>PlayStation 5<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-review-card reveal reveal-delay-4\">\n        <div class=\"lp-review-header\">\n          <div class=\"lp-review-avatar\" aria-hidden=\"true\">J<\/div>\n          <div class=\"lp-review-info\">\n            <h3 class=\"lp-review-name\">Jonas_GT<\/h3>\n            <div class=\"lp-review-meta\">\n              <div class=\"lp-review-stars-small\" aria-label=\"5 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"lp-review-date\">Hace 2 semanas<\/span>\n              <span class=\"lp-review-verified\">\n                <span aria-hidden=\"true\">\u2713<\/span>\n                <span>Verificado<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"lp-review-text\">\n          Es la primera vez que uso un servicio as\u00ed y estoy <span class=\"lp-review-highlight\">\u00a1encantad\u00edsimo!<\/span> Todo explicado con transparencia, precios justos y el bono del +20% ayud\u00f3 mucho. \u00a1Por fin GTA Online vuelve a ser realmente divertido!\n        <\/p>\n        <div class=\"lp-review-platform\">\n          <span aria-hidden=\"true\">\ud83c\udfae<\/span>\n          <span>PlayStation 4<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-review-card reveal reveal-delay-5\">\n        <div class=\"lp-review-header\">\n          <div class=\"lp-review-avatar\" aria-hidden=\"true\">S<\/div>\n          <div class=\"lp-review-info\">\n            <h3 class=\"lp-review-name\">Sebastian L.<\/h3>\n            <div class=\"lp-review-meta\">\n              <div class=\"lp-review-stars-small\" aria-label=\"5 von 5 Sternen\">\u2605\u2605\u2605\u2605\u2605<\/div>\n              <span class=\"lp-review-date\">Hace 3 semanas<\/span>\n              <span class=\"lp-review-verified\">\n                <span aria-hidden=\"true\">\u2713<\/span>\n                <span>Verificado<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"lp-review-text\">\n          Todo perfecto de principio a fin. <span class=\"lp-review-highlight\">Sin problemas ni estr\u00e9s<\/span> \u2013 basta con elegir el paquete, pagar y, tras unas horas, ya ten\u00eda los 1.200 millones. \u00a1Lo recomiendo, ahorra much\u00edsimo tiempo!\n        <\/p>\n        <div class=\"lp-review-platform\">\n          <span aria-hidden=\"true\">\ud83c\udfae<\/span>\n          <span>Xbox One<\/span>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"lp-reviews-cta-wrapper reveal\">\n      <p class=\"lp-reviews-cta-text\">\n        Comprueba nuestro servicio por ti mismo: \u00a1\u00fanete a nuestra comunidad satisfecha!\n      <\/p>\n      <a href=\"#produkte\" class=\"lp-reviews-cta\">\n        <span>Consigue tu boost GTA con un 20% extra<\/span>\n        <span aria-hidden=\"true\">\ud83d\udd25<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c090783 elementor-widget elementor-widget-html\" data-id=\"c090783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\n     BENEFITS SECTION\n     Migriert aus 3nutzen-vorteile.html. Design System Tokens.\n     Scroll-Animation \u00fcber .reveal \/ .reveal-delay-1 bis .reveal-delay-4 (utilities.css).\n     Kein JS \u2014 .reveal wird global per IntersectionObserver aktiviert.\n     ============================================ -->\n<section class=\"lp-benefits-section\" id=\"benefits\" role=\"region\" aria-labelledby=\"benefits-headline\">\n  <div class=\"lp-benefits-container\">\n    <div class=\"lp-benefits-header reveal\">\n      <h2 id=\"benefits-headline\" class=\"lp-benefits-headline\">\n        M\u00e1s GTA$ \u2013 <span class=\"lp-benefits-headline-accent\">m\u00e1s diversi\u00f3n:<\/span> Tus ventajas de un vistazo\n      <\/h2>\n      <p class=\"lp-benefits-intro\">\n        \u00a1Se acabaron las horas de grind: disfruta de GTA Online al m\u00e1ximo desde ya! Con nuestro boost de dinero GTA sacas el m\u00e1ximo partido a tu experiencia de juego.\n      <\/p>\n    <\/div>\n\n    <div class=\"lp-benefits-grid\">\n      <article class=\"lp-benefit-card reveal reveal-delay-1\">\n        <div class=\"lp-benefit-icon-wrapper\">\n          <span class=\"lp-benefit-icon\" role=\"img\" aria-label=\"Zeitersparnis\">\u23f1\ufe0f<\/span>\n        <\/div>\n        <div class=\"lp-benefit-content\">\n          <h3 class=\"lp-benefit-title\">Gran ahorro de tiempo<\/h3>\n          <p class=\"lp-benefit-description\">\n            Ah\u00f3rrate <span class=\"lp-benefit-highlight\">cientos de horas de grind<\/span> \u2013 \u00a1recibe tu fortuna GTA al instante! En lugar de farmear durante meses, puedes empezar en pocas horas y disfrutar de todo el contenido.\n          <\/p>\n          <div class=\"lp-benefit-tags\">\n            <span class=\"lp-benefit-tag\">Acceso inmediato<\/span>\n            <span class=\"lp-benefit-tag\">Sin esperas<\/span>\n            <span class=\"lp-benefit-tag\">Ahorrar tiempo<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-benefit-card reveal reveal-delay-2\">\n        <div class=\"lp-benefit-icon-wrapper\">\n          <span class=\"lp-benefit-icon\" role=\"img\" aria-label=\"Spielspa\u00df\">\ud83c\udfae<\/span>\n        <\/div>\n        <div class=\"lp-benefit-content\">\n          <h3 class=\"lp-benefit-title\">Maximizar la diversi\u00f3n<\/h3>\n          <p class=\"lp-benefit-description\">\n            Desbloquea <span class=\"lp-benefit-highlight\">todos los veh\u00edculos, propiedades y actualizaciones<\/span> cuando quieras, sin preocuparte por el dinero. \u00a1Disfruta de GTA Online como debe ser: sin l\u00edmites!\n          <\/p>\n          <div class=\"lp-benefit-tags\">\n            <span class=\"lp-benefit-tag\">Todo el contenido<\/span>\n            <span class=\"lp-benefit-tag\">Sin l\u00edmites<\/span>\n            <span class=\"lp-benefit-tag\">Libertad total<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-benefit-card reveal reveal-delay-3\">\n        <div class=\"lp-benefit-icon-wrapper\">\n          <span class=\"lp-benefit-icon\" role=\"img\" aria-label=\"Status\">\ud83d\udc51<\/span>\n        <\/div>\n        <div class=\"lp-benefit-content\">\n          <h3 class=\"lp-benefit-title\">Aumentar tu estatus y prestigio<\/h3>\n          <p class=\"lp-benefit-description\">\n            Impresiona a tus amigos con <span class=\"lp-benefit-highlight\">coches de lujo, yates y propiedades de lujo<\/span> \u2013 \u00a1aumenta tu estatus en el juego con una cuenta llena y demuestra qui\u00e9n manda!\n          <\/p>\n          <div class=\"lp-benefit-tags\">\n            <span class=\"lp-benefit-tag\">Vida de lujo<\/span>\n            <span class=\"lp-benefit-tag\">Prestige<\/span>\n            <span class=\"lp-benefit-tag\">Respeto<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-benefit-card reveal reveal-delay-4\">\n        <div class=\"lp-benefit-icon-wrapper\">\n          <span class=\"lp-benefit-icon\" role=\"img\" aria-label=\"Komfort\">\u2728<\/span>\n        <\/div>\n        <div class=\"lp-benefit-content\">\n          <h3 class=\"lp-benefit-title\">Comodidad y flexibilidad<\/h3>\n          <p class=\"lp-benefit-description\">\n            Elige <span class=\"lp-benefit-highlight\">exactamente el saldo que necesitas<\/span> \u2013 disponible en cualquier momento, seg\u00fan tus necesidades. Diversi\u00f3n 100% leg\u00edtima: disfruta de GTA Online sin frustraciones ni l\u00edmites.\n          <\/p>\n          <div class=\"lp-benefit-tags\">\n            <span class=\"lp-benefit-tag\">Flexible<\/span>\n            <span class=\"lp-benefit-tag\">Individual<\/span>\n            <span class=\"lp-benefit-tag\">C\u00f3modo<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"lp-benefits-cta-wrapper reveal\">\n      <a href=\"#produkte\" class=\"lp-benefits-cta\">\n        <span>Consigue tu boost GTA con un 20% extra<\/span>\n        <span aria-hidden=\"true\">\ud83d\ude80<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"lp-benefits-image-wrapper reveal\">\n      <img decoding=\"async\"\n        src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/Zahlungsanbieter-scaled.png\"\n        alt=\"GTA Online Benefits Visualisierung - Mehr Spielspa\u00df mit GTA Money Boost\"\n        class=\"lp-benefits-image\"\n        loading=\"lazy\"\n        width=\"800\"\n        height=\"auto\"\n      \/>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9122b89 elementor-widget elementor-widget-html\" data-id=\"9122b89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Sektion: Trust XL \u2014 Sicherheit & Vertrauen (helle Sektion), Komponente trust-xl -->\n<section class=\"lp-trust-section\" id=\"trust\" role=\"region\" aria-labelledby=\"trust-headline\">\n  <div class=\"lp-trust-container container\">\n    <div class=\"lp-trust-header reveal\">\n      <h2 id=\"trust-headline\" class=\"lp-trust-headline\">\n        <span class=\"lp-trust-headline-emoji\" role=\"img\" aria-label=\"Sicherheit\">\ud83d\udd12<\/span>\n        <span class=\"lp-trust-headline-accent\">Comprar dinero GTA 5 de forma segura<\/span> \u2013 Nuestro compromiso de seguridad\n      <\/h2>\n      <p class=\"lp-trust-intro\">\n        Tu confianza es nuestro capital: entregamos tu boost de GTA$ en el juego de forma r\u00e1pida, discreta y 100% segura. Comprueba nuestros est\u00e1ndares de seguridad.\n      <\/p>\n    <\/div>\n\n    <div class=\"lp-trust-features reveal\">\n      <div class=\"lp-trust-grid\">\n        <article class=\"lp-trust-item reveal reveal-delay-1\">\n          <div class=\"lp-trust-icon\" aria-hidden=\"true\">\ud83d\udee1\ufe0f<\/div>\n          <div class=\"lp-trust-content\">\n            <h3 class=\"lp-trust-title\">Sin riesgo de baneo<\/h3>\n            <p class=\"lp-trust-description\">\n              <span class=\"lp-trust-highlight\">Transferencia 100% segura<\/span> seg\u00fan las normas de Rockstar, sin trucos ni mods. Miles de transacciones completadas sin un solo baneo. Trabajamos con m\u00e9todos probados que protegen tu cuenta.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-trust-item reveal reveal-delay-2\">\n          <div class=\"lp-trust-icon\" aria-hidden=\"true\">\u2b50<\/div>\n          <div class=\"lp-trust-content\">\n            <h3 class=\"lp-trust-title\">Proveedor verificado<\/h3>\n            <p class=\"lp-trust-description\">\n              <span class=\"lp-trust-highlight\">Serio y fiable<\/span> \u2013 M\u00e1s de 5 a\u00f1os de experiencia en el mercado gaming. Proveedor alem\u00e1n con sellos de calidad oficiales y miles de clientes satisfechos. Tu seguridad es nuestra m\u00e1xima prioridad.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-trust-item reveal reveal-delay-3\">\n          <div class=\"lp-trust-icon\" aria-hidden=\"true\">\ud83d\udcb3<\/div>\n          <div class=\"lp-trust-content\">\n            <h3 class=\"lp-trust-title\">Sin costes ocultos<\/h3>\n            <p class=\"lp-trust-description\">\n              <span class=\"lp-trust-highlight\">Precios transparentes<\/span> \u2013 Solo pagas el precio del paquete, sin cargos adicionales. Lo que ves es lo que pagas. Condiciones justas sin sorpresas desagradables al pagar.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"lp-trust-item reveal reveal-delay-4\">\n          <div class=\"lp-trust-icon\" aria-hidden=\"true\">\ud83d\udd10<\/div>\n          <div class=\"lp-trust-content\">\n            <h3 class=\"lp-trust-title\">Seguridad de los datos garantizada<\/h3>\n            <p class=\"lp-trust-description\">\n              <span class=\"lp-trust-highlight\">Web cifrada con SSL<\/span> y proveedores de pago seguros: tus datos y pagos est\u00e1n protegidos. Tratamos tus datos como si fueran nuestros. Protecci\u00f3n de datos conforme al RGPD.\n            <\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-trust-badges reveal\">\n      <div class=\"lp-trust-badge\">\n        <span class=\"lp-trust-badge-icon\" aria-hidden=\"true\">\u2705<\/span>\n        <span>Cifrado SSL<\/span>\n      <\/div>\n      <div class=\"lp-trust-badge\">\n        <span class=\"lp-trust-badge-icon\" aria-hidden=\"true\">\ud83d\udee1\ufe0f<\/span>\n        <span>Protecci\u00f3n al comprador<\/span>\n      <\/div>\n      <div class=\"lp-trust-badge\">\n        <span class=\"lp-trust-badge-icon\" aria-hidden=\"true\">\ud83c\udde9\ud83c\uddea<\/span>\n        <span>Proveedor alem\u00e1n<\/span>\n      <\/div>\n      <div class=\"lp-trust-badge\">\n        <span class=\"lp-trust-badge-icon\" aria-hidden=\"true\">\ud83d\udcaf<\/span>\n        <span>Garant\u00eda de devoluci\u00f3n del dinero<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-trust-payments reveal\">\n      <h3 class=\"lp-trust-payments-title\">M\u00e9todos de pago seguros<\/h3>\n      <div class=\"lp-trust-payment-methods\">\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/PayPal.png\" alt=\"PayPal Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>PayPal<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/Visa.png\" alt=\"Visa Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>Visa<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/Mastercard.png\" alt=\"Kreditkarte Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>Cr\u00e9dito<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/ApplePay.png\" alt=\"Apple Pay Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>Apple Pay<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/GooglePay.png\" alt=\"Google Pay Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>Google Pay<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/klarna.png\" alt=\"Klarna Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>Klarna<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/eps.png\" alt=\"EPS Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>EPS<\/span>\n        <\/div>\n        <div class=\"lp-trust-payment\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/grind-games.de\/wp-content\/uploads\/2026\/02\/psc.png\" alt=\"PaySafeCard Logo\" class=\"lp-trust-payment-logo\" width=\"40\" height=\"28\">\n          <span>PaySafe<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>#1 Partner f\u00fcr Gaming Kurze Beschreibung deines Angebots in ein bis zwei S\u00e4tzen. Excellent reviews on Trustpilot Boosts &#038; Accounts Unsere Games Warum Grind-Games Unser Zieldeine Zufriedenheit! 5\u2605 5+ Jahre Erfahrung Unser Team aus verifizierten High-Elo Spielern boosted seit Jahren tausende Accounts sicher und zuverl\u00e4ssig \u2014 rund um die Uhr, jeden Tag. 100% Sicher &#038; [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-81120","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Shape 1\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/grind-games.de\/es\/elementor-element-test\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Grind-Games - Deine #1 Seite f\u00fcr g\u00fcnstiges GTA Geld, Modded Accounts, Unlocks &amp; mehr! F\u00fcr alle Versionen von PlayStation, PC und Xbox verf\u00fcgbar. Inklusive Bannschutz.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Prueba de elemento Elementor - Grind-Games\" \/>\n\t\t<meta property=\"og:description\" content=\"Shape 1\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/grind-games.de\/es\/elementor-element-test\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-03-06T14:06:27+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-03-11T14:28:54+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Prueba de elemento Elementor - Grind-Games\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Shape 1\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/grind-games.de\\\/es\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#listItem\",\"name\":\"Prueba de elemento Elementor\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#listItem\",\"position\":2,\"name\":\"Prueba de elemento Elementor\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/#organization\",\"name\":\"Grind-Games StellarSales Ecommerce Limited\",\"description\":\"Deine #1 Seite f\\u00fcr g\\u00fcnstiges GTA Geld, Modded Accounts, Unlocks & mehr! F\\u00fcr alle Versionen von PlayStation, PC und Xbox verf\\u00fcgbar. Inklusive Bannschutz.\",\"url\":\"https:\\\/\\\/grind-games.de\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/grind-games.de\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Grind-Games.avif\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#organizationLogo\",\"width\":260,\"height\":69,\"caption\":\"Grind Games Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/grind_games.de\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#webpage\",\"url\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/\",\"name\":\"Prueba de elemento Elementor - Grind-Games\",\"description\":\"Shape 1\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/elementor-element-test\\\/#breadcrumblist\"},\"datePublished\":\"2026-03-06T15:06:27+01:00\",\"dateModified\":\"2026-03-11T15:28:54+01:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/grind-games.de\\\/es\\\/\",\"name\":\"Grind-Games\",\"description\":\"Deine #1 Seite f\\u00fcr g\\u00fcnstiges GTA Geld, Modded Accounts, Unlocks & mehr! F\\u00fcr alle Versionen von PlayStation, PC und Xbox verf\\u00fcgbar. Inklusive Bannschutz.\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/grind-games.de\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Prueba de elemento Elementor - Grind-Games","description":"Shape 1","canonical_url":"https:\/\/grind-games.de\/es\/elementor-element-test\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/grind-games.de\/es#listItem","position":1,"name":"Home","item":"https:\/\/grind-games.de\/es","nextItem":{"@type":"ListItem","@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#listItem","name":"Prueba de elemento Elementor"}},{"@type":"ListItem","@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#listItem","position":2,"name":"Prueba de elemento Elementor","previousItem":{"@type":"ListItem","@id":"https:\/\/grind-games.de\/es#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/grind-games.de\/es\/#organization","name":"Grind-Games StellarSales Ecommerce Limited","description":"Deine #1 Seite f\u00fcr g\u00fcnstiges GTA Geld, Modded Accounts, Unlocks & mehr! F\u00fcr alle Versionen von PlayStation, PC und Xbox verf\u00fcgbar. Inklusive Bannschutz.","url":"https:\/\/grind-games.de\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif","@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#organizationLogo","width":260,"height":69,"caption":"Grind Games Logo"},"image":{"@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/grind_games.de\/"]},{"@type":"WebPage","@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#webpage","url":"https:\/\/grind-games.de\/es\/elementor-element-test\/","name":"Prueba de elemento Elementor - Grind-Games","description":"Shape 1","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/grind-games.de\/es\/#website"},"breadcrumb":{"@id":"https:\/\/grind-games.de\/es\/elementor-element-test\/#breadcrumblist"},"datePublished":"2026-03-06T15:06:27+01:00","dateModified":"2026-03-11T15:28:54+01:00"},{"@type":"WebSite","@id":"https:\/\/grind-games.de\/es\/#website","url":"https:\/\/grind-games.de\/es\/","name":"Grind-Games","description":"Deine #1 Seite f\u00fcr g\u00fcnstiges GTA Geld, Modded Accounts, Unlocks & mehr! F\u00fcr alle Versionen von PlayStation, PC und Xbox verf\u00fcgbar. Inklusive Bannschutz.","inLanguage":"es-ES","publisher":{"@id":"https:\/\/grind-games.de\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"Grind-Games - Deine #1 Seite f\u00fcr g\u00fcnstiges GTA Geld, Modded Accounts, Unlocks &amp; mehr! F\u00fcr alle Versionen von PlayStation, PC und Xbox verf\u00fcgbar. Inklusive Bannschutz.","og:type":"article","og:title":"Prueba de elemento Elementor - Grind-Games","og:description":"Shape 1","og:url":"https:\/\/grind-games.de\/es\/elementor-element-test\/","og:image":"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif","og:image:secure_url":"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif","article:published_time":"2026-03-06T14:06:27+00:00","article:modified_time":"2026-03-11T14:28:54+00:00","twitter:card":"summary_large_image","twitter:title":"Prueba de elemento Elementor - Grind-Games","twitter:description":"Shape 1","twitter:image":"https:\/\/grind-games.de\/wp-content\/uploads\/2024\/08\/Grind-Games.avif"},"aioseo_meta_data":{"post_id":"81120","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-03-04 14:37:26","updated":"2026-03-11 14:29:48","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/grind-games.de\/es\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPrueba de elemento Elementor\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/grind-games.de\/es"},{"label":"Prueba de elemento Elementor","link":"https:\/\/grind-games.de\/es\/elementor-element-test\/"}],"_links":{"self":[{"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/pages\/81120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/comments?post=81120"}],"version-history":[{"count":165,"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/pages\/81120\/revisions"}],"predecessor-version":[{"id":161799,"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/pages\/81120\/revisions\/161799"}],"wp:attachment":[{"href":"https:\/\/grind-games.de\/es\/wp-json\/wp\/v2\/media?parent=81120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}