body {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'blizzos-stence';
  src: url(fonts/blizzos-stence.woff2) format('woff2');
}

@font-face {
  font-family: 'dieh2';
  src: url(fonts/DieH2.woff2) format('woff2');
}

h1 {
  font-family: 'blizzos-stence', serif;
  font-size: calc(1rem + 1.5vw);
  font-weight:normal;
  color:rgb(138, 79, 3);
}


h2 {
  font-family: 'dieh2', serif;
  font-size: calc(1rem + 0.5vw);
  font-weight:normal;
  color:rgb(44, 68, 128);
  margin-top:-0.4em;
  margin-bottom:0;
}

p {
  font-size:1.1em;
}

.container-header {
  background-color: rgb(240, 240, 240);
}

  .container-header nav {
  margin-top: 0 !important;
  }

/*Abstand von Header-Bild zu Rand nullen!*/
.container-header .grid-child {
  padding: 0;
}

body.wrapper-fluid header > .grid-child {
  padding-left: 0;
  padding-right: 0;
}

.container-header .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

/*Text über Bild ändern!*/
.container-header .site-description {
  color: #fff;
  white-space: normal;
  font-size: 2.5rem;
  margin:-11rem auto 1rem 2rem;
}

body.wrapper-fluid .site-grid {
  grid-gap: 0;
}



.container-header .site-description {
  color: #052f7e;
  font-size: min(3vw, 2em);
  margin: -15vw auto 1rem 2rem;
}

@media (width >= 922px) {

  .container-topbar, .container-below-top {
  color: #fff;
  position: fixed;
  top: 0;
  z-index: 1;
  background: linear-gradient(to right, #10350a 0%,#006639 100%);
  width:100%;
  padding:0;
}

.metismenu.mod-menu .metismenu-item {
  flex-wrap: wrap;
  align-items: center;
  padding: .4em 0;
}

  .container-header .mod-menu {
    flex-direction: row;
    flex: 1;
    display: flex;
    margin-left: max(2rem,5%);
    text-transform: uppercase;
  }

  .container-header .mod-menu > li + li {
  margin-left: max(0.1em,5%);
  }

  #navbar1 li:first-child {margin-left:2em !important;}
}

@media (max-width: 921px) {
.container-header .mod-menu li:first-child {margin-top:1em !important;}

.container-header .navbar-toggler {
    margin-left: .5em;
    margin-top: .5em;
  }

  .metismenu.mod-menu .mm-collapse>li>a:hover {
    color:#6fa85f;
    text-decoration:none;
  }

  img {
  margin-top: 0;
  }

   .container-topbar {
    height:0 !important;
   }

  .container-topbar, .container-below-top {
  color: #fff;
  background: none;
  }

  .container-header .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-top:0;
}

  .container-header .mod-menu {
    color: #000000;
  }

  .metismenu.mod-menu .metismenu-item {
    padding: .2em 1em;
    font-size: 1.3rem;
    font-weight:600;
    line-height: 1;
  }

  .metismenu-item>button:hover {
    text-decoration: none;
  }

  .container-header nav {
  background: none;
  }

  .container-header {
    background-image: url("horex-hoehenstrasse.jpg");
    z-index: 0;
  }

  button:not(:disabled), [type=button]:not(:disabled), 
  [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    z-index: 1;
  }

  .container-header .navbar-collapse.show {
  z-index: 1;
  }
}