@media (max-width: 1600px){
/* @media (max-width: 2400px){ */

.slider-wrapper .ce_text h1 {
  font-size: 40px !important;
  line-height: 40px !important;
}
#main .inside{
    width: 90% !important;
}

.grid3 {
  width: 23%;
  margin: 0 1% !important;
}

.grid6 {
  width: 48%;
  margin: 0 1% !important;
}

.grid9,
.grid10 {
  width: 73%;
  margin: 0 1% !important;
}


#footer h4, 
#footer ul{
    text-align: center;
}

}

/* ===== Footer Desktop: eine Zeile, Navigation kann nicht unter Logo laufen ===== */
@media (min-width: 768px){

  #footer .inside .footer-row{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
  }

  /* Titel links (egal ob Klasse vorhanden) */
  #footer .inside .footer-row h4{
    margin: 0 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  /* Navigation Mitte: darf nicht "unter" das Logo zeichnen */
  #footer .inside .footer-row .footer-nav,
  #footer .inside .footer-row .mod_navigation,
  #footer .inside .footer-row > div{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: center !important;
    overflow: hidden !important;        /* verhindert Unterlaufen */
  }

  /* globales text-align:right neutralisieren */
  #footer .inside .footer-row .level_1{
    text-align: center !important;
  }

  #footer .inside .footer-row ul.level_1{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    max-width: 100% !important;
  }

  #footer .inside .footer-row ul.level_1 > li{
    float: none !important;
  }

  /* Logo rechts: unabhängig davon, ob es direktes Kind ist */
  #footer .inside .footer-row img.footer-sponsor{
    position: static !important;
    float: none !important;

    margin-left: auto !important;       /* ganz nach rechts */
    flex: 0 0 360px !important;          /* reservierter Platz */
    height: 100px !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
    display: block !important;
  }
}

/* grid13 auf Desktop neutralisieren (mod_article, Navigation, etc.) */
#main .mod_article.grid13,
#header .mod_navigation.grid13,
.grid13{
  float: none !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* FINAL: Header-Layout – Logo links, Navigation wirklich mittig */
#header .inside{
  display: grid !important;
  grid-template-columns: 260px 1fr 260px !important; /* Zahl anpassen */
  align-items: center !important;
}

/* Logo links in feste Spalte */
#header #logo{
  grid-column: 1 !important;
  width: 260px !important;
}

/* Navigation in Mittelspalte (Float/Breite aus acp_menu.css aushebeln) */
#header nav.mod_navigation{
  grid-column: 2 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  text-align: center !important;
}

#header nav.mod_navigation ul.level_1{
  display: flex !important;
  width: max-content !important;
  margin: 0 auto !important;          /* zentriert die ganze Liste */
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Mobile: Navigation wieder untereinander stapeln */
@media (max-width: 767px){
  #header nav.mod_navigation ul.level_1{
    width: 100% !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  #header nav.mod_navigation ul.level_1 > li > a{
    display: block !important;
    padding: 10px 0 !important;
    text-align: center !important;
  }
}