.elementor-1868 .elementor-element.elementor-element-05790cf{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-f6dadb8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1868 .elementor-element.elementor-element-f6dadb8 > .elementor-element-populated{margin:-172px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1868 .elementor-element.elementor-element-42cb8b6 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-ae5e3af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1868 .elementor-element.elementor-element-42cb8b6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:32px 0px 0px 0px;}}/* Start custom CSS for events-hero, class: .elementor-element-5f158ae *//**
 * === Kombinierte Hero-Section Anpassungen für Tablets & Smartphones ===
 * Gilt für Seite 126, 1710, 1803, 1861, 1863 und 1868
 */
@media (max-width: 1024.98px) {

  /*
   * TEIL 1: Spalten untereinander anordnen
   * (Gilt für alle Seiten mit diesem Widget)
   */
  .elementor-widget-events-hero .hero.section > .container {
    flex-direction: column;
    gap: 2rem;
  }

  .elementor-widget-events-hero .hero_main,
  .elementor-widget-events-hero .hero_event {
    width: 100% !important;
    max-width: none !important;
  }

  /*
   * TEIL 2: Titel 1 und 2 zentriert untereinander anordnen
   * (Gilt für alle Seiten mit diesem Widget)
   */
  .hero_event .main_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    text-align: center;
  }

  /*
   * TEIL 3: Styling für die zweite Überschrift
   * JETZT FÜR MEHRERE SEITEN-IDS ANGEPASST
   */
  .page-id-1861 .hero_event .main_title h3:nth-of-type(2),
  .page-id-126  .hero_event .main_title h3:nth-of-type(2),
  .page-id-1710 .hero_event .main_title h3:nth-of-type(2),
  .page-id-1803 .hero_event .main_title h3:nth-of-type(2),
  .page-id-1863 .hero_event .main_title h3:nth-of-type(2),
  .page-id-1868 .hero_event .main_title h3:nth-of-type(2) {
    display: inline-block !important;
    background-color: #fff !important;
    color: #000 !important;
    line-height: 1 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

}/* End custom CSS */
/* Start custom CSS for home-1-features, class: .elementor-element-42cb8b6 *//* ========================================================= */
/* 1) Abstand zwischen Subtitle und Text                     */
/*    + Schriftgrößen-Anpassung für Mobile/Tablet            */
/* ========================================================= */

/* Tablet (≤ 1024 px) */
@media (max-width: 1024px) {
  .page-id-1868 .features_main-subtitle + .features_main-text { margin-top: 1.3rem; }
  .page-id-1868 .features_main-title { font-size: 2rem; }
}

/* Smartphone (≤ 767 px) */
@media (max-width: 767.98px) {
  .page-id-1868 .features_main-subtitle + .features_main-text { margin-top: 1rem; }
  .page-id-1868 .features_main-title { font-size: 1.6rem; }
}

/* ========================================================= */
/* 2) Individuelle Bullet-Points                             */
/* ========================================================= */

.page-id-1868 p.bullet {
  position: relative;
  margin: 0 0 1.1rem 1.4rem;
  line-height: 1.6;
}
.page-id-1868 p.bullet::before {
  content: "•";
  position: absolute;
  left: -1.4rem;
  top: 0;
  font-size: 1.1rem;
  color: #f1b94c;
  font-weight: 700;
}
.page-id-1868 p.intro {
  margin-bottom: 1.3rem;
  line-height: 1.6;
}

/* ========================================================= */
/* 3) Button – Tablet linksbündig                            */
/* ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .page-id-1803 .subpage-headline a[href="#openFluentForm"] {
    display: inline-block !important;
    margin: 1rem 0 0 0 !important;
    text-align: left !important;
  }
}

/* ========================================================= */
/* 4) Button – Desktop-Abstand (30 % reduziert)              */
/* ========================================================= */

@media (min-width: 1025px) {
  .page-id-1868 .subpage-headline a[href="#openFluentForm"] {
   margin-top: 1.75rem;     /* vorher 2.5rem */
  }
}/* End custom CSS */
/* Start custom CSS for events-join, class: .elementor-element-ae5e3af *//* Generelle Stile für die Titel (Desktop-Default) */
.title-line1 {
  font-size: 2.8rem;
  font-weight: bold;
  margin: 0;
}

.title-line2 {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0;
  color: #555;
}

/* ===== Smartphone (bis 767.98px) ===== */
@media (max-width: 767.98px) {
  .title-line1 {
    font-size: 2rem;
  }

  .title-line2 {
    font-size: 1.2rem;
  }

  .join .join_main-header {
    margin-top: 0rem !important;
  }
}

/* ===== Tablet (768px bis 1024px) ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .title-line1 {
    font-size: 2.4rem;
  }

  .title-line2 {
    font-size: 1.5rem;
  }

  .join .join_main-header {
    margin-top: 11rem !important;
  }
}

/* ===== Desktop (ab 1025px) ===== */
@media (min-width: 1025px) {
  .title-line1 {
    font-size: 2.8rem;
  }

  .title-line2 {
    font-size: 1.8rem;
  }

  .join .join_main-header {
    margin-top: 0 !important;
  }

  .join .join_main {
    align-self: flex-start;
  }
}/* End custom CSS */