/*
Theme Name: die onliner Divi Child
Theme URI: https://dieonliner.de
Description: Divi Child Theme | die onliner
Author: marc borgardt | die onliner
Author URI: https://dieonliner.de
Template: Divi
Version: 1.0.0
Text Domain: divi-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* Optimiertes Styling für Footer-Menü – Desktop: linksbündig, Mobil & Tablet: zentriert untereinander */

/* === Basislayout für das Footer-Menü === */
.mein-footer-menue .et_pb_menu__menu {
  display: block !important;
}

.mein-footer-menue .et-menu {
  display: flex !important;
  flex-direction: column !important;
  padding: 0;
  margin: 0;
  align-items: flex-start !important;   /* Desktop: linksbündig */
  justify-content: flex-start !important;
}

.mein-footer-menue .et-menu > li {
  margin-bottom: 10px;
  width: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mein-footer-menue .et-menu > li > a {
  text-decoration: underline !important;
  display: inline-block;
  white-space: nowrap;
  text-align: left;
}

/* === Burger-Menü im Footer deaktivieren === */
.mein-footer-menue .et_mobile_nav_menu {
  display: none !important;
}

/* === Tablet + Smartphone (max-width: 980px): Menüblöcke untereinander, zentriert === */
@media (max-width: 980px) {
  /* Footer-Spalten untereinander statt nebeneinander */
  .et_pb_section .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    text-align: center !important;
	margin-right: 0 !important;
  }

  .et_pb_section .et_pb_row {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Zentrierung Menü-Links */
  .mein-footer-menue .et_pb_menu__menu {
    text-align: center !important;
  }

  .mein-footer-menue .et-menu {
    align-items: center !important;
    justify-content: center !important;
  }

  .mein-footer-menue .et-menu > li {
    width: 100%;
    text-align: center !important;
  }

  .mein-footer-menue .et-menu > li > a {
    text-align: center !important;
    margin: 0 auto;
    padding: 5px 0 !important; /* nur vertikales Padding für Touch-Ziel */
  }
}

@media (max-width: 980px) {
  footer.et-l--footer .et_pb_column {
    margin-bottom: 25px !important;
  }

  footer.et-l--footer .et_pb_column:last-child {
    margin-bottom: 0 !important;
  }
}