/* start: --- FIX FÜR FOOTER LOGOS --- */

/* --- DESKTOP --- */
#fernstudien .footer-logo-container .fusion-row {
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 1216px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

#fernstudien .footer-logo-container img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: inline-block !important;
  margin: 0 auto !important;
}

#fernstudien .footer-logo-container .fusion-layout-column {
  flex: 0 0 14.25% !important;
  max-width: 14.25% !important;
  width: 14.25% !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

#fernstudien .footer-logo-container .fusion_builder_column_1_1 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

#fernstudien .footer-logo-container .fusion_builder_column_1_5 {
  flex: 0 0 20% !important;
  max-width: 20% !important;
  width: 20% !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

/* --- RESPONSIVE FIX FÜR TABLET (ab 1024px abwärts) --- */
@media (max-width: 1024px) {
  /* Grid aktivieren und 2 Spalten (1fr 1fr) erzwingen */
  #fernstudien .footer-logo-container .fusion-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
  }

  /* Flexbox für die Spalten killen und auf 100% des Grid-Zelle setzen */
  #fernstudien .footer-logo-container .fusion-layout-column,
  #fernstudien .footer-logo-container .fusion_builder_column_1_5 {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Der Trennstrich (Separator) MUSS über die volle Grid-Breite gehen */
  #fernstudien .footer-logo-container .fusion_builder_column_1_1 {
    grid-column: 1 / -1 !important;
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 20px 0 !important;
  }

  #fernstudien .footer-logo-container img {
    max-height: 90px !important;
  }
}

/* --- RESPONSIVE FIX FÜR MOBILE (ab 767px abwärts) --- */
@media (max-width: 767px) {
  /* Grid auf 1 Spalte (1fr) reduzieren */
  #fernstudien .footer-logo-container .fusion-row {
    grid-template-columns: 1fr !important;
  }

  #fernstudien .footer-logo-container img {
    max-height: 80px !important;
  }
}
/* end: --- FIX FÜR FOOTER LOGOS --- */