.elementor-6494 .elementor-element.elementor-element-39acd2e{--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;}.elementor-6494 .elementor-element.elementor-element-d2e1d21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6494 .elementor-element.elementor-element-743e405{--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;}.elementor-6494 .elementor-element.elementor-element-674f68b{--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;}.elementor-6494 .elementor-element.elementor-element-a65fbd0{--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;}:root{--page-title-display:none;}body.elementor-page-6494{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-6494 .elementor-element.elementor-element-39acd2e{--padding-top:3rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6494 .elementor-element.elementor-element-743e405{--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-6494 .elementor-element.elementor-element-674f68b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6494 .elementor-element.elementor-element-a65fbd0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-6494:not(.elementor-motion-effects-element-type-background), body.elementor-page-6494 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://preview.v2.webfire-marketing.com/wp-content/uploads/2026/02/hintergrund-gold-premium-design.webp");background-position:center center;background-repeat:repeat;}}/* Start custom CSS for html, class: .elementor-element-d2e1d21 *//* ===== Webfire Mobile Only Section (no hover) ===== */

#hero-roi-mobile,
.wf-mob {
  padding: 18px 0 40px;
  background: transparent !important; /* outside transparent */
  color: #e9eefc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wf-mob__wrap {
  width: min(520px, 92%);
  margin: 0 auto;
}

/* Card NOT transparent */
.wf-mob__card {
  border-radius: 22px;
  background: rgba(10, 12, 20, 0.92) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,0.55) !important;
  padding: 16px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  opacity: 1 !important;
}

.wf-mob__card::before {
  content: "";
  position: absolute;
  inset: -2px;
  background:
    radial-gradient(900px 520px at 20% 0%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(700px 420px at 85% 10%, rgba(255,140,64,0.11), transparent 60%);
  pointer-events: none;
  opacity: 1 !important;
}

/* Ensure content above the glow */
.wf-pill,
.wf-mob__headline,
.wf-mob__sub,
.wf-mob__cta,
.wf-mob__chips,
.wf-box,
.wf-mob__disclaimer {
  position: relative;
  z-index: 2;
}

/* Pill */
.wf-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  font-size: 12.5px;
  line-height: 1.2;
  color: rgba(233,238,252,0.78);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

/* Accent dot */
.wf-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(255,140,64,0.95);
  box-shadow: 0 0 0 4px rgba(255,140,64,0.16);
  flex: 0 0 auto;
}

.wf-dot--mini {
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px rgba(255,140,64,0.14);
}

/* Headline */
.wf-mob__headline {
  margin: 14px 0 10px;
  font-size: clamp(34px, 9vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.wf-accent {
  color: rgba(255,140,64,1);
}

/* Sub text */
.wf-mob__sub {
  margin: 0;
  color: rgba(233,238,252,0.72);
  font-size: 15.5px;
  line-height: 1.7;
}

/* CTA buttons */
.wf-mob__cta {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.wf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -0.01em;
  border: 1px solid transparent;
  transition: none; /* no hover animation */
}

.wf-btn--primary {
  color: #0b0d14;
  background: linear-gradient(180deg, rgba(255,140,64,1) 0%, rgba(255,110,40,1) 100%);
  box-shadow: 0 18px 45px rgba(255,110,40,0.22);
}

.wf-btn--ghost {
  color: rgba(233,238,252,0.92);
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.10);
}

/* removed: .wf-btn:hover */

.wf-arrow { font-weight: 900; }

/* Chips */
.wf-mob__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.wf-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(233,238,252,0.72);
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}

/* Generic box */
.wf-box {
  margin-top: 14px;
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 16px 48px rgba(0,0,0,0.35);
}

.wf-box--outline {
  border-color: rgba(255,140,64,0.25);
  background:
    radial-gradient(700px 220px at 20% 0%, rgba(255,140,64,0.12), transparent 60%),
    rgba(255,255,255,0.03);
}

.wf-box__kicker {
  font-size: 12px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(233,238,252,0.62);
  margin-bottom: 10px;
}

.wf-box__title {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 10px;
}

.wf-box__text {
  margin: 0 0 12px;
  color: rgba(233,238,252,0.68);
  line-height: 1.65;
  font-size: 14px;
}

/* ===== IMPORTANT FIX: math rows (no letter-by-letter wrap) ===== */
.wf-math {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.wf-math__row {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 12px;

  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);

  color: rgba(233,238,252,0.74);
  font-size: 13.5px;
}

/* Left label: NEVER break into letters */
.wf-math__row > span {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  min-width: 0;
}

/* Right value: can wrap if needed, but looks clean */
.wf-math__row > strong {
  color: rgba(233,238,252,0.92);
  text-align: right;
  min-width: 0;
  word-break: normal;
  overflow-wrap: anywhere;
}

.wf-math__row--highlight {
  border-color: rgba(255,140,64,0.22);
  background: rgba(255,140,64,0.08);
}

/* On super small screens: stack label/value to avoid crowding */
@media (max-width: 360px) {
  .wf-math__row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .wf-math__row > strong {
    text-align: left;
  }
}

/* Note */
.wf-note {
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  color: rgba(233,238,252,0.62);
  line-height: 1.55;
  font-size: 13px;
}

/* QR soft box */
.wf-box--soft {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,0.02);
}

.wf-box__soft-title {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}

.wf-box__soft-text {
  margin: 0;
  color: rgba(233,238,252,0.62);
  line-height: 1.6;
  font-size: 13.5px;
}

.wf-qr {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  overflow: hidden;
  position: relative;
}

.wf-qr__inner {
  position: absolute;
  inset: 10px;
  border-radius: 10px;
  background:
    repeating-linear-gradient(45deg,
      rgba(233,238,252,0.18) 0px,
      rgba(233,238,252,0.18) 8px,
      rgba(233,238,252,0.05) 8px,
      rgba(233,238,252,0.05) 16px);
  opacity: 0.55;
}

/* Disclaimer */
.wf-mob__disclaimer {
  margin: 14px 0 0;
  color: rgba(233,238,252,0.52);
  font-size: 12.5px;
  line-height: 1.6;
}/* ===== Mobile: KEIN Hover-Effekt für Buttons (Desktop bleibt unverändert) ===== */
@media (hover: none) and (pointer: coarse) {
  .wf-btn,
  .wf-btn:hover,
  .wf-btn:active,
  .wf-btn:focus,
  .wf-btn:focus-visible {
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  /* falls dein Theme/Elementor beim Tap einen Shadow/Glow setzt */
  .wf-btn:active,
  .wf-btn:focus,
  .wf-btn:focus-visible {
    box-shadow: inherit !important;   /* behält normalen Shadow */
    outline: none !important;
  }

  /* optional: entfernt iOS Tap-Highlight (dieser „graue Flash“) */
  .wf-btn {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Kein Underline für Secondary CTA */
.wf-cta-secondary,
.wf-cta-secondary:visited,
.wf-cta-secondary:hover,
.wf-cta-secondary:focus,
.wf-cta-secondary:active{
  text-decoration: none !important;
}

/* Secondary CTA – Text sauber zentrieren */
.wf-cta-secondary{
  justify-content: center;   /* horizontal mittig */
  text-align: center;        /* Text mittig */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5dfd59e *//* ===== Loyalty Section: Seamless (kein eigener Background) ===== */

.wf-loyalty{
  /* WICHTIG: eigener Background raus */
  background: transparent !important;
  padding: 0 0 34px !important;   /* oben kein harter Sprung */
  color: #e9eefc;
}

/* Wrapper darf nicht wieder "neuen Block" bauen */
.wf-loyalty__wrap{
  width: min(560px, 92%);
  margin: 0 auto;
}

/* Card soll wie die Cards der vorherigen Sektion wirken */
.wf-loyalty__card{
  border-radius: 22px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 70px rgba(0,0,0,0.40);
  padding: 16px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);

  /* Abstand zum vorherigen Block (optisch gleichmäßig) */
  margin-top: 14px;
}

/* Glow nur dezent – damit’s zum vorherigen Abschnitt passt */
.wf-loyalty__card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(700px 420px at 20% 0%, rgba(255,255,255,0.04), transparent 58%),
    radial-gradient(600px 360px at 85% 10%, rgba(255,140,64,0.08), transparent 62%);
  pointer-events:none;
}

/* Inhalt über dem Glow */
.wf-pill,
.wf-loyalty__headline,
.wf-loyalty__sub,
.wf-loyalty__rules,
.wf-loyalty__grid,
.wf-loyalty__cta,
.wf-loyalty__disclaimer{
  position: relative;
  z-index: 2;
}

/* Pill optisch wie davor */
.wf-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  font-size:12.5px;
  line-height:1.2;
  color: rgba(233,238,252,0.78);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.wf-dot{
  width:9px;height:9px;border-radius:999px;
  background: rgba(255,140,64,0.95);
  box-shadow: 0 0 0 4px rgba(255,140,64,0.14);
  flex:0 0 auto;
}

.wf-accent{ color: rgba(255,140,64,1); }

/* Headline / Text */
.wf-loyalty__headline{
  margin: 14px 0 10px;
  font-size: clamp(28px, 8.5vw, 40px);
  line-height: 1.06;
  letter-spacing: -0.03em;
}

.wf-loyalty__sub{
  margin:0;
  color: rgba(233,238,252,0.72);
  font-size: 15.2px;
  line-height: 1.7;
}

/* Regeln */
.wf-loyalty__rules{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.wf-rule{
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(233,238,252,0.72);
  font-size:13.5px;
  line-height:1.35;
}

/* Optionen */
.wf-loyalty__grid{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.wf-box{
  border-radius:18px;
  padding:16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 16px 48px rgba(0,0,0,0.33);
}

.wf-box--outline{
  border-color: rgba(255,140,64,0.22);
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(255,140,64,0.10), transparent 60%),
    rgba(255,255,255,0.03);
}

.wf-box--soft{
  background: rgba(255,255,255,0.02);
}

.wf-box__kicker{
  font-size:12px;
  letter-spacing:0.10em;
  text-transform:uppercase;
  color: rgba(233,238,252,0.62);
  margin-bottom:10px;
}

.wf-box__title{
  font-size:18px;
  font-weight:900;
  letter-spacing:-0.02em;
  line-height:1.25;
  margin-bottom:8px;
}

.wf-box__text{
  margin:0 0 12px;
  color: rgba(233,238,252,0.68);
  line-height:1.65;
  font-size:14px;
}

/* Steps */
.wf-steps{ display:grid; gap:10px; margin-top:10px; }

.wf-step{
  display:grid;
  grid-template-columns: 26px 1fr;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.wf-step__num{
  width:26px;height:26px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:900;
  color:#0b0d14;
  background: rgba(255,140,64,1);
}

.wf-step__txt{
  color: rgba(233,238,252,0.75);
  font-size:13.5px;
  line-height:1.35;
}

/* Mini reasons */
.wf-mini{
  margin-top:10px;
  padding:12px;
  border-radius:16px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
}

.wf-mini__title{
  font-size:12px;
  letter-spacing:0.10em;
  text-transform:uppercase;
  color: rgba(233,238,252,0.62);
  margin-bottom:10px;
}

.wf-mini__line{
  display:grid;
  gap:4px;
  padding:10px 0;
  border-top: 1px solid rgba(255,255,255,0.06);
  color: rgba(233,238,252,0.72);
  font-size:13.5px;
}
.wf-mini__line:first-of-type{ border-top:0; }
.wf-mini__line strong{ color: rgba(233,238,252,0.92); }

/* CTA */
.wf-loyalty__cta{ margin-top: 14px; }

.wf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:12px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  letter-spacing:-0.01em;
  border:1px solid transparent;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.wf-btn--primary{
  color:#0b0d14;
  background: linear-gradient(180deg, rgba(255,140,64,1) 0%, rgba(255,110,40,1) 100%);
  box-shadow: 0 18px 45px rgba(255,110,40,0.20);
}
.wf-arrow{ font-weight:900; }

.wf-loyalty__disclaimer{
  margin:14px 0 0;
  color: rgba(233,238,252,0.52);
  font-size:12.5px;
  line-height:1.6;
}/* ===== FIX: Loyalty außen transparent, Card nicht transparent ===== */

/* Außen transparent lassen (dein Backgroundbild soll durchkommen) */
.wf-loyalty{
  background: transparent !important;
}

/* Card: erzwinge „nicht transparent“ (solider dunkler Look) */
.wf-loyalty__card{
  background: rgba(10, 12, 20, 0.92) !important;  /* weniger transparent, mehr "solid" */
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,0.55) !important;

  opacity: 1 !important; /* falls Elementor opacity gesetzt hat */
}

/* Glow bleibt optional sichtbar */
.wf-loyalty__card::before{
  opacity: 1 !important;
}

/* Falls irgendwo global opacity auf inner elements gesetzt ist */
.wf-loyalty__card *{
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdc939b *//* ===== Paket & Preis (Mobile-first, seamless) ===== */
.wf-pack{
  background: transparent !important;
  padding: 0 0 34px !important;
  color: #e9eefc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wf-pack__wrap{
  width: min(560px, 92%);
  margin: 0 auto;
}

.wf-pack__card{
  border-radius: 22px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 70px rgba(0,0,0,0.40);
  padding: 16px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  margin-top: 14px;
}

.wf-pack__card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(700px 420px at 20% 0%, rgba(255,255,255,0.04), transparent 58%),
    radial-gradient(600px 360px at 85% 10%, rgba(255,140,64,0.08), transparent 62%);
  pointer-events:none;
}

.wf-pill,
.wf-pack__headline,
.wf-pack__sub,
.wf-pack__price,
.wf-pack__what,
.wf-pack__rules,
.wf-pack__disclaimer{
  position: relative;
  z-index: 2;
}

/* Pill (falls nicht global) */
.wf-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  font-size:12.5px;
  line-height:1.2;
  color: rgba(233,238,252,0.78);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.wf-dot{
  width:9px;height:9px;border-radius:999px;
  background: rgba(255,140,64,0.95);
  box-shadow: 0 0 0 4px rgba(255,140,64,0.14);
  flex:0 0 auto;
}

.wf-accent{ color: rgba(255,140,64,1); }

.wf-pack__headline{
  margin: 14px 0 10px;
  font-size: clamp(24px, 7.8vw, 36px);
  line-height: 1.10;
  letter-spacing: -0.03em;
}

.wf-pack__sub{
  margin: 0;
  color: rgba(233,238,252,0.72);
  font-size: 15.2px;
  line-height: 1.7;
}

/* Price highlight row */
.wf-pack__price{
  margin-top: 14px;
  border-radius: 18px;
  padding: 14px;
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(255,140,64,0.10), transparent 60%),
    rgba(255,255,255,0.03);
  border: 1px solid rgba(255,140,64,0.20);
  box-shadow: 0 16px 48px rgba(0,0,0,0.33);

  display: grid;
  gap: 12px;
}

.wf-pack__badge{
  display:inline-flex;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(255,140,64,0.95);
  background: rgba(255,140,64,0.12);
  border: 1px solid rgba(255,140,64,0.22);
  width: fit-content;
}

.wf-pack__value{
  margin-top: 10px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.wf-pack__value span{
  font-size: 14px;
  font-weight: 700;
  color: rgba(233,238,252,0.65);
}

.wf-pack__note{
  margin-top: 6px;
  color: rgba(233,238,252,0.62);
  font-size: 13.5px;
}

/* CTA button */
.wf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:12px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  letter-spacing:-0.01em;
  border:1px solid transparent;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.wf-btn--primary{
  color:#0b0d14;
  background: linear-gradient(180deg, rgba(255,140,64,1) 0%, rgba(255,110,40,1) 100%);
  box-shadow: 0 18px 45px rgba(255,110,40,0.20);
}

.wf-btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.wf-arrow{ font-weight: 900; }

/* Included */
.wf-pack__what{
  margin-top: 14px;
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
}

.wf-pack__title{
  font-size: 12px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(233,238,252,0.62);
  margin-bottom: 10px;
}

.wf-pack__list{
  display: grid;
  gap: 10px;
}

.wf-pack__item{
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.wf-ic{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0b0d14;
  background: rgba(255,140,64,1);
  font-weight: 900;
  line-height: 1;
}

.wf-pack__head{
  font-weight: 900;
  color: rgba(233,238,252,0.92);
  font-size: 14px;
  line-height: 1.25;
}

.wf-pack__text{
  margin-top: 4px;
  color: rgba(233,238,252,0.66);
  font-size: 13.5px;
  line-height: 1.45;
}

/* Rules mini grid */
.wf-pack__rules{
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.wf-pack__rule{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}

.wf-pack__rlabel{
  font-size: 12px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(233,238,252,0.62);
  margin-bottom: 6px;
}

.wf-pack__rtext{
  color: rgba(233,238,252,0.74);
  font-size: 13.5px;
  line-height: 1.4;
}

.wf-pack__disclaimer{
  margin: 14px 0 0;
  color: rgba(233,238,252,0.52);
  font-size: 12.5px;
  line-height: 1.6;
}/* ===== FIX: Paket außen transparent, Card NICHT transparent ===== */

.wf-pack{
  background: transparent !important; /* außen bleibt durchsichtig fürs Backgroundbild */
}

/* Card: erzwinge „nicht transparent“ */
.wf-pack__card{
  background: rgba(10, 12, 20, 0.92) !important;  /* solider dunkler Look */
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,0.55) !important;

  opacity: 1 !important; /* falls Elementor opacity gesetzt hat */
}

/* Glow kann bleiben */
.wf-pack__card::before{
  opacity: 1 !important;
}

/* Falls global opacity irgendwo reinknallt */
.wf-pack__card *{
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719f6b7 *//* ===== FAQ Section (Mobile-first, seamless) ===== */
.wf-faq{
  background: transparent !important;
  padding: 0 0 34px !important;
  color: #e9eefc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wf-faq__wrap{
  width: min(560px, 92%);
  margin: 0 auto;
}

.wf-faq__card{
  border-radius: 22px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 22px 70px rgba(0,0,0,0.45);
  padding: 16px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  margin-top: 14px;
}

.wf-faq__card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(900px 520px at 20% 0%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(700px 420px at 85% 10%, rgba(255,140,64,0.11), transparent 60%);
  pointer-events:none;
}

/* Ensure content above glow */
.wf-faq__title,
.wf-faq__sub,
.wf-faq__list{
  position: relative;
  z-index: 2;
}

.wf-faq__title{
  margin: 6px 0 8px;
  font-size: clamp(24px, 7.8vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.wf-faq__sub{
  margin: 0 0 14px;
  color: rgba(233,238,252,0.72);
  font-size: 15.2px;
  line-height: 1.65;
}

/* FAQ list */
.wf-faq__list{
  display: grid;
  gap: 10px;
  position: relative;
  z-index: 2;
}

.wf-faq__item{
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  overflow: hidden;
}

.wf-faq__q{
  list-style: none;
  cursor: pointer;
  padding: 14px 12px;
  font-weight: 900;
  color: rgba(233,238,252,0.92);
  font-size: 14.5px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
}

.wf-faq__q::-webkit-details-marker{ display:none; }

.wf-faq__q::after{
  content: "⌄";
  font-weight: 900;
  color: rgba(255,140,64,0.95);
  transform: rotate(0deg);
  transition: transform .18s ease;
  line-height: 1;
}

.wf-faq__item[open] .wf-faq__q::after{
  transform: rotate(180deg);
}

.wf-faq__a{
  padding: 0 12px 14px;
  color: rgba(233,238,252,0.68);
  font-size: 14px;
  line-height: 1.65;
}

/* ===== CTA BELOW CONTAINER ===== */
/* Dieser Block sitzt UNTERHALB der Card und nutzt exakt deine .wf-btn Styles */
.wf-faq__cta-outside{
  width: min(560px, 92%);
  margin: 12px auto 0;
  display: grid;
  gap: 10px;
}

/* Erzwinge, dass Elementor keine Link-Unterstreichung etc. reinzieht */
.wf-faq__cta-outside .wf-btn,
.wf-faq__cta-outside .wf-btn:link,
.wf-faq__cta-outside .wf-btn:visited{
  text-decoration: none !important;
}

/* Optional: leicht mehr “Pill”-Feeling wie dein Screenshot */
.wf-faq__cta-outside .wf-btn{
  padding: 14px 16px; /* minimal größer als Standard */
}/* ===== FIX: FAQ außen transparent, Card NICHT transparent ===== */

.wf-faq{
  background: transparent !important; /* außen bleibt durchsichtig fürs Backgroundbild */
}

/* Card: erzwinge „nicht transparent“ */
.wf-faq__card{
  background: rgba(10, 12, 20, 0.92) !important;  /* solider dunkler Look */
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,0.55) !important;

  opacity: 1 !important; /* falls Elementor opacity gesetzt hat */
}

/* Glow bleibt optional sichtbar */
.wf-faq__card::before{
  opacity: 1 !important;
}

/* Falls global opacity irgendwo reinknallt */
.wf-faq__card *{
  opacity: 1;
}/* End custom CSS */