/*
 Theme Name:     DigElite Child Theme DIVI Abnehmen im Liegen
 Theme URI:      https://Digelite.de
 Description:    Divi Child Theme zur Ergänzung eine Basis Webseite, das Theme ergänzt, den DigElite Support im Backend, die AAktionsbereich im Backend, Erweiterungen zu Barrierefreiheit und Grundsätzliche Anpassungen im CSS und functions.php
 Author:         Philipp Herrmann
 Author URI:     https://digelite.de
 Template:       Divi
 Version:        2.0 
*/
/* Deine vorherigen CSS-Anpassungen hier */
/* code für versdteckte elemente in vortlaufender Zahlenreihenfolge */
[class^="btn_verstecken"].closed:after {content:""}
[class^="btn_verstecken"].opened:after {content:""}

[id^="verstecken"] {display: none;}


/*----- Start Änderungen in der Menüansicht----------*/
.mobile_menu_bar::before {
    display: block;
    transition: all .4s ease;
    content: "☰"; /* Standard-Symbol für das mobile Menü */
    font-size: 30px;
    color: #fff;
    transform-origin: center; /* Ändern Sie den Ursprung der Transformation auf das Zentrum */
    text-align: left; /* Links ausgerichtet */
}
.mobile_nav.opened .mobile_menu_bar::before {
    content: "✕"; /* Ändern Sie das Symbol zu "X", wenn das mobile Menü geöffnet ist */
}
.et_mobile_nav_menu {
    margin-left: 50px !important;
    text-align: left; /* Links ausgerichtet */
}
#et_mobile_nav_menu {
    margin-left: 50px;
    text-align: left; /* Links ausgerichtet */
}
@media (max-width: 980px) {
    #main-header .et-search-field {
        background-color: #fff;
    }
}
.et_mobile_menu {
    display: none; /* Ausblenden des mobilen Menüs standardmäßig */
    border-top: 0;
    text-align: center;
    min-width: 100vw;
    margin-left: -10vw;
    min-height: 100vh !important;
    padding-top: 50px !important;
}
.mobile_nav.opened .et_mobile_menu {
    display: block !important; /* Nur anzeigen, wenn das mobile Menü geöffnet ist */
}
.et_mobile_menu li a {
    font-size: 16px !important;
    letter-spacing: 2px;
    padding-bottom: 6%;
    text-align: left; /* Links ausgerichtet */
}
/*----- Ende Änderungen in der Menüansicht----------*/
/* Hier wird der horizontale Scrollbalken auf der Seite deaktiviert, 
um ein seitliches Scrollen zu verhindern. */
#page-container { 
overflow:hidden; 
}
/* Kreuz des in der Barrierefreihelt zum schließen den popup */ 
#mdp-readabler-popup #mdp-readabler-popup-close {
    background: 0 0;
    border: 0;
    padding: 10px;
    margin-right: 32px;
    font-size: 30px;
}
#mdp-readabler-close-statement-btn
{
    font-size: 30px;
}
#et-top-navigation {
    font-weight: 900;
    font-size: 20px !important;
    filter: none;
}
.el-dialog__headerbtn {
    position: relative !important;
    top: calc(5% + 20px) !important;
    left: 90% !important;
    padding: 8px !important;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 25px !important;
    background-color: #fff !important;
    border-radius: 100px;
      margin-bottom: 5px !important;
  } 
  #mdp-readabler-popup #mdp-readabler-popup-close,
  #mdp-readabler-close-statement-btn {
      background: 0 0;
      border: 0;
      padding: 10px;
      margin-right: 32px;
      font-size: 30px;
  }
  /* In diesem Teil der CSS-Dokumentation werden spezifische Anpassungen für WooCommerce-Buttons und 
Preisauszeichnungen in der Amelia-Schrittbuchung beschrieben. Die WooCommerce-Buttons erhalten eine 
angepasste Hintergrundfarbe, Rahmenfarbe und Textfarbe. Die Preisauszeichnung in der Amelia-Schrittbuchung 
erhält eine spezielle Schriftgröße, Schriftgewicht, Ausrichtung und Hintergrundgestaltung. Außerdem wird 
die Textfarbe auf Schwarz (#000000) gesetzt.
Der letzte Abschnitt beschäftigt sich mit Anpassungen für den Amelia-Kategorieninhalt und stellt sicher, 
dass dieser flexibel und gut angezeigt wird.
Dies sollte eine umfassende Dokumentation des bereitgestellten CSS-Codes sein, die die verschiedenen 
Anpassungen und deren Zweck verständlich erklärt. */
/* Anpassungen für Woocommerce-Buttons */
.woocommerce-page a.button.alt {
    background-color: #ffffff !important;
    border-color: #6f4494;
    color: #6f4494 !important; /* Schriftfarbe hinzugefügt */
}
/* Butten in Woocommerce anpassen */
.woocommerce-page button.button
{
    background-color: #ffffff !important;
    border-color: #6f4494;
    color: #6f4494 !important; /* Schriftfarbe hinzugefügt */
}
/* Preisauszeichnung in der Amelia Schrittbuchung */
.am-fs__package-item>div:nth-child(2)>p {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1;
    text-align: center;
    border-radius: 24px;
    padding: 5px 8px;
    margin: 0;
	color: #000000 !important;
}
/* Anpassungen für Amelia Kategorieninhalt */
.am-cat__content {
    display: flex;
    flex-wrap: wrap;
}


/* Amelia X in popup versetzen */
.amelia-v2-booking #amelia-container.am-fs__wrapper {
    display: flex;
    justify-content: center;
    max-width: var(--am-mw-main);
    width: 100%;
    height: 560px;
    margin: 0px auto !important;
    border-radius: 8px;
    box-shadow: 0 30px 40px #0000001f;
    transition: max-width .3s ease-in-out;
  }
  .amelia-v2-booking.amelia-v2-booking-dialog .el-dialog__header{
    padding: 0;
    position: absolute;
    top: 20px; /* Positioniert das Element oben */
    right: 30px; /* Positioniert das Element rechts */ 
  }