.navbar-toggler{
  background-color: black;
		border: none;
	border-radius:0px;
    box-shadow: none;
    outline: none;
  }

  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler:focus-visible{
    box-shadow: none;
    outline: none;
  }
			
			.navbar {
		font-size: 1.1em;
    	letter-spacing: -0.5px;
		padding:0px;
	margin:0px;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

  .navbar-toggler,
  .navbar-toggler-icon{
    opacity: 1;
    filter: none;
  }
			

  .navbar-toggler-icon{
    width: 2.1em;
  height: 2em;
  }

/* nur wenn offen */
.navbar-toggler[aria-expanded="true"] {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2.5' stroke-linecap='round' d='M6 6L24 24M24 6L6 24'/%3E%3C/svg%3E");
}

/* wenn zu: explizit wieder Hamburger setzen (wichtig!) */
.navbar-toggler[aria-expanded="false"] {
  --bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");
}
			

			
			
			
/* =========================================================
   SIDEBAR – ALLGEMEIN
   ========================================================= */

#sidebarNavAccordion .nav-link{
  width: 100%;                  /* wichtig gegen Bootstrap */
  text-align: right !important; /* zwingend rechts */
}

#sidebarNavAccordion > .active {
font-weight: 600;
}

/* =========================================================
   LEVEL 1 – LAYOUT & TEXT
   ========================================================= */

#sidebarNavAccordion .nav-level-1 > .nav-link{
  display: flex;
  justify-content: flex-end;    /* Inhalt nach rechts */
  align-items: center;
  gap: .5rem;

  color: #000;
  transition: color .15s ease;
}

/* Textblock explizit rechts */
#sidebarNavAccordion .nav-level-1 > .nav-link span:first-child{
  text-align: right;
  margin-left: auto;            /* drückt Text + Quadrat nach rechts */
}

/* =========================================================
   QUADRAT – IMMER GEFÜLLT
   ========================================================= */

#sidebarNavAccordion .nav-level-1 > .nav-link .chev{
  width: .65rem;
  height: .65rem;
  flex-shrink: 0;

  background-color: #aaa;       /* grau */
  transition: background-color .15s ease;
}

/* =========================================================
   HOVER / AKTIV / OFFEN
   ========================================================= */

#sidebarNavAccordion .nav-level-1 > .nav-link:hover,
#sidebarNavAccordion .nav-level-1 > .nav-link.active,
#sidebarNavAccordion .nav-level-1 > .nav-link[aria-expanded="true"]{
  color: var(--navc, #000) !important;
}

#sidebarNavAccordion .nav-level-1 > .nav-link:hover .chev,
#sidebarNavAccordion .nav-level-1 > .nav-link.active .chev,
#sidebarNavAccordion .nav-level-1 > .nav-link[aria-expanded="true"] .chev{
  background-color: var(--navc, #000);
}

/* =========================================================
   INDIVIDUELLE FARBEN LEVEL 1
   ========================================================= */

#sidebarNavAccordion .nav-id-2{ --navc: #e2001a; }
#sidebarNavAccordion .nav-id-3{ --navc: #f08a00; }
#sidebarNavAccordion .nav-id-4{ --navc: #99ca3c; }
#sidebarNavAccordion .nav-id-5{ --navc: #0071bc; }
#sidebarNavAccordion .nav-id-6{ --navc: #99ca3c; }
#sidebarNavAccordion .nav-id-7{ --navc: #009ee0; }
#sidebarNavAccordion .nav-id-8{ --navc: #ffcc00; }
#sidebarNavAccordion .nav-id-9{ --navc: #000; }
#sidebarNavAccordion .nav-id-10{ --navc: #0071bc; }
#sidebarNavAccordion .nav-id-14{ --navc: #e2007a; }
#sidebarNavAccordion .nav-id-15{ --navc: #f08a00; }


/* =========================
   LEVEL 2 – RECHTSBÜNDIG (FINAL)
   ========================= */

#sidebarNavAccordion li.nav-level-2 > a.nav-link{
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;  /* Text nach rechts */
  text-align: right !important;

  padding-left: 0 !important;            /* Bootstrap links raus */
  padding-right: 1rem !important;        /* rechter Einzug */
}

/* Falls ein Theme/Editor noch irgendwas in Kind-Elemente packt */
#sidebarNavAccordion li.nav-level-2 > a.nav-link *{
  text-align: right !important;
}
			
#sidebarNavAccordion li.nav-level-2 > a.nav-link{ padding-right: 1.5rem !important; }



			
			
/* =========================================================
   LEVEL 2 – RECHTS, OHNE LINIE, FARBE VON LEVEL 1
   ========================================================= */

#sidebarNavAccordion li.nav-level-2 > a.nav-link{
  width: 100% !important;
  display: block !important;

  text-align: right !important;     /* RECHTS */
  padding-left: 0 !important;
  padding-right: 1rem !important;   /* rechter Einzug */

  color: var(--navc, #000) !important; /* Farbe von Level 1 */
  background: none !important;         /* keine Linie / kein BG */
}

/* Hover: nur Text (kein Hintergrund) */
#sidebarNavAccordion li.nav-level-2 > a.nav-link:hover{
  background: none !important;
  text-decoration: underline;          /* optional */
}

#sidebarNavAccordion li.nav-level-2 > a.nav-link:hover{
  color: #000 !important;          /* schwarz */
  background: none !important;     /* kein Hover-Hintergrund */
  text-decoration: none !important;/* keine Linie */
}

/* =========================================================
   UL IN #mainNav RECHTS POSITIONIEREN
   ========================================================= */

#mainNav .navbar-nav{
  margin-left: auto !important;   /* Bootstrap-Standardlösung */
  margin-right: 0 !important;
}