/*
Theme Name: Divi 5 Child-Theme
Description: Divi Childtheme
Author: Christine Singer
Author URI: https://premium-branding.de/
Template: Divi
Version: 1.0
Tags:
*/
/*Füge deinen Code unter dieser Zeile ein. Nutze ggf. !important, um Styles aus dem Haupttheme zu überschreiben.*/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 30px 30px 90px !important;
    float: none !important;
}
}

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



/* === Menü-Hover: orange Hinterlegung (Divi 5) === */


#top-menu li a,
.et_pb_menu__menu > nav > ul > li > a {
    transition: background-color 0.25s ease, color 0.25s ease;
    padding: 4px 12px !important;   /* oben/unten klein = Fläche hugt den Text */
	margin-bottom: 30px; 
    line-height: 1.4 !important;    /* hält die Höhe kompakt */
    border-radius: 1px;
    display: inline-block;          /* damit Padding sauber greift */
}


#top-menu li a:hover,
.et_pb_menu__menu > nav > ul > li > a:hover {
    background-color: #c64717 !important;
    color: #ffffff !important;
}


/* === Menü: orange Hinterlegung um den Text (Hover + aktiver Link) === */

#top-menu li a,
.et_pb_menu__menu > nav > ul > li > a {
    transition: background-color 0.25s ease, color 0.25s ease;
    padding: 4px 12px !important;
    line-height: 1.4 !important;
    border-radius: 1px;
    display: inline-block;
}

/* Hover UND aktiver Menüpunkt */
#top-menu li a:hover,
#top-menu li.current-menu-item > a,
.et_pb_menu__menu > nav > ul > li > a:hover,
.et_pb_menu__menu > nav > ul > li.current-menu-item > a {
    background-color: #c64717 !important;
    color: #ffffff !important;
}
@media (max-width: 981px) /* an deinen Mobile-Breakpoint anpassen */ {
  .et_mobile_menu {
    border-top: 1.5px solid #dddcdb !important;
  }
}
@media (max-width: 981px) {
    #mobile_menu li a,
    .et_pb_menu__mobile-menu li a {
        transition: background-color 0.25s ease, color 0.25s ease;
        padding: 4px 12px !important;
		margin-bottom: 10px !important; 
        line-height: 1.4 !important;
		font-size:16px;
		text-transform: uppercase; 
		font-weight:400;
        border-radius: 1px;
        display: inline-block;
    }

    #mobile_menu li a:hover,
    #mobile_menu li.current-menu-item > a,
    .et_pb_menu__mobile-menu li a:hover,
    .et_pb_menu__mobile-menu li.current-menu-item > a {
        background-color: #c64717 !important;
        color: #ffffff !important;
    }

    #mobile_menu li a:active,
    .et_pb_menu__mobile-menu li a:active {
        background-color: #c64717 !important;
        color: #ffffff !important;
    }
}




h1, h2, h3, h4, h5, h6, p {
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}