/*
Theme Name: ba-unternehmensgruppe
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

p a {text-decoration: underline !important;} 

.product-sorting {
    display: none !important;
}

.cart{
	display: none !important;
}

#vorteile {
	font-size: 13px !important;
	line-height: 16px!important;
}

.wpmem_restricted_msg{
	width: 80%;
	align-content: center;
}

.page-thumb{
	display: none !important;
}

/* Erzwingt die absolute Zentrierung im gesamten Lightbox-System */
.mfp-wrap.mfp-ready {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Spricht die neu angelegte Kombi-Klasse direkt an */
div.popup-zentrum {
    max-width: 550px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 40px 30px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0px 15px 40px rgba(0,0,0,0.4) !important;
    float: none !important;
    left: 0 !important;
    right: 0 !important;
}

/* Zentriert Text und Inhalt innerhalb dieser Klasse */
.popup-zentrum .template-page,
.popup-zentrum .entry-content-wrapper {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* Richtet das Enfold Button-Element sauber mittig aus */
.popup-zentrum .avia-button-wrap {
    margin: 20px auto 0 auto !important;
    float: none !important;
    display: inline-block !important;
}

/* Entfernt das Standard-Padding und die Breitenbeschränkung des Enfold-Containers im Popup */
.popup-zentrum .container.av-section-cont-open {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Entfernt zusätzliche Abstände der inneren Inhaltselemente */
.popup-zentrum .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 1. Das alte, äußere X komplett ausblenden */
.mfp-container > button.mfp-close {
    display: none !important;
}

/* 2. Das neue, interne X oben rechts in der Box fixieren */
.popup-zentrum {
    position: relative !important; /* Macht die Box zum Bezugspunkt für das X */
}

/* Das neue, interne X ganz an die äußere obere rechte Ecke setzen */
.mein-custom-close.mfp-close {
    position: absolute !important;
    top: -35px !important;               /* Geringer Abstand nach oben */
    right: -25px !important;             /* Geringer Abstand nach rechts */
    font-size: 32px !important;         /* Etwas kompakter für die Ecke */
    color: #333333 !important;
    cursor: pointer !important;
    width: 34px !important;
    height: 34px !important;
    line-height: 32px !important;
    background: transparent !important;
    opacity: 0.5 !important;
    transition: opacity 0.2s ease !important;
    z-index: 99999 !important;
}

/* Hover-Effekt für das Kreuz */
.mein-custom-close.mfp-close:hover {
    opacity: 0.9 !important;
}