:root { scroll-behavior: smooth; }

@font-face {
    font-family: 'Lunery';
    src: url('/assets/fonts/Lunery.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Purity';
    src: url('/assets/fonts/Purity.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body { padding-top: 65px; background:linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url("../img/bg.jpg") center/cover no-repeat fixed; } /* wegen fixed-top Navbar */

h1, h2, h3, h4, h5, h6, .navbar, .date, .titel, .btn {
	
	font-family: 'Lunery', serif;
	font-weight: bold !important;
}


.hero {
  min-height: 75vh;
  background: url("../img/hero2.jpg") center/cover no-repeat;
  position: relative;

}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.15);
}
.hero .container {
	  position: relative;
  bottom: 10px;
	
}
.hero .hero-inner{
  position: absolute;
  top: 40px;
  color: #fff;
  width: 100%;
  text-align: center;
  
}

.section { padding-top: 4.5rem; }

.timeline {
  position: relative;
  margin: 2rem 0 0;
  padding-left: 1.5rem;
}
.timeline::before{
  content:"";
  position:absolute;
  top:0; bottom:0; left: .45rem;
  width: 2px;
  background: rgba(0,0,0,.15);
}
.tl-item{
  position: relative;
  padding: 0 0 1.25rem 0;
}
.tl-dot{
  position:absolute;
  left: -0.05rem;
  top: 1rem;
  width: 14px; height: 14px;
  border-radius: 999px;
  background: #e1354b;
  box-shadow: 0 0 0 4px rgba(13,110,253,.15);
}
.tl-card{
  margin-left: 1.25rem;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  background: #fff;
}

.map-consent {
  border: 1px dashed rgba(0,0,0,.25);
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(0,0,0,.02);
}

.footer {
  border-top: 1px solid rgba(0,0,0,.1);
  padding: 2rem 0;
  background-color: #151515;

}
.footer .text-muted {
	
	  color: #AAA !important;
}

.bg-light {
	
	/*background-color: #e7e2ce !important;*/
	background-color: transparent !important;
}
nav {
	
	background-color: #d1cbbf !important;
}
.content {
	padding: 20px;
	border-radius: 1rem;
	background-color: #d1cbbf !important;
	
}


#ueberSlider img {
    height: 420px;
    object-fit: cover;
}

#ueberSlider2 img {
    height: 420px;
    object-fit: cover;
}


#kontakt img{
	width: 100%;
	border-radius: 20px;
}

#mainnav {
	font-weight: bold;
	
}

.wide {
	width: 100% !important;
}

.news-image {
	height: 250px; overflow: hidden;
}

.logo-img {width: 10vw;}

@media (max-width: 768px) {
	.hero {
		min-height: 40vh;
  background: url("../img/hero2.jpg") center/cover no-repeat;
  position: relative;
	}
	.logo-img {width: 20vw; max-width: 75px;}
	
}
@media (min-width: 1400px) {
	.hero {
		min-height: 80vh;
  background: url("../img/hero2.jpg") center/cover no-repeat;
  position: relative;
	}
	.logo-img {width: 8vw;}
	
}