@font-face {
font-family: 'alexbrush-regular';
src: url('../font/alexbrush-regular-webfont.woff2') format('woff2'),
url('../alexbrush-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.container-header {
  z-index: 10;
  background-color: #d4b45a;
  background-image: none;
  box-shadow: none;
}

@media screen and (min-width: 992px) {
  @supports (display:grid) {
  .site-grid > .full-width {
    grid-column: full-start/full-end;
    margin-top: -80px;
}
}
  .container-header {
  z-index: 10;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
}

.container-header .container-nav {
  justify-content: flex-end;
}

@media screen and (max-width: 991px) and (min-width: 300px) {
.grid-child.container-nav {
  padding: 5px;
}
.container-header nav {
  margin-top: 0em;
}
.container-nav nav {
  margin-top: 0em !important;
}
}

.metismenu.mod-menu .metismenu-item {
  font-size: 1.2rem;
  font-weight: bold;
}

#navbar1.scrolled {
  background-color: #d4b45a;
}

.banner {
  background-image: url("/images/template/banner1.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.logo {
  padding: 75px;
}

@media screen and (max-width: 991px) {
.logo {
  padding: 20px;
}
.logo img{
  max-width: 80%;
}
}

.banner-willkommen {
  background-color: #d4b45a;
  font-family: alexbrush-regular;
  font-size: 3.5vw;
}
.banner-willkommen p {
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
.banner-willkommen {
  font-size: 5.5vw;
}
}

.gasthof {
  display: flex;
  background-color: #5b5a50;
}

.gasthof-text {
  width: 40%;
  padding: 15px;
  color: #fff;
  align-content: center;
}

.gasthof-bild {
  width: 60%;
  display: flex;
  align-items: baseline;
}

@media screen and (max-width: 600px) {
.gasthof {
  display: flex;
  flex-wrap: wrap;
}
.gasthof-text {
  width: 100%;
}
.gasthof-bild {
  width: 100%;
}
}

.speisekarte {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #d9dada;
  padding: 20px 0px;
}
.speisekarte-ueber-uns {
  width: 60%;
  padding: 15px;
}
.speisekarte-angebot {
  margin: 0px 15px;
}
@media screen and (max-width: 412px) {
.speisekarte-angebot img{
  max-width: 280px;
}
}
.speisekarte-link {
  margin: 0px 15px;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
.speisekarte {
  flex-wrap: wrap;
  justify-content: center;
}
.speisekarte-ueber-uns {
  width: 100%;
}
}

.zimmer-3er {
  display: flex;
  flex-wrap: wrap;
  margin-top: -195px;
}
.zimmer-text {
  margin: 0px 15px;
}
@media screen and (max-width: 1680px) and (min-width: 1081px) {
.zimmer-3er {
  margin-top: -130px;
}
.zimmer-3er img {
  padding: 15px;
}
}
@media screen and (max-width: 1080px) and (min-width: 992px) {
.zimmer-3er {
  margin-top: -78px;
}
.zimmer-3er img {
  padding: 15px;
}
}
@media screen and (max-width: 991px) and (min-width: 811px) {
.zimmer-3er {
  margin-top: -101px;
}
.zimmer-3er img {
  padding: 15px;
}
}
@media screen and (max-width: 810px) and (min-width: 413px) {
.zimmer-3er {
  margin-top: -48px;
}
.zimmer-3er img {
  padding: 15px;
}
}
@media screen and (max-width: 412px) {
.zimmer-3er {
  margin-top: -38px;
}
.zimmer-3er img {
  padding: 15px;
}
}

#jobs {
  background-color: #d9dada;
}
.jobs {
  margin: 0px 15px;
}
.jobs-titel {
  font-family: alexbrush-regular;
  font-size: 80px;
}
@media screen and (max-width: 810px) {
.jobs-titel {
  font-size: 60px;
}
}

.kontakt {
  margin: 0px 15px;
}
.kontakt-titel {
  font-family: alexbrush-regular;
  font-size: 80px;
}
@media screen and (max-width: 810px) {
.kontakt-titel {
  font-size: 60px;
}
}

#impressum {
  background-color: #d9dada;
}
.impressum {
  margin: 15px;
}
.impressum-titel {
  font-family: alexbrush-regular;
  font-size: 40px;
}

.container-banner {
  margin: 0 0 0rem;
}

.page-header {
  display: none;
}

.com-contact__container {
  display: none;
}

.anchor {
  position: absolute;
  top: 160px;
}
@media screen and (max-width: 991px) {
.anchor {
  position: absolute;
  top: 105px;
}
}