.elementor-126 .elementor-element.elementor-element-05790cf{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-126 .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-126 .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-126 .elementor-element.elementor-element-42cb8b6 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-126 .elementor-element.elementor-element-ae5e3af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-126 .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 und 1861
 */
@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) {
    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 setzen   */
/* ============================================= */

/* Tablet (bis 1024px) */
@media (max-width: 1024px) {
  .elementor-126 .elementor-element.elementor-element-42cb8b6 .features_main-subtitle + .features_main-text {
    margin-top: 1.5rem;
  }
}

/* Smartphone (bis 767px) */
@media (max-width: 767.98px) {
  .elementor-126 .elementor-element.elementor-element-42cb8b6 .features_main-subtitle + .features_main-text {
    margin-top: 1rem;
  }
}

/* ============================================= */
/* 2) Title (erste Überschrift) in Mobile/Tablet  */
/*    etwas kleiner machen                       */
/* ============================================= */

/* Tablet (bis 1024px) */
@media (max-width: 1024px) {
  .elementor-126 .elementor-element.elementor-element-42cb8b6 .features_main-title {
    font-size: 2rem;
  }
}

/* Smartphone (bis 767px) */
@media (max-width: 767.98px) {
  .elementor-126 .elementor-element.elementor-element-42cb8b6 .features_main-title {
    font-size: 1.6rem;
  }
}/* 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: 14rem !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 */