.ba-header .ba-nav-meta {
  display: none;
}

@media (width >= 768px) and (orientation: portrait),
  (width >= 992px) and (orientation: landscape) {
  .ba-header .ba-nav-meta {
    display: block;
    height: 20px;
    line-height: 20px;
    position: relative;
    transition: height 0.24s ease 0s;

    min-height: 20px;
  }

  .ba-header .ba-nav-meta::after {
    background: linear-gradient(90deg, rgb(231, 0, 0) 0px, rgb(179, 9, 32))
      rgb(231, 0, 0);
    border-top-left-radius: 20px;
    inset: 0px 0px 0px 24px;
    content: "";
    position: absolute;
    transition: left 0.24s ease 0s;
    z-index: -1;
  }

  .ba-header div.ba-nav-main {
    border-top: 0px;
  }
}

.ba-header .ba-nav-main div.container-fluid,
.ba-header .ba-nav-meta div.container-fluid {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  margin-bottom: 0px;
}

.ba-header .ba-nav-main {
  background-color: rgb(255, 255, 255);
  border-top: 3px solid rgb(231, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 10px -2px,
    rgba(0, 0, 0, 0.08) 0px 12px 24px 4px;
}

.ba-header .ba-nav-main .container-fluid,
.ba-header .ba-nav-meta .container-fluid {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  margin-bottom: 0px;
}

.ba-header-element .ba-menu-entry,
.ba-header-element .ba-menu-entry:hover {
  outline: none;
  background-color: transparent;
}

[hidden="true"] {
  display: none;
}

p, h1, h2, h3, h4 {
  hyphens: auto;
}

#erneutSenden:focus {
  box-shadow: 1px 1px 0 1px #f9fbfc,1px -1px 0 1px #f9fbfc,-1px 1px 0 1px #f9fbfc,-1px -1px 0 1px #f9fbfc,0 0 0 2px #f9fbfc,0 0 0 4px #020e25;
}