.elementor-2694 .elementor-element.elementor-element-dd9498e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2694 .elementor-element.elementor-element-e1ab496{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2694 .elementor-element.elementor-element-e1ab496:not(.elementor-motion-effects-element-type-background), .elementor-2694 .elementor-element.elementor-element-e1ab496 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2694 .elementor-element.elementor-element-bc47a69{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2694 .elementor-element.elementor-element-bc47a69.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2694 .elementor-element.elementor-element-39136e2{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2694 .elementor-element.elementor-element-dd9498e{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-719e017 *//* Add guaranteed spacing so next section starts clean */
.elite-video-wrapper{
  margin-bottom: 36px !important;
}

@media (max-width:768px){
  .elite-video-wrapper{
    margin-bottom: 200px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7928dea *//* =====================================================
   PREMIUM WHITE HEADLINE STYLE
   ===================================================== */

.eyd-membership-title {
  font-size: clamp(38px, 6vw, 72px); /* Slightly larger for impact */
  text-transform: uppercase;
  letter-spacing: 0.25em; /* Increased spacing for a "Luxury" feel */
  font-weight: 900;
  color: #ffffff;
  display: inline-block;
  position: relative;
  line-height: 1.1;
  margin-bottom: 20px;
  /* Subtle glow to ensure readability on any dark background */
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

.eyd-membership-title::after {
  content: "";
  display: block;
  width: 60px; /* Short, elegant underline instead of full width */
  height: 4px;
  margin: 25px auto 0;
  background: #ffffff; /* Pure white accent */
  border-radius: 2px;
  transition: width 0.3s ease;
}

.eyd-membership-subline {
  font-size: clamp(14px, 1.2vw, 18px);
  text-transform: uppercase;
  letter-spacing: 0.4em; /* Wide tracking for sublines is a premium staple */
  margin: 0 auto 60px;
  color: rgba(255, 255, 255, 0.6); /* Muted white for contrast */
  font-weight: 400;
  max-width: 80ch;
}

/* Hover effect for the title (optional but nice) */
.eyd-membership-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd9498e *//* Targeted fix for the mobile gap */
@media (max-width: 767px) {
    .elementor-2694 .elementor-element.elementor-element-dd9498e {
        margin-top: 0px !important; /* Adjust this number until the gap disappears */
        padding-top: 0 !important;
    }
    
    /* Forces the video container above it to stop adding bottom space */
    .elite-video-wrapper {
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc47a69 *//* =====================================================
   SIGNATURE PURPLE HEADLINE: DESKTOP & MOBILE FIX
   ===================================================== */

.eyd-membership-title {
  /* Desktop: Elegant & Professional */
  font-size: clamp(24px, 4vw, 44px); 
  
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 900;
  
  /* Your Signature Purple/Pink Gradient */
  background: linear-gradient(90deg, #a700ff, #ff00d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 15px;
  line-height: 1.2;
  text-align: center;

  /* Wrapping Controls */
  white-space: normal; 
  word-wrap: normal;
  hyphens: none; /* STOPS word breaking like MITGLIEDSCH-AFT */
}

/* Signature Gradient Underline */
.eyd-membership-title::after {
  content: "";
  display: block;
  width: 45px;
  height: 4px;
  background: linear-gradient(90deg, #a700ff, #ff00d4);
  margin: 15px auto 0;
  border-radius: 2px;
  /* Match the text fill since we can't use transparent fill on a border */
  -webkit-text-fill-color: initial; 
}

/* MOBILE SPECIFIC FIX: Smaller and Cleanly Stacked */
@media (max-width: 768px) {
  .eyd-membership-title {
    /* Slightly smaller on mobile to ensure it fits 2 lines beautifully */
    font-size: clamp(18px, 6vw, 26px); 
    letter-spacing: 0.08em;
    padding: 0 20px;
    line-height: 1.3;
  }
  
  .eyd-membership-title::after {
    width: 35px;
    height: 3px;
    margin: 12px auto 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7840cd *//* =========================
   TOP BAR – MORE IMPACT + ALIGNMENT
   ========================= */

/* stronger glass + inner depth */
.eds-poster-top{
  background: linear-gradient(180deg, rgba(0,0,0,0.46), rgba(0,0,0,0.26)) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow:
    0 0 26px rgba(155,89,182,0.22),
    inset 0 0 0 1px rgba(255,255,255,0.06) !important;
  padding: 18px 18px !important;
}

/* make headings feel premium + aligned */
.eds-top-title{
  text-align:left;
  display:flex;
  align-items:center;
  gap:10px;
}

.eds-top-col-right .eds-top-title{
  justify-content:flex-end;
  text-align:right;
}

/* add a small gold dot next to the headings */
.eds-top-title::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#FFD700;
  box-shadow: 0 0 14px rgba(255,215,0,0.35);
}

/* lists alignment */
.eds-top-col .eds-top-list{
  align-items:flex-start;
  text-align:left;
}

.eds-top-col-right .eds-top-list{
  align-items:flex-end;
  text-align:right;
}

/* make list items more “poster UI” */
.eds-top-list li{
  position:relative;
  padding-left:14px;
}

.eds-top-col-right .eds-top-list li{
  padding-left:0;
  padding-right:14px;
}

/* small neon tick markers (left) */
.eds-top-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:999px;
  background: rgba(255,79,214,0.85);
  box-shadow: 0 0 12px rgba(255,79,214,0.25);
}

/* and mirrored ticks on the right column */
.eds-top-col-right .eds-top-list li::before{
  left:auto;
  right:0;
}

/* divider: thicker + gradient + glow */
.eds-top-divider{
  width:3px !important;
  background: linear-gradient(
    180deg,
    rgba(255,79,214,0.00),
    rgba(255,79,214,0.70),
    rgba(255,215,0,0.55),
    rgba(255,79,214,0.00)
  ) !important;
  box-shadow:
    0 0 18px rgba(255,79,214,0.28),
    0 0 14px rgba(255,215,0,0.18) !important;
}

/* x accents: push outward + soften */
.eds-x{
  opacity: .55 !important;
  font-size: 20px !important;
}
.eds-x-left{ left: 14px !important; }
.eds-x-right{ right: 14px !important; }

/* subtle corner brackets inside top bar */
.eds-poster-top{
  position:relative;
}
.eds-poster-top::before,
.eds-poster-top::after{
  content:"";
  position:absolute;
  width:18px; height:18px;
  opacity:.55;
  pointer-events:none;
}
.eds-poster-top::before{
  left:10px; top:10px;
  border-top:2px solid rgba(255,255,255,0.35);
  border-left:2px solid rgba(255,255,255,0.35);
}
.eds-poster-top::after{
  right:10px; bottom:10px;
  border-bottom:2px solid rgba(255,255,255,0.35);
  border-right:2px solid rgba(255,255,255,0.35);
}
/* =========================
   MID TITLE – MORE HERO IMPACT
   ========================= */

.eds-poster-mid{
  position:relative;
  padding: 22px 8px 14px !important;
}

/* glow halo behind the title block */
.eds-poster-mid::before{
  content:"";
  position:absolute;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  width:min(520px, 92%);
  height:120px;
  background: radial-gradient(circle at center,
    rgba(255,79,214,0.22),
    rgba(155,89,182,0.14),
    rgba(0,0,0,0.00) 70%
  );
  filter: blur(6px);
  opacity:.9;
  pointer-events:none;
}

/* tighten letterspacing a bit = more premium */
.eds-mid-title{
  letter-spacing: .13em !important;
  font-size: 2.35rem !important;
}

/* gold micro-underline under INTENSIVKURSE */
.eds-mid-title::after{
  content:"";
  display:block;
  width: 220px;
  max-width: 70%;
  height: 4px;
  margin: 12px auto 0;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(255,215,0,0.0), rgba(255,215,0,0.95), rgba(255,79,214,0.75), rgba(255,215,0,0.0));
  box-shadow: 0 0 14px rgba(255,215,0,0.18);
  opacity:.85;
}

/* make the subline cleaner + aligned */
.eds-mid-title span{
  margin-top: 10px !important;
  font-size: 1.0rem !important;
  letter-spacing: .08em !important;
  color: rgba(255,255,255,0.80) !important;
}

/* hint line: more “designed” */
.eds-mid-hint{
  margin-top: 14px !important;
  gap:12px !important;
  opacity:.95;
}
.eds-dot{
  width:8px !important;
  height:8px !important;
}
@media (max-width:768px){
  .eds-poster-top{
    padding: 16px 14px !important;
  }
  .eds-top-title{
    justify-content:flex-start !important;
  }
  .eds-top-title::before{
    width:7px; height:7px;
  }
}
/* =========================================
   MOBILE FIX – INTENSIVKURSE POSTER
   (keeps desktop/tablet unchanged)
   ========================================= */
@media (max-width: 600px){

  /* Give the poster more breathing room on mobile */
  .eds-poster-inner{
    padding: 16px 14px 16px !important;
  }

  /* TOP PANEL: make it a clean 2-card stack */
  .eds-poster-top{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  /* remove the vertical divider (it looks weird on stacked layout) */
  .eds-top-divider{ display:none !important; }

  /* Make both columns look like their own mini-cards */
  .eds-top-col,
  .eds-top-col-right{
    width:100% !important;
    padding: 12px 12px !important;
    border-radius: 14px !important;
    background: rgba(0,0,0,0.28) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
  }

  /* Force consistent alignment */
  .eds-top-title{
    justify-content:flex-start !important;
    text-align:left !important;
    margin-bottom: 10px !important;
  }
  .eds-top-col-right .eds-top-title{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .eds-top-col .eds-top-list,
  .eds-top-col-right .eds-top-list{
    align-items:flex-start !important;
    text-align:left !important;
  }

  /* Reduce density: slightly smaller and more readable */
  .eds-top-list{
    gap:7px !important;
    font-size: .80rem !important;
    letter-spacing: .04em !important;
    line-height: 1.25 !important;
  }

  /* Keep the bullets nice and aligned */
  .eds-top-list li{
    padding-left: 16px !important;
  }
  .eds-top-col-right .eds-top-list li{
    padding-right: 0 !important;
  }
  .eds-top-col-right .eds-top-list li::before{
    right:auto !important;
    left:0 !important;
  }

  /* Move/remove the floating X accents (they add clutter on mobile) */
  .eds-x{ display:none !important; }

  /* MID TITLE: stop awkward line breaks ("INTENSIV / KURSE") */
  .eds-mid-title{
    font-size: 1.55rem !important;
    letter-spacing: .08em !important;
    line-height: 1.05 !important;
    padding: 0 6px !important;
  }

  /* Make subtitle more readable */
  .eds-mid-title span{
    font-size: .92rem !important;
    letter-spacing: .04em !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
  }

  /* Make the gold underline shorter so it doesn't feel “random” */
  .eds-mid-title::after{
    width: 160px !important;
    height: 3px !important;
    margin-top: 10px !important;
    opacity: .8 !important;
  }

  /* Hint row: slightly smaller */
  .eds-mid-hint{
    font-size: .72rem !important;
    letter-spacing: .14em !important;
    gap:10px !important;
  }

  /* Course pills: keep your clean stacked mobile version */
  .eds-s-row{
    padding: 14px 14px !important;
    border-radius: 18px !important;
  }

  .eds-s-date{
    width: 100% !important;
    padding: 10px 0 !important;
  }

  .eds-s-course{
    font-size: .95rem !important;
    letter-spacing: .10em !important;
  }

  .eds-s-desc{
    font-size: .90rem !important;
    line-height: 1.25 !important;
  }

  .eds-s-cta{
    padding: 12px 14px !important;
  }

  /* Footer: tighten */
  .eds-poster-footer{
    font-size: .74rem !important;
    letter-spacing: .16em !important;
    padding-top: 10px !important;
  }
}/* End custom CSS */