/*
 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;
    }
}
/* Verhindert das Flackern des Menüs beim Laden */
html.fouc-fix body {
    opacity: 0;
}

/* 1. Standard-Zustand des Links */
.et_pb_menu ul.nav li a {
    position: relative;
    text-decoration: none;
    transition: text-shadow 0.3s ease; /* Sanfter Übergang für den "Fett"-Effekt */
}

/* 1. Standard-Zustand des Links (außer beim letzten Element) */
.et_pb_menu ul.nav li:not(:last-child) a {
    position: relative;
    text-decoration: none;
    transition: text-shadow 0.3s ease;
}

/* 2. Der Unterstrich (wird nur bei allen Elementen AUẞER dem letzten angewendet) */
.et_pb_menu ul.nav li:not(:last-child) a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 25%;
    width: 50%;
    height: 2px;
    background-color: #e58b55;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    transform-origin: center;
}

/* 3. Hover-Zustand (nur für Nicht-Buttons) */
.et_pb_menu ul.nav li:not(:last-child) a:hover::after {
    transform: scaleX(1);
}
.et_pb_menu ul.nav li:not(:last-child) a:hover {
    text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor;
}

/* 4. Aktiver Zustand (nur für Nicht-Buttons) */
.et_pb_menu ul.nav li:not(:last-child).current-menu-item > a::after,
.et_pb_menu ul.nav li:not(:last-child).current_page_item > a::after {
    transform: scaleX(1);
}
.et_pb_menu ul.nav li:not(:last-child).current-menu-item > a,
.et_pb_menu ul.nav li:not(:last-child).current_page_item > a {
    text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor;
}