:root {
  --brand: #198754;
  --brand-light: #d1e7dd;
}
body {
  scroll-behavior: smooth;
}
.navbar {
  background-color: var(--brand-light) !important;
}
.navbar-brand, .nav-link {
  color: #0f5132 !important;
}
.nav-link:hover {
  color: var(--brand) !important;
}
.hero {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(25,135,84,0.1), transparent),
			  radial-gradient(900px 500px at 90% 20%, rgba(40,167,69,0.1), transparent);
}
.image-hero {
  //aspect-ratio: 16/9;
  border-radius: 1rem;
}
.image-speisekarte {
  border-radius: 0.5rem;
}
.countdown-box {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
footer {
  border-top: 1px solid #e9ecef;
}
.time-seg {
  min-width: 6rem;
}
.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover {
  background-color: #157347;
  border-color: #146c43;
}
.btn-outline-primary {
  color: var(--brand);
  border-color: var(--brand);
}
.btn-outline-primary:hover {
  background-color: var(--brand);
  color: #fff;
}
.table-content {
	max-width: 100%;
	margin-left: 0;
	margin-right: auto;
  }
.leaflet-attribution-flag {
  display: none !important; 
  }
#map-palzing {
  height: 420px;
  width: 100%;
}
#map-zolling {
  height: 420px;
  width: 100%;
}
html { scroll-padding-top: 2rem; }
[id] { scroll-margin-top: 2rem; }
.footer-links a {
  color: #212529bf;
  text-decoration: none;
}
.footer-links a:hover {
  text-decoration: underline;
}
.footer-logo {
  max-height: 75px;
  width: auto;
  opacity: 0.85;
  filter: grayscale(100%);
  transition: opacity 0.2s ease;
}
.footer-logo:hover {
  opacity: 0.85;
  filter: grayscale(0%);
}