/*
 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.2
*/

/* 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: 400;
    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;
  }
  
  /* mögliche Animationen */ 
  .my-animation {
      display: inline-block;
      animation: rightleft 5s infinite ease-in-out;
      margin-left: 0;
      margin-top: 0;
  }
  
  @keyframes rightleft {
      from { transform: translate(-15px, 0); }
      50%  { transform: translate(15px, 0); }
      to   { transform: translate(-15px, 0); }    
  }