/* Achtung: bei kleineren Geräten stört die Navigation, nur auf großenm Desktop anzeigen  */
@media screen and (min-width: 1440px) {
	
:root {
    --header-height: 56px;
    --nav-width: 0px;
    --nav-open-padding: 268px;
}
	
/* Im Desktop im Status sidebarInitialState, wird der Button zum Ausfahren der Sidebar um 180° gedreht (einfahren) da die Sidebar ja ausgeklappt ist*/
#sidebarCollapseIcon.sidebarInitialState {
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transform: rotate(180.0deg);
}
/* Im Desktop  wenn wir nicht im Status sidebarInitialState sind, wird der Button zum Ausfahren der Sidebar normal angezeigt (ausfahren) da die Sidebar ja eingeklappt ist*/
#sidebarCollapseIcon:not(.sidebarInitialState) {
	-moz-transform: none;
    -webkit-transform: none;
    transform: none;
    -o-transform: none;
}

/* Im Desktop im Status sidebarInitialState, den Burger-Button zum Ausfahren der Sidebar verstecken */
/* #burgerMenuBtn > i#openMenuIcon.sidebarInitialState{ */
/* 	display: none; */
/* } */
/* Im Desktop im Status sidebarInitialState, den X-Button zum einklappen der Sidebar anzeigen */
#burgerMenuBtn > i#closeMenuIcon.sidebarInitialState{
	display: inline-block;
}
/* Im Desktop im Status sidebarInitialState, ist die Sidebar ausgefahren, daher berechnen wir hier die Width*/
.navbar-left.sidebarInitialState {
	width: calc(var(--nav-width) + var(--nav-open-padding));
}

/* Im Desktop, vergrößern und verkleinern wir den body beim ein und ausfahren daher der sidebar, daher eine kleine transition
	Wenn wir nicht im sidebarInitialState sind, dann ist die Sidebar eingeklappt, d.h. das padding des Bodys ist recht klein*/
   body {
   	transition: 0.5s;
	padding-left: var(--nav-width);
   }
   /* Im Desktop im Status sidebarInitialState, ist die Sidebar ausgeklappt, d.h. das padding des Bodys muss größer werden */
   body.sidebarInitialState {
   	padding-left: calc(var(--nav-width) + var(--nav-open-padding));
   }
   
   /* Im Desktop, wenn die Sidebar eingeklappt ist, sollen die Buttons klein sein, da sonst die Popover zu weit rechts angezeigt werden */
  /* #nav-bar.navbar-left:not(.sidebarInitialState) .accordion-button.collapsed{
   	width: var(--nav-width);
   	transition: 1s;
   } */
   
   .header_img {
       width: 40px;
       height: 40px;
   }
   
   .header_img img {
       width: 45px;
   }
   
   .navbar-left {
   		width: var(--nav-width);
		left: 0;
		padding: 0.5rem 0 0 0;
   }
   
   #pageOverlay {
	display: none;
}

}