html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

  body {
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(/images/2016_flugbuch/flugbuch_10.jpg) !important;
  background-color: #ffffff;
  font-size: 14px;
  color: #666666 !important;
  background: no-repeat fixed center center;
  background-size: auto;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

beforeheader .container-beforeheader {
  justify-content: end;
  margin-left: auto;
  margin-right: auto;
}

beforeheader .container-topbar {
  margin-top: 1em;
}

.container-topbar {
    display: flex;
}

.container-topbar search {
    margin-left: auto;
}

beforeheader .navbar-brand {
  width: 100%;
  padding: 0.5em;
  margin-top: 1em;
  background-color: #fff;
  border-radius: 4px  ;
}

beforeheader .navbar-brand .brand-logo {
  display: block;
  width: 100%;
}

beforeheader .navbar-brand .brand-logo img {
  width: 100%;
}

.container-header {
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
  z-index: 10;
  background-color: transparent;
  background-image: none;
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
}

.container-header .grid-child {
  padding: 0;
}

.container-header nav {
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  border-radius: 4px;
}

.container-header .navbar-toggler {
  color: #fff;
  background-color: #999;
}

.container-header .navbar-brand {
  color: #999;
  background-color: #fff;
  margin-top: 0;
  margin-left: 0.1em;
  margin-right: 0.1em;
  padding: 0.5em;
  width: 100%;
  border-radius: 4px;
}

.container-header .navbar-brand img {
  width: 100%;
}

nav.navbar {
  width: 100%;
}

nav.navbar div {
  background-color: #777;
  margin: 0 0.2em;
  border-radius: 4px;
}

.metismenu.mod-menu .metismenu-item.active > a, 
.metismenu.mod-menu .metismenu-item.active > button, 
.metismenu.mod-menu .metismenu-item > a:hover, 
.metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}

header.container-header ul.mod-menu.metismenu
{
  padding-left: 1em;
  border-radius: 4px;
}

.container-header .metismenu > li.level-1 > ul {
  min-width: 14rem;
  margin-left: 0;
}

.metismenu.mod-menu .metismenu-item {
  font-size: 0.9rem;
  line-height: 1.5;
}

.metismenu.mod-menu .mm-toggler::after {
  font-size: 0.7rem;
}

.container-header .metismenu > li > a::after, 
.container-header .metismenu > li > button::before {
  height: 0px;
}

.metismenu.mod-menu .metismenu-item {
  padding: 0;
}

.metismenu.mod-menu .metismenu-item a,
.metismenu.mod-menu .metismenu-item button 
{
  padding: .5em 1em;
  m argin-right: 0.5em;
}

ul.metismenu.mod-menu li.metismenu-item:has(> button) a {
  padding: 0 0 0 1em;
}

ul.metismenu.mod-menu li.metismenu-item:has(> a) > button {
  padding: .5em 1em .5em 0;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
  flex-basis: calc(100%);
  margin-top: 0;
  margin-bottom: 0em;
  width: 100%;
  padding-left: 0;
  background-color: #777;
}

ul.metismenu.mod-menu li.metismenu-item ul li a {
  padding: .5em 1em .5em 1em;
}

ul.metismenu.mod-menu li.metismenu-itema ul li a,
ul.metismenu.mod-menu li.metismenu-item:has(> button) a ul li a {
  padding: .5em 1em;
}

ul.metismenu.mod-menu li.metismenu-item ul li:has(> button) a {
  padding: .5em 0 .5em 1em;
}

.container-header ul.metismenu.mod-menu li.metismenu-item ul li ul li a {
  padding: .5em 1em 0.5em 2em;


}
.container-header ul.metismenu li ul,
.container-header ul.metismenu li:hover ul,
.container-header ul.metismenu li.level-1 > ul li ul,
.container-header ul.metismenu > li ul li:hover ul
{
  background-color: #777;
}

.container-header ul.metismenu.mod-menu .metismenu-item.active,
.container-header ul.metismenu li.current,
.container-header ul.metismenu li.current:hover,
.container-header ul.metismenu li:hover,
.container-header ul.metismenu li ul li.current,
.container-header ul.metismenu li ul li:hover
 {
  background-color: #3b7bb9;
}

.container-header ul.metismenu li:hover ul {
  
}
.container-header ul.metismenu li.level-1 > ul,
.container-header ul.metismenu li.level-1 > ul li ul,
.container-header ul.metismenu > li ul li:hover ul
{
  background-color: #777;
}

.metismenu.mod-menu .parent > ul {
  color: #fff;
}


/* Submenü bei Mouseover anzeigen – Desktop */
@media (min-width: 992px) {

  /* Untermenü standardmäßig ausblenden */
  .mod-menu li.parent > ul,
  .mod-menu li.dropdown > ul {
    display: none;
    position: absolute;
    z-index: 1000;
    min-width: 200px;
    background: var(--color-bg, #fff);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
  }

  /* Untermenü bei Hover anzeigen */
  .mod-menu li.parent:hover > ul,
  .mod-menu li.dropdown:hover > ul {
    display: block;
  }

  /* Eltern-Item als Dropdown kennzeichnen (optional) */
  .mod-menu li.parent,
  .mod-menu li.dropdown {
    position: relative;
  }
}

.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * {
  flex: 1;
  margin: 0em 0;
}

#wrapper_static {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.container-top-b {
  margin-top: 1em;
}

.container-component {
  background-color: #ffffff;
  margin-top: 1em;
  padding: 1em;
  border-radius: 4px;
}

.footer {
  color: #fff;
  background-color: #00427f;
  background-image: none;
  margin-top: 1em;
  font-size: 0.9rem;
  line-height: 1.5;
}

.footer .grid-child {
  padding: 1em;
}

footer p {
  margin-bottom: 0;
}

footer ul.mod-menu {
  justify-content: end;
}

footer nav.navbar {
  width: auto;
  padding: 0;
}
footer nav.navbar div {
  background-color: transparent;
}

footer nav.navbar ul li {
  padding: 0 1em;
}


footer .metismenu.mod-menu .metismenu-item {
  align-items: center;
  padding: 0em 1em;
  font-size: inherit;
  line-height: inherit;
  display: flex;
}

thead, tbody, tfoot, tr, td, th {
  padding: 0.5em;
}

@media (max-width: 1199px) {
  .metismenu.mod-menu .metismenu-item {
    padding: .5em 0.5em;
  }
}

@media (max-width: 991px) {
  div.container-nav {
    margin-left: 1em;
  }

  footer .metismenu.mod-menu .metismenu-item {
    align-items: center;
    text-align: center;
    justify-content: center;
  }
}