@font-face {
  font-family: "PlayfairDisplay-Medium";
  src: url(/wr/app/PlayfairDisplay-Medium.ttf)
}

@font-face {
  font-family: "PlayfairDisplay-Regular";
  src: url(/wr/app/PlayfairDisplay-Regular.woff2)
}

@font-face {
  font-family: "PlayfairDisplay-Italic";
  src: url(/wr/app/PlayfairDisplay-Italic.woff2)
}

@font-face {
  font-family: "Montserrat-VariableFont_wght";
  src: url(/wr/app/Montserrat-VariableFont_wght.ttf)
}

body {
	background-color: #f9f8f4;
	font-family: 'Montserrat-VariableFont_wght';
	font-weight: 200;
	font-style: normal;
}

.bg-custom {
  background-color: #8c9c85;
}

footer {
	background-color: #8c9c85;
	color: #ede7e0;
}

footer ul {
float: right;   
list-style: none;
vertical-align: top;
}

footer li {
float: right;   

}

footer ul a{
color: #ede7e0 !important;  
vertical-align: top;   

}

footer ul a:hover {     
color: black !important; 
}

footer a{
color: #ede7e0 !important;     

}

footer a:hover {     
color: black !important; 
}
p {
	font-family: "Montserrat-VariableFont_wght";
}
h1 {
	font-family: 'PlayfairDisplay-Regular';
}

h2 {
	font-family: 'PlayfairDisplay-Regular';
}

h3 {
	font-family: 'PlayfairDisplay-Regular';
}

h4 {
	font-family: 'PlayfairDisplay-Regular';
}



h6 {
	font-family: 'PlayfairDisplay-Regular';
	margin: 0 0 -1.5rem -1rem;
}



	a:link {
  	text-decoration: none;
	color: black;
}

a:visited {
  	text-decoration: none;
	color: black;
}

a:hover {
  	text-decoration: none;
  	color: #8c9c85 !important;
}

a:active {
  	text-decoration: none;
	color: black;
}

.hero-quote {
	font-family: 'PlayfairDisplay-Italic';
	font-size: 2.2rem;
	color: #8c9c85;
	position: relative;
	padding: 1.5rem 3rem;
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
}

.hero-quote::before,
.hero-quote::after {
	font-family: Georgia, serif;
	font-size: 5rem;
	color: #8c9c85;
	position: absolute;
	opacity: 0.5;
	line-height: 1;
}

.hero-quote::before {
	content: '„';
	top: -0.5rem;
	left: 0;
}

.hero-quote::after {
	content: '“';
	bottom: -1rem;
	right: 0;
}