.home_box {
  display: flex;
  align-items: top;
  justify-content: space-between;
  background-color: rgba(1, 101, 191, 0.9);
  margin: 20px;
  padding: 10px;
  border-radius: 12px;
  font-family: monospace;
}

.banner {
  background: #fff;
  height: 6em;
  margin: 0 0 2em
}

[data-theme=dark] .banner {
  background: #1e171a
}

.banner .container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:767px) {
  .banner {
    font-size: .8em;
    margin: 0;
    position: flex;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999
  }

  .admin-bar .banner {
    margin-top: 46px
  }
}

.container {
  margin: auto;
  max-width: 1000px;
  width: 100%
}

@media (max-width:767px) {
  .wrap.container {
    margin-top: 5.8em
  }
}

@media (max-width:767px) {
  .menu-btn {
      width: 3em;
      height: 2em;
      right: 1.5em;
      top: 1.75em;
      position: absolute
  }

  .menu-btn:after,
  .menu-btn:before,
  .menu-btn span {
      background: #000;
      content: "";
      height: 3px;
      position: absolute;
      left: 0;
      right: 0;
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s
  }

  [data-theme=dark] .menu-btn:after,
  [data-theme=dark] .menu-btn:before,
  [data-theme=dark] .menu-btn span {
      background: #e3e7db
  }

  .menu-btn:before {
      top: 0
  }

  .menu-btn:after {
      bottom: 0
  }

  .menu-btn span {
      top: calc(1em - 1.5px);
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      -o-transition: -o-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s, -o-transform .3s
  }

  .banner.show-menu .menu-btn span:first-child {
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .banner.show-menu .menu-btn span:nth-child(2) {
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  .banner.show-menu .menu-btn:after,
  .banner.show-menu .menu-btn:before {
      opacity: 0
  }
}

@media (max-width:767px) {
  .menu-btn {
      width: 3em;
      height: 2em;
      right: 1.5em;
      top: 1.75em;
      position: absolute
  }

  .menu-btn:after,
  .menu-btn:before,
  .menu-btn span {
      background: #000;
      content: "";
      height: 3px;
      position: absolute;
      left: 0;
      right: 0;
      -webkit-transition: opacity .3s;
      -o-transition: opacity .3s;
      transition: opacity .3s
  }

  [data-theme=dark] .menu-btn:after,
  [data-theme=dark] .menu-btn:before,
  [data-theme=dark] .menu-btn span {
      background: #e3e7db
  }

  .menu-btn:before {
      top: 0
  }

  .menu-btn:after {
      bottom: 0
  }

  .menu-btn span {
      top: calc(1em - 1.5px);
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      -o-transition: -o-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s, -o-transform .3s
  }

  .banner.show-menu .menu-btn span:first-child {
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .banner.show-menu .menu-btn span:nth-child(2) {
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  .banner.show-menu .menu-btn:after,
  .banner.show-menu .menu-btn:before {
      opacity: 0
  }
}

.nav-primary ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.nav-primary li {
  display: inline-block;
  margin: 0 0 0 1em;
  position: relative;
  text-transform: uppercase
}

.nav-primary li:hover {
  color: #bf0000
}

[data-theme=dark] .nav-primary li:hover {
  color: #e96043
}

@media (min-width:768px) {
  .nav-primary li:first-child {
      margin: 0
  }
}

@media (min-width:768px) and (max-width:839px) {
  .nav-primary li {
      font-size: .9em
  }
}

.nav-primary li a {
  color: inherit;
  display: block;
  font-weight: 600;
  text-decoration: none
}

.nav-primary li.far {
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s
}

.nav-primary li.far a {
  position: absolute;
  text-indent: -9999px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.nav-primary li.current-menu-item a {
  color: #bf0000
}

[data-theme=dark] .nav-primary li.current-menu-item a {
  color: #e96043
}

.nav-primary li.external a:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\F062";
  display: inline-block;
  font-family: Font Awesome\ 5 Pro, sans-serif;
  font-size: .8em;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  line-height: 1;
  margin-left: .3em;
  opacity: .75;
  text-rendering: auto;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: .5em
}

@media (max-width:767px) {
  .nav-primary {
      background: #fff;
      height: 100vh;
      left: -100vw;
      position: absolute;
      top: 6em;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      -o-transition: -o-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
      width: 100vw;
      z-index: 9999
  }

  [data-theme=dark] .nav-primary {
      background: #1e171a
  }

  .banner.show-menu .nav-primary {
      -webkit-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%)
  }

  .nav-primary ul {
      padding: 2em
  }

  .nav-primary li {
      font-size: 2.5em;
      font-weight: 400;
      display: block;
      margin: 0 0 .5em
  }
}

@media (max-width:767px) {
  .entry-image {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 35%;
      flex: 1 1 35%
  }
}

.entry-content {
  padding: 1em;
  position: relative
}

.entry-summary {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.infotext {
  flex: 1;
  color: white;
  font-family: monospace;
  font-size: 18px;
  overflow: scroll;
  scrollbar-width: none;
}

.bc_link {
  flex: 1;
  overflow: hidden;
}

.impressum {
  position: fixed;
  bottom: -20;
  right: 0;
}

.bc_link img {
  width: 100%;
  height: auto;
}

.infotext a:link {
  color: rgba(173, 255, 047, 1);
  text-align: center;
  text-decoration: none;
  transition: .3s;
}

.infotext a:hover,
a:active {
  background-color: yellow;
  color: red;
}

::-webkit-scrollbar {
  display: none;
}