/*
 Theme Name:     Divi Child
 Theme URI:      https://allerhand.design
 Description:    Child Theme
 Author:         Thomas R. Jörger
 Author URI:     https://allerhand.design
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Menu Button */
/* Den Container (Listenpunkt) stylen */
.et_pb_menu .termin-button {
    display: flex !important;
    align-items: center !important;
	margin-top: -5px !important;
}

/* Den eigentlichen Button (Link) stylen */
.et_pb_menu .termin-button a {
    background-color: #e58b55 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 10px 20px !important; /* Etwas mehr Padding für Button-Look */
    border-radius: 50px !important;
    text-align: center !important;
    transition: all 0.3s ease; /* Sanfter Effekt beim Drüberfahren */
    line-height: 1.1em !important;
}

/* Hover-Effekt (optional, aber empfohlen) */
.et_pb_menu .termin-button a:hover {
    background-color: #d47a44 !important;
    opacity: 0.9;
}

/* Styling für Mobile und Tablet (Dropdown) */
@media (max-width: 980px) {
    
    /* Den Listenpunkt (Container) im Dropdown zentrieren */
    .et_pb_menu .termin-button {
        display: block !important;
        text-align: center !important;
        margin-left: 0 !important; /* Reset des Desktop-Margins */
        margin-top: 20px !important; /* Abstand zum Menüpunkt darüber */
        margin-bottom: 20px !important; /* Abstand nach unten */
        width: 100% !important;
    }

    /* Den Button-Link innerhalb des Dropdowns anpassen */
    .et_pb_menu .termin-button a {
        display: inline-block !important; /* Damit der Hintergrund nicht die volle Breite spannt */
        width: auto !important;
        padding: 12px 30px !important; /* Etwas griffiger für Touch-Bedienung */
        box-sizing: border-box;
    }
}