/*
 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;
  }
}

/*==== Start Underline Fade ====*/

.pa-underline-fade nav ul li a {
   position: relative;
}

.pa-underline-fade nav ul li a::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 100%;
   background-color: #02703B;
   z-index: 2;
   opacity: 0;
   display: block;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   -o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.pa-underline-fade nav ul li a:hover::before {
   opacity: 1;
}


/*==== End Underline Fade ====*/

.mfp-counter {
	Display: None !important;
}


.mfp-title {
	Display: None !important;
}

.et_pb_gallery .et_pb_gallery_pagination {
    border-top: 0px solid #e2e2e2 !important;
}

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

/* 4) Pfeil in Sub/Sub-Sub ausblenden */
.et-menu li li.menu-item-has-children > a:after {
  display: none !important;
}