@font-face {
  font-family: 'Roboto Variable';
  src: url('../webfonts/Roboto-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cinzel Variable';
  src: url('../webfonts/Cinzel-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CormorantGaramond Variable';
  src: url('../webfonts/CormorantGaramond-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}




body {
  font-family: 'Roboto Variable', sans-serif !important;
  /*font-family: 'CormorantGaramond Variable', sans-serif !important;*/
  /*font-family: 'Cinzel Variable', sans-serif !important;*/
}

hideme{
	display:none;
}

html{
	font-weight:100 !important;
	scroll-behavior: smooth;
}

html p{
	font-weight: 100;
}

html li{
	font-weight: 100;
}

html{
	font-size:110%;
}

html p{
	color:#000 !important;
}


#header,
#footer,
#main-navbar,
.card .card-header{
	background:#f5fbfa;
}

#footer a{
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline !important;
}

.header-logo{
	width:250px;
	height:auto;
}



.footer-menu .nav-link{
	padding:0;
}

.footer-menu .nav-link:hover{
	tesxt-decoration: underline !important;
}

#footer{
	padding-top:25px;
	padding-bottom:25px;
	
}

#footer .topic{
	font-size:1.3rem;
}

#footer a,#footer p,#footer h1,#footer h2,#footer h3{
	font-weight:100;
	color:#000;
	margin-bottom:0;
}

#footer .hours-remarks{
	font-weight:100;
	font-size:14px;
	line-height:1;
	display:block;
}

.cookie-statement{
	display:none !important;
}

p{
	font-weight: 100;
}

main a{
	text-decoration: none !important;
	color:#5fa7a8 !important;
}

main a:hover{
	text-decoration: underline !important;
}

.entry-title{
	padding-top:30px;
	color:#5fa7a8;
}

h1{
	font-weight:100 !important;
	color:#5fa7a8;
}

h2{
	font-size:24px !important;
	font-weight:100 !important;
}


#main-menu{
	padding-left:50px;
}

.desktop-only{
	display:block;
}

.mobile-only{
	display:none;
}

article{
	padding-top:20px;
}

@media (max-width: 761px) {
	
	main{
		padding-top:50px;
	}
	
	#bookingad{
		height:60vh !important;
	}
	
	.desktop-only{
		display:none;
	}
	
	.mobile-only{
		display:block;
	}
	
	article{
	padding-top:20px;
}
}

.page-datenschutzerklaerung .entry-content li,
.page-leistungen .entry-content li{
	list-style-type: disc;
	
}

.page-datenschutzerklaerung .entry-content li::marker,
.page-leistungen .entry-content li::marker{
  color: #5fa7a8;
}

.g-map{
	width:100%;
	height:550px;
}


.cta-button{
	background: #fff !important;
	color: #000 !important;
	padding: 8px 25px 8px 15px;
	
	border:1px solid #5fa7a8;
	text-decoration:none !important;
}


.cta-button:hover {
  background: #5fa7a8 !important;
  color: #fff !important;
  text-decoration: none !important;

}

#main-navbar .nav-link{
	border-bottom:1px solid #f5fbfa;
	font-weight: 300;
	color:#5fa7a8 !important;
	text-transform: uppercase;
}
#main-navbar .nav-link:hover{
	border-bottom:1px solid #5fa7a8 !important;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 100vh;
}

#container {
  flex: 1;
  display: flex;
  align-items: center;
}

#content {
  width: 100%;
}

/* The bare <section> wrapping the footer needs to shrink, not grow */
#wrapper > section {
  margin-top: auto;
  flex-shrink: 0;
}

.card{
	border: 1px solid #5fa7a8;
}

.card .card-footer{
	display: none !important;
}

.card .card-header {
  border-bottom: 0 !important;
 }