/*
 Theme Name:     Webdesign Hofmann
 Theme URI:      http://www.webdesign-hofmann.de
 Description:    WH Divi Child-Theme
 Author:         Webdesign Hofmann
 Author URI:     https://webdesign-hofmann.de
 Template:       Divi
 Version:        1.0.0
*/


/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* Basis-Schriftart für die gesamte Seite */
body {
  font-family: 'Poppins', sans-serif;
}

/* Divider-Linie zwischen Content und Sidebar entfernen */
#main-content .container:before {
  background: none;
}

/* Sidebar ausblenden */
#sidebar {
  display: none;
}

/* Content-Bereich auf volle Breite erweitern */
@media (min-width: 981px) {
  #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
  }
}

/* Mindesthöhe für große Bildschirme */
@media (min-width: 1921px) {
  #main-content {
    min-height: 80vh !important;
  }
}

/* Menü-Links Hover-Zustand */
.et_pb_menu .et-menu ul li a:hover {
  opacity: 1 !important;
  color: currentColor !important;
}

/* Dropdown-Menü optimieren */
.et_pb_menu .et-menu ul {
  display: inline-block;
  min-width: max-content;
  white-space: nowrap;
  text-align: left;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Dropdown-Listen korrekt ausrichten */
.et_pb_menu .et-menu ul li {
  display: block;
  text-align: left;
  padding: 0 20px;
  width: 100%;
}

/* Links im Dropdown korrekt darstellen */
.et_pb_menu .et-menu ul li a {
  display: block;
  width: 100%;
}

/* Automatische Breite für Dropdown-Menüs */
@media (min-width: 981px) {
  .et_pb_menu .et_pb_menu__menu ul.sub-menu {
    width: fit-content !important;
    min-width: unset !important;
    display: flex;
    flex-direction: column;
  }

  .et_pb_menu .et_pb_menu__menu ul.sub-menu li {
    white-space: nowrap;
  }

  .et_pb_menu .et_pb_menu__menu ul.sub-menu li a {
    width: auto !important;
    padding-right: 20px;
    padding-left: 20px;
  }
}

h1, h2, h3, h4, h5, h6, p, span, li, a {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

.et_pb_toggle_close {
    padding: 10px !important;
}

p.et_pb_contact_field {

    margin-bottom: 20px !important;

}