:root {
  --gold: 180, 166, 136;
  --c-gold: 180, 166, 136;
  --hellgold: 180, 166, 136, .2;
  --graublau: 73, 106, 129;
  --highlight: 32, 101, 105;
}

.gold {
  background-color: rgba(180, 166, 136, 1);
}

.c-gold {
  color: rgba(180, 166, 136, 1);
}

.hellgold {
  background-color: rgba(180, 166, 136, .2);
}

body, html {
  color: #000;
  font-weight: 300 !important;
  letter-spacing: .3px;
}

header, nav.navbar.navbar-expand-md.navbar-light.bg-white.container-fluid
  {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.imghead {
  width: 100%;
}

a.navbar-brand img, a.navbar-brand {
  width: 0;
}

.container.menu-buttons {
  background-color: #e9f3fc;
  margin-bottom: -1rem;
}

ul.navbar-nav.ml-auto li.nav-item a.nav-link {
  color: rgba(73, 106, 129, 1) !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  /*
  font-size: 13px;
  */
}

ul.navbar-nav.ml-auto li.nav-item a.nav-link:hover {
  color: rgba(73, 106, 129, .7) !important;
  font-weight: 400 !important;
}


#head-l {
  text-align: center;
}

#head-m {
  text-align: center;
}

#head-r {
  text-align: center;
}

footer {
  color: #fff;
  letter-spacing: .7px;
}

.top {
  letter-spacing: .7px;
}

footer a, footer a:hover {
  color: #fff;
}

#current {
  background-color: #eee;
  color: #000;
}

.kos img {
  width: 100%;
}

.fon, .fon:hover {
  color: #000;
  text-decoration: none;
}

.content a, .email, .email:hover {
  color: #000;
}

h1, .h3 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: left;
  color: #496a81;
  font-weight: 300 !important;
}

h2, .h4 {
  letter-spacing: 1.2px;
  color: #b4a688;
  text-align: left;
  font-weight: 300 !important;
}

h3, h4 {
  letter-spacing: 1.2px;
  font-weight: 300 !important;
}

.menu-buttons {
  margin-top: 1rem;
}

.tex-link {
  color: #c4b69e;
}

.carousel-indicators li {
  width: 4rem;
  height: .5rem;
  background-color: #496a81;
  margin: 0 .4rem 0 .4rem;
}

.carousel-indicators .active {
  width: 4rem;
  height: .5rem;
  background-color: #fff;
}

@media ( min-width : 576px) {
  .mal {
    margin-left: -1rem
  }
  .menu-buttons {
    margin-top: 2rem;
  }
}

@media ( min-width : 768px) {
  .navbar {
    position: absolute;
    top: 15rem;
    z-index: 10;
  }
  .carousel-indicators li {
    width: 6rem;
    height: .8rem;
    background-color: #496a81;
    margin: 0 .7rem 0 .7rem;
  }
  .carousel-indicators .active {
    width: 6rem;
    height: .8rem;
    background-color: #fff;
  }
}

@media ( min-width : 992px) {
  .bu-below {
    min-height: 16rem;
  }
  #head-l {
    text-align: left;
  }
  #head-m {
    text-align: center;
  }
  #head-r {
    text-align: right;
  }
  .bor-right {
    border-right: 2px solid #f59d08;
  }
  .navbar {
    position: absolute;
    top: 11.7rem;
    z-index: 10;
  }
  .carousel-indicators li {
    width: 7rem;
    height: .9rem;
    background-color: #496a81;
    margin: 0 .7rem 0 .7rem;
  }
  .carousel-indicators .active {
    width: 7rem;
    height: .9rem;
    background-color: #fff;
  }
}

@media ( min-width : 1200px) {
  .bu-below {
    min-height: 13rem;
  }
  .navbar {
    position: absolute;
    top: 12.2rem;
    z-index: 10;
  }
}

iframe {
  width: 100%;
}

@media (max-width: 768px) {
  .qr {
    padding: 2rem 1rem 1.5rem;
  }
}

/* Cookie */
.ccm-settings-summoner {
  left: 1.25rem;
  bottom: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: .25rem!important;
  overflow: clip;
}
.ccm-modal button {
  letter-spacing: .1em;
  border: none!important;
  text-shadow: none!important;
  border-radius: .25rem!important;
}

.preisliste li {
  list-style-type: none;
  position: relative;
  padding-left: 1.5em;
}
.preisliste li::before {
  content: '— ';
  position: absolute;
  left: 0;
}
.highlight {
  background-color: rgba(var(--highlight));
}
.highlight p, .highlight h2, .highlight h4, .highlight a {
  color: white;
}
.highlight a {
  opacity: .6;
}
.highlight a:hover {
  opacity: .3;
}