/*
 Theme Name:     Divi Child-Theme
 Theme URI:      https://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Atilla Özcelik
 Author URI:     https://www.atiart.de
 Template:       Divi
 Version:        1.0.1
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
#mobile_menu1{background-color:#000 !important}
.cta-menu-item{
               overflow:hidden;
               border-radius:20px;
               background:red;
               padding:0 20px !important;
               margin:0 !important;
               position:relative;
               height: 40px;
                top:15px;
               }
.cta-menu-item a{position:relative;top:12px}


.cta-menu-item a {overflow: hidden; /* Verhindert Überlauf von Pseudo-Element */}

.cta-menu-item::before {
    content: '';
    position: absolute;
 
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    transition: left 0.5s ease-in-out;
}

.cta-menu-item:hover::before {
    left: 100%;
}

#et-info{margin:0 auto;width: 330px;display: block; float:right}





/* Mobile Optimization */
@media (max-width: 767px) {
    .cta-menu-item {
        padding: 0 15px !important; /* Reduziere Padding für kleinere Bildschirme */
        height: 35px; /* Höhe leicht reduzieren */
        top: 10px; /* Position anpassen */
        border-radius: 15px; /* Border-Radius für kleinere Bildschirme anpassen */
        display: flex; /* Flexbox für zentrierte Ausrichtung */
        align-items: center; /* Vertikale Zentrierung des Inhalts */
        justify-content: center; /* Horizontale Zentrierung des Textes */
    }

    .cta-menu-item a {
        top: 0; /* Entferne den top-Wert, um den Text vollständig zu zentrieren */
        font-size: 14px; /* Optionale Anpassung der Schriftgröße für kleinere Bildschirme */
        text-align: center; /* Sicherstellen, dass der Text zentriert ist */
        width: 100%; /* Der Link nimmt die gesamte Breite des Containers ein */
    }
	
	    .et_header_style_left #logo {
        max-width: 100%;
    }
	
.et_pb_text_0_tb_footer.et_pb_text, .et_pb_text_1_tb_footer.et_pb_text, .et_pb_menu_0_tb_footer.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_0_tb_footer.et_pb_menu .nav li ul.sub-menu li.current-menu-item a, .et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_menu a {
    color: #000 !important;
}	
}