/*
 Theme Name:     Anders Agency
 Description:    Child Theme for Divi by Anders Agency
 Author:         Anders Agency
 Author URI:     www.anders-agency.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/* Menu Desktop
------------------------------------------------------- */
.et_pb_menu ul li>a:hover{
    text-underline-offset: 0.3em; /* Abstand zum Text definieren */
}

.et_mobile_menu{
	margin-top:10px;
}

/* Menu CTA
------------------------------------------------------- */
@media (min-width: 767px) {
    /* Flexbox display for blurb content */
    #pa-vertical-align-blurb .et_pb_blurb_content {
        display: flex !important;
        flex-direction: row;
		gap: 0px;
    }
    
    /* Flexbox display for blurb container */
    #pa-vertical-align-blurb .et_pb_blurb_container {
        display: flex!important;
        justify-content: center; /* Center align blurb container horizontally */
        flex-direction: column; /* Arrange blurb container content in a column */
    }
    
    /* Flexbox display for main blurb image */
    .et-db #et-boc .et-l #pa-vertical-align-blurb .et_pb_main_blurb_image {
        display: flex;
        width: auto!important; /* Ensure blurb image width adjusts automatically */
        margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
    }
}

@media (min-width: 981px) and (max-width: 1334px) {
	
	.metzger_mene_cta .et_pb_main_blurb_image {
		display:none !important;
	}
	
	.metzger_cta_tisch, .metzger_cta_zimmer {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}