.navbar{
  --navbar-toggler-font-size: 2rem;
  margin-top: 0.5em !important;
}

.table-fahrzeug table{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 20px 0;
}
.table-fahrzeug td{
  text-align: left;
  padding: 10px;
  border: none;
  border-top: 1px solid #ddd;
  vertical-align: top;
}
ul{
  padding-left: 50px;
}
h5{
  text-align: left;
}
h1{
  text-align: center;
}
body{
  background-color: #bfbfbf;

}
.item-content, .container-component{
  background-color: #ffffff;
  padding: 0px 10px;
  border-radius: 5px;
}
.blog-items[class^=columns-]>div, .blog-items[class*=\ columns-]>div{
  border-style: solid;
  border-color: lightgrey;
  border-radius: 5px;
  border-width: 1px;
}

.container-sidebar-right .sidebar-right:first-child {
    margin-top: 0em !important;
}

a:link {
  text-decoration: none;
  color: #d53b37;
}
a:hover {
  text-decoration: underline;
  color: #d53b37;
}
a:active {
  text-decoration: none;
  color: #d53b37;
}
a:visited {
  text-decoration: none;
  color: #d53b37;
}
.mod-footer {
	margin: 0 auto;
}

:root {
  --cassiopeia-color-primary: #2f2e2e;
  --cassiopeia-color-hover: #2f2e2e;
}

.container-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "top below"
                       "nav logo";
}
.container-header .container-topbar {
  padding: .2em;
}
.container-header .container-topbar {
  grid-area: top;
}
.container-header .container-below-top {
  grid-area: below;
  justify-content: flex-end;
}
.container-header .grid-child:has(.navbar-brand) {
  grid-area: logo;
}
.container-header .container-nav {
  grid-area: nav;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon,
.navbar-toggler-icon:focus,
.navbar-toggler-icon:active{
    outline: none;
    border: none !important;
    box-shadow: none;
}
.container-header .navbar-brand {
  margin-left: auto; 
  margin-right: 0;
}
@media (width >= 991.98px) {
  .container-header {
   grid-template-columns:
    [full-start] minmax(0,1fr)
    [main-start] repeat(12,minmax(0,4.875rem))
    [main-end] minmax(0,1fr)[full-end];
   grid-template-areas: ". logo nav nav nav nav nav nav nav nav nav nav nav .";
   gap: 0 1rem;
  }
  .container-header:has(.container-below-top, .container-topbar) {
   grid-template-areas: ". top top below below ."
                        ". logo nav nav nav .";
  }

  li.metismenu-item>button{
    padding: 10px;
    z-index: 4;
  }
  
  
  li.metismenu-item>a{
    padding: 10px;
    z-index: 4;
  }
  
  li.metismenu-item.level-1::after{
   	content:'' !important;
	position: absolute !important;
	top:0 !important;
	left:0 !important;
	right: 0 !important;
	bottom: 0 !important;
    background: rgb(213,59,55) !important;
    background: linear-gradient(180deg, rgba(65,0,0,1) 0%, rgba(213,59,55,1) 25%) !important;
	transform:skew(-45deg) !important;
    z-index: 0 !important;
    height: 40px !important;
    opacity: 1 !important;
  }
  
  .container-header .mod-menu>li+li {
    margin-left: .4em;
  }
  .container-header .metismenu>li.level-1>ul {
    min-width: 14rem;
  }

  .metismenu.mod-menu .mm-collapse{
    background: #d53b37;
  }

  .metismenu-item.level-2{
    padding-top: 0px !important;
    padding-bottom: 0px !important;

  }
  .metismenu-item.level-2>a{
    text-decoration: none;
    color: white !important;
  }
  .metismenu-item.level-2>a:hover{
    color: white !important;
  }
  
    .metismenu-item.level-3{
    padding-top: 0px !important;
    padding-bottom: 15px !important;
    font-size: 0.9rem !important;
    
  }
  .metismenu-item.level-3>a{
    text-decoration: none;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: white !important;
  }
  .metismenu-item.level-3>a:hover{
    color: white !important;
  }
  li.active{
  color: black;
}
  .container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {

    height: 3px;
    transform:skew(-45deg);
    opacity: 1;
    margin-right: 3px;
    margin-bottom: 0px;
}
  
}