@font-face {
  font-family: 'Fauna One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fauna-one-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fauna One'), local('FaunaOne-Regular'),
       url('../fonts/fauna-one-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fauna-one-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fauna-one-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fauna-one-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fauna-one-v5-latin-regular.svg#FaunaOne') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'),
       url('../fonts/playfair-display-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
       url('../fonts/playfair-display-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


html, body, p, ul, ul li {
    font-family: 'Fauna One', serif;
    color: #4A4A4A;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1.2px;
}


a {color: #000000;}

a:link, a:visited, a:hover { 
	color: #000000; 
	}

.navbar-default .navbar-nav > li > a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    color: #5C5C5C;
    opacity: 0.5;
    cursor: pointer;
}

.navbar-default .navbar-nav > li > a:hover {
    opacity: 0.75;
}
.navbar ul li a.active,
.navbar-default .navbar-nav > li > a.active:hover {
	color: #5C5C5C;
    opacity: 1;
}

ul.menu { list-style: none; margin: 0px; padding: 0px; border-top: 0px solid #5C5C5C; } 
ul.menu li a {
 	font-family: 'Playfair Display', serif;
	color: #5C5C5C;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0px;
	border-top: 1px solid #5C5C5C;
	display: block;
	text-decoration: none;
}

ul.menu li.active a, ul.menu li.active a:hover, ul.menu li a:hover { color: #000000; } 

ul.menu li.deeper > a {
	background-image: url('../images/arrow_down.png');
	background-repeat: no-repeat;
	background-position: right 18px;
}
ul.menu li.deeper > a.open {
	background-image: url('../images/arrow_up.png');
}

ul.menu li.deeper ul {
	margin: 0px; padding: 0px; list-style: none; margin-bottom: 30px; display: none;
}

ul.menu li.deeper ul li {
    line-height: 1.4em;
}

ul.menu li.deeper ul li a, ul.menu li.deeper ul li a:hover  {
	background-image: none; 
	border-top: 0px;
	padding: 5px 0px;
	padding-left: 20px;
	border-top: 1px dotted #5C5C5C;
	font-size: 12px;
    line-height: 1.4em;
}
p {
	margin-bottom: 30px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Playfair Display', serif;
	color: #5C5C5C;
}


h1 {
	padding: 25px 0px;
	padding-bottom: 30px;
	margin: 0px;
	font-size: 54px;
	text-align: center;
	font-style: italic;
	text-transform: uppercase;
}

h1.pageheading {
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	text-align: left;
	font-style: normal;
	margin: 0px; 
	padding: 0px; 
	padding-bottom: 10px;
}

h1.leadImageHeadline {
	text-align: left;
	padding-top: 90px;
	margin-left: 75px;
	width: 66%;
	color: #FFFFFF;
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 300;
	font-size: 48px;
	line-height: 60px;
	text-shadow: 2px 3px 4px #000000;
	text-transform: none;

}
h1.leadImageHeadline small {
	display: block;
	color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    
	font-size: 20px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.leadingCyclerImageInside h1.leadImageHeadline { display: block; padding-top: 215px; width: 55%; }
div.imageButtonHolder {
	margin-left: 75px;	
}
a.leadButtonImage img { 
	height: 56px;
	width: auto;
	display: inline;
	float: left;
	margin-right: 24px;
}

a.imageButton, 
a.leadImageButton { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;

	display: inline-block;
	width: auto;
	margin-left: 75px;

	padding: 10px 20px;
	padding-right: 60px;

	background-color: #F8F8F8;
	color: #4A4A4A;

	background-image: url('../images/arrow.png');
	background-position: calc(100% - 10px) 18px;
	background-repeat: no-repeat;
	background-size: 12px;
}

a.imageButton:hover,
a.leadImageButton:hover {
	text-decoration: none;
	background-color: #FFFFFF;	
	color: #000000;
	cursor: pointer;
} 




h2 {
	padding: 15px 0px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 36px;
	text-align: left;
	line-height: 42px;
}
h2 small {

    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	display: block;
	margin: 0px; 
	padding-bottom: 10px;
	color: #4A4A4A;
	text-transform: uppercase;

}

h3 {
	padding: 25px 0px;
	font-size: 24px;
	text-align: left;
	line-height: 28px;
	padding-bottom: 5px;
	font-style: italic;
	letter-spacing: 1;
/*	text-decoration: underline; 
*/
}


h3.startModule {
	display: block;
	width: 100%;
	padding-top: 45px;
	margin-bottom: 60px;

	text-align: center;

	font-size: 48px;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;

	background-image: url('../images/startSpacer.png');
	background-position: center top;
	background-repeat: no-repeat;	
	
}

h5 {
	padding: 15px 0px;
	margin-top: 25px;
	font-size: 20px;
	text-align: left;
	line-height: 28px;
	text-transform: uppercase;
	font-style: italic;
}


.menuContainer h5 {
	min-height: 90px;
}


.imageTeaser h5,
.greenTeaser h5 {
	font-size: 16px;
	font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    line-height: 24px;
	padding-bottom: 20px;
}

.imageTeaser h5 span,
.greenTeaser h5 span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-size: 12px;
	display: block;
	font-style: normal;
	padding-bottom: 10px;
}
.imageTeaser a.readonTeaser, .imageTeaser a.readonTeaser:link, .imageTeaser a.readonTeaser:visited,
.greenTeaser a.readonTeaser, .greenTeaser a.readonTeaser:link, .greenTeaser a.readonTeaser:visited {
	display: block;
	margin-top: 45px;
	padding-bottom: 15px;

    font-family: 'Playfair Display', serif;
	font-size: 16px; 
	font-style: italic;
	
	color: #4A4A4A;
}

.imageTeaser h5,
.imageTeaser h5 span,
.imageTeaser p,
.imageTeaser a.readonTeaser, .imageTeaser a.readonTeaser:link, .imageTeaser a.readonTeaser:visited {
	text-align: center;
	width: 100%;
	display: bock;
	color: #FFFFFF;
}




.newsCard h2 {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1.4px;
	font-size: 24px;
	line-height: 33px;
}

.newsCard h2 small {
	text-transform: uppercase;
	font-weight: 300;
	color: #000000;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.5px;
}

.newsCard p {
	font-size: 14px;
	line-height: 22px;
}


h3.eventTitle span {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;	
	margin-top: 0px;
	padding-top: 0px;
}

h3.eventTitle {
	font-style: normal;
	text-decoration: none;
	font-size: 18px;
	line-height: 22px;
	text-transform: none;
	padding: 0px;
	margin-top: 15px;
	width: 90%;
}

p.calDate {
	background-color: #4A4A4A;
	color: #FFFFFF;
	text-align: center;
	line-height: 22px;	
	width: 75px;
	height: 75px;
	display: table-cell;
	vertical-align: middle;
	font-weight: 700;

}
p.calDate span {
	font-weight: 300;
	color: #E0DAD8;
	font-size: 16px; 
	text-transform: uppercase;
}





/* FOOTER 
================= */
h6 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
	font-size: 14px;
	color: #4A4A4A;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #4A4A4A;
	width: auto;
	display: inline-block;
}

div#footerBottom h6 {
	color: #BCE5BD;
	border-bottom: 1px solid #BCE5BD;
}

p.footerMenuDevider {
	font-size: 14px;
	font-family: 'Playfair Display', serif; 
	font-style: italic;
	color: #4A4A4A;
	opacity: 0.35;
	padding: 5px 0px;
	margin-bottom: 0px;
}

div#footerBottom p.footerMenuDevider {
	color: #BCE5BD;
}

div.footer ul.menu { list-style: none; margin: 0px; padding: 0px; border-top: 0px solid #5C5C5C; padding-bottom: 30px; } 
div.footer ul.menu li a {
 	font-family: 'Playfair Display', serif;
	color: #4A4A4A;
	padding: 5px 0px;
	border-top: none;
	display: block;
	text-decoration: none;
}
div.footer ul.menu li a::before { 
	content: "› ";
}

div.footer ul.menu li:first-child a { border-top: 0px solid #5C5C5C; }
div.footer ul.menu li a,
div.footer ul.menu li.active a, div.footer ul.menu li.active a:hover, div.footer ul.menu li a:hover { 
	color: #4A4A4A;
	font-family: 'Playfair Display', serif; 
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	background-color: #BCE5BD;
}
div#footerBottom ul.menu li a,
div#footerBottom ul.menu li.active a,  div#footerBottom ul.menu li.active a:hover, div#footerBottom ul.menu li a:hover { 
	color: #BCE5BD; 
	font-style: normal;
	font-weight: 300;
	background-color: #4A4A4A;
} 




h4.panel-title {
	font-family: 'Playfair Display', serif; 
	font-size: 20px;
	font-style: italic;
	text-transform: uppercase;
	border-top: 2px solid #4A4A4A;
	padding-top: 14px;
	padding-bottom: 10px;
	cursor: pointer;

	background-image: url('../images/arrow_down.png');
	background-repeat: no-repeat;
	background-position: right 18px;
	
}

h4.panel-title.open {
	background-image: url('../images/arrow_up.png');
}

.introtext p {
	font-family: 'Playfair Display', serif; 
	font-size: 24px;
	line-height: 1.4em;
}

.panel-body p,
.panel-body li {
	font-family: 'Playfair Display', serif; 
	font-size: 14px;
	line-height: 1.4em;
}

.panel-body strong {
	font-weight: 700;
}



.panel-body ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.panel-body li {
	padding-left: 20px;
	margin-bottom: -10px;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}



p#imgBuRights, p#imgBu { 
	margin: 0px; 
	padding: 0px; 
	line-height: 1.6em;     
	font-family: 'Playfair Display', serif; 
	font-size: 18px;
	font-style: italic;
}

p#imgBuRights {
    font-family: 'Fauna One', serif;
	font-size: 14px;

}


.leaflet-popup-content h4 {
    font-family: 'Playfair Display', serif;
	color: #5C5C5C;
	text-transform: uppercase;
	font-style: italic;	
	font-size: 18px;
}

.leaflet-popup-content h4 small {
	display: block;
	font-size: 14px;
	text-transform: none;
	line-height: 18px;
	margin-top: 5px;
}

.leaflet-popup-content p.mapPopupInfoText {
    font-family: 'Playfair Display', serif;
	font-style: italic;	
	font-size: 14px;
	text-transform: none;
	line-height: 20px;	
	margin-top: 25px;
	display: block;
 }




@media screen and (max-width: 767px) {

	html, body, p, ul, ul li {
    	font-size: 16px;
    	line-height: 24px;
    	letter-spacing: 1.2px;
	}

	h1 {
		padding: 25px 0px;
		margin: 0px;
		font-size: 36px;
		color: #222222;
	}
	h1.leadImageHeadline { display: none; }

	.leadingCyclerImageInside h1.leadImageHeadline { margin-left: 20px; font-size: 30px; line-height: 36px; display: block; padding-top: 180px; width: 85%; }
	.leadingCyclerImageInside h1.leadImageHeadline small { font-size: 14px; margin-bottom: 5px;}
	
	a.leadImageButton { margin-left: 24px; }
	
	div.imageButtonHolder {
		margin-left: 24px;
	}
	a.leadButtonImage img { 
		height: 40px;
		margin-right: 12px; 
	}

	h2 {
		padding: 25px 0px;
		font-size: 24px;
		line-height: 30px;
	}
	
	h2 small {
		font-size: 16px;
		padding-bottom: 10px;
	}

	h3 {
		font-size: 18px;
		line-height: 24px;
		padding-top: 0px; 
	}

	h3.startModule {
		font-size: 28px;
		line-height: 33px;
		
	}

	h5 { color: #222222; }

.menuContainer h5 {
	min-height: 0px;
}

}


@media screen and (max-width: 350px) {

	h1 {
		padding: 15px 0px;
		margin: 0px;
		font-size: 30px;
		color: #222222;
	}

}