/* --- BASIS FORMATIERUNG --- */
a, a:hover, a:focus, a:active {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: all 0.3s;
}
a:hover { color:#c00000!important; }
a:active{
  /*pointer-events: none;  Klicks deaktivieren */
  /*cursor: default;      Standard-Cursor statt Hand */
  opacity: 0.5;         /* Link leicht transparent machen */
  text-decoration: none;/* Optional: Unterstreichung entfernen */  
}
.mm-navbar { opacity:1; }
.mm-navbar__title { 
pointer-events: none; /* Klicks deaktivieren */
  cursor: default;      /* Standard-Cursor statt Hand */
  opacity: 0;         /* Link leicht transparent machen */
  text-decoration: none;/* Optional: Unterstreichung entfernen */
}
.mm-menu.mm-offcanvas { display:inline; }

/* Platz für Sidebar schaffen */
.mm-wrapper .mm-slideout { 
    margin-left:52px;
    width: calc(100% - 52px);
    
}
.mm-wrapper--opened .mm-slideout { margin-left:0px !important; }

/* Listen-Styling */
.mm-listview li::before { display:none; }
.mm-listview span::before, .mm-listview a::before {
    top:2px;
    padding-top:2px;
    padding-bottom:6px;
    padding-right:10px;
    font-size:1.6em;
}
.mm-listview>li>a, .mm-listview>li>span { color:#9e9e9e !important; }
.mm-listview>li>a:hover, .mm-listview .active { color:#c00000 !important; }
.mm-listitem .mm-btn--next { color:#ffffff !important; }
.mm-listitem__text { padding-left:12px; }
.mm-listview .active:hover {
    color:#ffffff !important;
}
/* --- 1. DER BUTTON-FIX (Kein Sprung beim Laden) --- */
.mmbt {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    /* Wir nutzen nur left für die Position, damit transform frei für das X bleibt */
    transform: none !important; 
    transition: left 0.4s ease;
    height: 100vh;
}

/* Button wandert beim Öffnen mit */
.mm-wrapper--opened .mmbt {
    left: calc(100% - 52px) !important;
    z-index: 1!important;/* Hier den Wert deiner offenen Sidebar-Breite anpassen */
}
/*.mm-btn--prev {
    position: fixed !important;
    top: 8px !important;
    left: -58px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    height: 400px;
    z-index: 9;
}*/
    
    /*--- 2. ICON-KLICKBARKEIT & SCHLIESS-FIX --- */
.mm-wrapper__blocker {
    /*display: none !important;  Entfernt das Overlay über der Seite */
}

/* Klickbarkeit der Icons im schmalen Zustand 
.mm-panel--iconpanel-0 .mm-listitem__text {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 10;
}*/

/* --- 3. HAMBURGER ANIMATION (Das X) --- */
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    margin: 6px 0;
    background-color: #9e9e9e !important;
    transition: 0.4s;
}

.mmbt:hover .bar1, .mmbt:hover .bar2, .mmbt:hover .bar3 {
    background-color: #c00000!important;
    color: #c00000!important;
}

/* MENU OPEN TEXT */
.mmbt .bar2::after {
    content: "MENU OPEN";
    width: 120px;
    left: 30px;
    position: absolute;
    padding-left: 26px;
    top: 9px;
    color: #9e9e9e;
}

.mm-wrapper--opened .mmbt .bar2::after {
    opacity: 0;
}

/* Transformation zum X */
.mm-wrapper--opened .bar1 {
    background-color: #c00000!important;
    transform: rotate(-45deg) translate(-9px, 6px);
}
.mm-wrapper--opened .bar2 {
    opacity: 0;
}
.mm-wrapper--opened .bar3 {
    background-color: #c00000!important;
    transform: rotate(45deg) translate(-8px, -8px);
}

.mod_mmenu .active, .mod_mmenu .trail {
    background-color: #9e9e9e !important;
    color: #fff !important;
}
.mm-listitem:after {
inset-inline-start: 1px;
}
.mm-listitem--selected .mm-btn--next, .mm-listitem--selected .mm-btn--next:after{
border-color: #fff!important;
}
.mm-btn--prev{
width: 120px;
}
.mm-btn--prev:after {
    content:"Zurück";
    position: absolute!important;
    padding-left: 28px!important;
}