/*
 Theme Name:     DigElite Child Theme DIVI
 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.1.0
*/


/* Deine vorherigen CSS-Anpassungen hier */


/* In diesem Abschnitt werden versteckte Abschnitte auf den Seiten definiert und gestaltet. 
Jeder Abschnitt hat eine eindeutige ID, wie "#verstecken1", "#verstecken2", usw. 
Diese Abschnitte sind standardmäßig ausgeblendet (display: none), aber sie können durch 
Klicken auf entsprechende Buttons geöffnet werden. Die Pseudo-Elemente :after werden verwendet, 
um den Buttons Text hinzuzufügen, wenn sie geöffnet oder geschlossen sind. */
#verstecken1 {display: none; }
.btn_verstecken1.closed:after {content:""}
.btn_verstecken1.opened:after {content:""}

#verstecken2 {display: none; }
.btn_verstecken2.closed:after {content:""}
.btn_verstecken2.opened:after {content:""}

#verstecken3 {display: none; }
.btn_verstecken3.closed:after {content:""}
.btn_verstecken3.opened:after {content:""}

#verstecken4 {display: none; }
.btn_verstecken4.closed:after {content:""}
.btn_verstecken4.opened:after {content:""}

#verstecken5 {display: none; }
.btn_verstecken5.closed:after {content:""}
.btn_verstecken5.opened:after {content:""}

#verstecken6 {display: none; }
.btn_verstecken6.closed:after {content:""}
.btn_verstecken6.opened:after {content:""}

#verstecken7 {display: none; }
.btn_verstecken7.closed:after {content:""}
.btn_verstecken7.opened:after {content:""}

#verstecken8 {display: block; }
.btn_verstecken8.closed:after {content:""}
.btn_verstecken8.opened:after {content:""}

#verstecken9 {display: block; }
.btn_verstecken9.closed:after {content:""}
.btn_verstecken9.opened:after {content:""}

#verstecken10 {display: block; }
.btn_verstecken10.closed:after {content:""}
.btn_verstecken10.opened:after {content:""}



/*----- Start Änderungen in der Menüansicht----------*/

/* Dieser Code ändert das Verhalten der mobilen Menüleiste. Wenn das mobile Menü geöffnet ist, 
wird ein "M" angezeigt, und die Menüleiste wird um 90 Grad gedreht. */
.mobile_menu_bar::before {
    display: block;
    transition: all .4s ease;
}
.mobile_nav.opened .mobile_menu_bar::before {
    content: "M";
    transform: rotate(90deg);
}


/* Hier wird ein Problem mit der Überlappung im Divi Theme Builder behoben, 
indem der linken Rand des mobilen Navigationsmenüs um 50px verschoben wird. */

.et_mobile_nav_menu {
margin-left:50px !important;
}

/* Dieser Code behebt ein ähnliches Überlappungsproblem im Divi Customizer. */

#et_mobile_nav_menu {
margin-left:50px;
}

/* Dieser Abschnitt passt das Erscheinungsbild des mobilen Suchfelds an, um den 
Hintergrund auf weiß (#fff) zu setzen, wenn die Bildschirmbreite 980px oder weniger beträgt. */

@media (max-width: 980px) {
#main-header .et-search-field {
background-color:#fff;
}
}

/* Hier wird die obere Linie im mobilen Menü entfernt. */

.et_mobile_menu {
border-top:0;
}

/* Dieser Code zentriert die Einträge im mobilen Menü und entfernt 
den linken Innenabstand (padding) für die Untermenüs. */

.et_mobile_menu li {
text-align: left !important;
}

.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:10px !important;

}

/* Hier wird das mobile Menü auf die volle Bildschirmbreite 
ausgebreitet und um -10vw nach links verschoben. */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Dieser Abschnitt sorgt dafür, dass das mobile Menü die volle Höhe des 
Bildschirms einnimmt und den oberen Abstand von 50px beibehält. 
Es wird auch die volle Höhe für das HTML-Element festgelegt. */
.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}

html {
height: -webkit-fill-available;
}

/* Hier wird die Animation für das Öffnen des mobilen Menüs entfernt, 
um Verzögerungen zu verhindern. */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/*Die Schriftgröße für Textlinks im mobilen Menü wird auf 18px festgelegt.*/
.et_mobile_menu li a {
font-size: 18px!important;
}


/* Füge einen Pfeil hinzu, um anzuzeigen, dass das Untermenü geöffnet werden kann */
.menu-item-has-children > a:after {
    content: '\25B8'; /* Pfeil nach rechts Unicode-Code */
    float: right;
    margin-top: 2px;
}

/* Ändere den Pfeil, wenn das Untermenü geöffnet ist */
.menu-item-has-children > a.open:after {
    content: '\25BE'; /* Pfeil nach unten Unicode-Code */
}



/*----- 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; 
}



/* Grüße 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;
}