:root {
  --gruen: 119, 195, 30;
  --logogruen: 33, 122, 64;
  --dunkelgruen: 20, 85, 45;
  --logogelb: 255, 182, 0;
  --dunkelgrau: 59, 61, 65;
  --rot: 227, 6, 19;
}

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

p, li {
  hyphens: auto;
  -webkit-hyphens: auto;
}
.nohyphen {
  hyphens: manual;
  -webkit-hyphens: manual;
}

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;
}
main a {
  color: rgba(var(--logogruen));
  text-decoration: solid underline 1pt;
  -webkit-text-decoration: underline;
  text-underline-offset: .2em;
  font-weight: 400;
}
a.rot {
  color: rgba(var(--rot));
}
main a:hover, main a:active {
  opacity: .5;
}


a.tel {
  white-space: nowrap;
}



.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;
}

ul.text {
  list-style-type:"– ";
  padding: 0 0 0 1em;
  margin: 0;
}

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

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

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

#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: #474a4f;
  font-weight: 300 !important;
}

h2, .h4 {
  letter-spacing: 1.2px;
  color: #474a4f;
  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: 3b3d41;
  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: #3b3d41;
    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: #3b3d41;
    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: 16.5rem;
    z-index: 10;
  }
}


/* accessibility */

tr.blindheader {
  font-size: 1pt;
  opacity: 0;
  position: absolute;
}
/* Cookie */
.ccm-settings-summoner {
  left: 1.5rem;
  bottom: 1.5rem;
  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;
}