/* **********************************************
 * Wichtige Informationen am Kopf der Seite - Aktuelle Fluginformationen
 * ********************************************** */

subheader {
  position: fixed;
  float: left;

  width: 100%;
  max-width: calc(var(--content-max-width) + 2rem);
  
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;

  border-width: 2px;
  border-style: solid;
  border-radius: var(--default-border-radius);
  border-color: var(--theme-color);

  border-top: 0;
  background: var(--theme-color-lighter);
  box-shadow: var(--default-box-shadow);

  font-size: var(--default-font-size);
  text-align: start;
 
  top: calc(var(--header-height-screen) /* Padding (top+bottom) von .menu-band */);
  z-index: 100;
}

@media (max-width: 768px) {
  #subheader-mobile-menu {
      display: flex
  }
  subheader {
    top: calc(var(--header-height-mobile) );
  }
}

subheader a,
subheader a:visited {
  color: var(--link-color);
  padding: 0;
  text-decoration: none;
}
subheader a:hover,
subheader a:focus,
subheader a:active {
  background-color: var(--theme-color);
  transition: background-color 0.2s;
}

subheader .subheaderbox {
  float: left;
}

subheader div {
  margin: 0.5rem 1rem;
  color: var(--theme-color-overlay);
}

subheader div[class^="subheader-container"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}

subheader div[class^="subheader-container"] div {
  padding: 0;
}

subheader div[class^="subheader-container"] a {
  color: var(--theme-color-overlay);
}