/*

BROWN BG 1.0 == #AE9271
BROWN BG 0.2 == #EEE8E2

GREEN-DARK == #1F5D09
GREEN-LIGHT == #A1B635
GREEN-MEDIUM == #588A23

RED == #B5152B

*/

@media screen {
	/* mulish-300 - latin */
	@font-face {
	  font-family: 'Mulish';
	  font-style: normal;
	  font-weight: 300;
	  src: url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-300.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-300.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
	}

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

	/* mulish-600 - latin */
	@font-face {
	  font-family: 'Mulish';
	  font-style: normal;
	  font-weight: 600;
	  src: url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-600.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-600.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/mulish-v12-latin/mulish-v12-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
	}

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

/* ======================= */
/* RESET BTSTRP */
body { line-height: inherit; font-weight: 300; }

a { color: inherit; text-decoration: none; transition: color .5s; }
a:hover { color: inherit; text-decoration: underline; }

figure { margin-bottom: 0; }

.border-top, .border-bottom { border-color: #ccc !important;}
.border-top 	{ border-top-width: 2px !important; border-top-style: dotted !important;  }
.border-bottom 	{ border-bottom-width: 2px !important;  border-bottom-style: dotted !important;  }

.bg-light .border-top, .bg-light .border-bottom { border-color: #A1B635 !important;}


/*
.border-top, 
.border-bottom { position: relative; border: 0 !important; }
.border-top:before,
.border-bottom:after {  content: ''; position: absolute; height: 3px; width: auto; left: 0; right: 0;
	background: transparent repeat-x;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='3' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23B3CDC4' stroke-width='2.5' stroke-linecap='round' x1='1.25' y1='1.25' x2='1.25' y2='1.25'/%3E%3C/svg%3E");
	background-size: contain;
}

.border-top:before { top: 0; bottom: auto; }
.border-bottom:after { top: auto; bottom: 0; }
*/


.rounded-lg { border-radius: .6rem !important; }

.text-highlight { color: #555555 !important; }
.text-light 	{ color: #B4B4B4 !important; }
.text-light-darker 	{ color: #969696 !important; }
.text-secondary { color: #90B9AE !important; }
.text-important { color: #509D8C !important; font-size: 1.1em; line-height: 0.9; }

@media(min-width: 576px){
	.border-sm-top-0 { border-top: 0 !important; }
}

.bg-light { background-color:#E3EAC2 !important; background-color: #EBF0D4 !important; }

.bg-brown-20a { background-color: #EEE8E2 !important; }


/* GRID */
/*
.row { margin-right: -30px; margin-left: -30px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 30px; padding-right: 30px;
}
*/

/*@media(max-width: 1024px){
	.row { margin-right: -10px; margin-left: -10px; }
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-left: 10px; padding-right: 10px;
	}
}
*/

.container-fluid { max-width: 1300px; padding-left: 1rem; padding-right: 1rem; }
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

@media(min-width: 767px){
	.container-fluid { padding-left: 30px; padding-right: 30px; }
}


/* === WEBSITE-LAYOUT GENERELL ========================================== */
body { overflow-y: scroll; background: #AE9271 url('../img/body_bg.gif') fixed; margin: 0; padding: 0; }
#page { }
/* POSITIONIERUNGEN */
#canvas, #page, #main, #footer  { position: relative; }
#header, #nav { position: static; }
#canvas { overflow: hidden; }

@media(min-width: 768px){
	#header { position: sticky; top: 20px; }
	#canvas { overflow: initial; }
	#page { border-radius: 10px; }
}


/* Z-INDEXES */
#header 	{ z-index: 2; }
#logo 		{ z-index: 2; }
#nav 		{ z-index: 1; }
#main 		{ z-index: 0; }
#footer 	{ z-index: 1; }


#canvas { padding: 0 10px; }
@media(min-width: 768px){
	#canvas { padding: 0 20px; }
}

#page 	{  }
#page:before, 
#footer:before,
#footer:after, 
.type-picture figure:after {	
	content: ''; 
	position: absolute; top: -10px; left: 0; right: 0; width: auto; height: 20px; 
	background: url('../img/edg2.svg') top center repeat-x; background-size: 55%;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='496.38px' height='34.06px' viewBox='0 0 496.38 34.06' enable-background='new 0 0 496.38 34.06' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M484.9,4.49c-16.97,0.43-11.74,0.44-13.2,0.44c-17.06,0-2.64,1.47-19.7,1.47c-1.46,0-2.08-1.46-3.54-1.46 h-3.33c-1.66,0-2.49-1.46-4.16-1.46h-3.33c-2.3,0-3.54-1.1-5.83-1.1c-1.88,0-3.12,1.1-5,1.1c-1.25,0-2.08,1.46-3.33,1.46 c-1.66,0-2.5-1.46-4.16-1.46h-14.15c-1.67,0-2.5-1.1-4.16-1.1c-2.92,0-4.58,1.1-7.49,1.1c-1.25,0-2.08,1.46-3.33,1.46 c-2.91,0-4.58-2.55-7.49-2.55c-2.08,0-2.92,2.55-5,2.55c-1.66,0-2.5-1.46-4.16-1.46c-2.08,0-2.91,2.92-4.99,2.92h-1.67 c-1.46,0-2.08-2.92-3.54-2.92c-13.94,0-21.64,1.63-35.58,1.63c-1.87-1.46-2.28-2.43-4.57-2.43c-1.04,0-1.88-0.12-2.92-0.12 c-3.32,0.36-4.99,1.46-8.32,1.46h-4.16c-2.5,0-4.16-1.46-6.66-1.46c-1.25,0-2.08-1.46-3.33-1.46c-2.08,0-3.33,1.1-5.41,1.46 c-0.83,0-1.25,1.46-2.08,1.46c-2.92,0-4.58-1.1-7.49-1.46c-1.67,0-2.5-1.46-4.16-1.46c-8.74-0.74-13.74-0.74-22.48-1.1l-9.15,3.65 l-31.42-1.1c-9.78,1.46-15.19,2.39-24.97,2.39c-2.92,0-3.7-0.47-6.61-0.47c-1.46,0-2.96,0.11-4.21,0.47 c-1.45,0.36-2.7,1.09-4.16,1.46c-1.25,0.36-1.87,2.92-3.33,2.92c-2.08,0-2.92-2.92-5-2.92c-23.51,0-15.35-3.4-38.86-3.4 c-0.84,0-15.3,3.73-15.92,3.73c-1.46-0.37-7.83-2.54-9.49-2.54s-4.26,0.34-5.92,0.34c-1.26,0-3.67-1.02-4.92-1.02 c-1.87,0-6.63,2.06-8.3,1.69c-2.7-0.73-0.36,1.27-3.07,0.17C79.4,5.01,78.27,6.4,76.61,6.4c-2.5-0.37-4.16,0-6.66,0 c-1.25,0-2.08-1.46-3.33-1.46c-2.49,0-3.74,2.92-6.24,2.92H58.3c-1.45-0.36-2.49-2.92-4.16-2.92c-1.66,0-2.5,1.46-4.16,1.46 c-3.33-0.36-4.99-1.46-8.32-1.46H37.5c-1.66,0-2.5,1.46-4.16,1.46c-3.33,0-4.99-0.73-8.32-1.46c-1.88-0.37-3.12-1.46-5-1.46 c-1.45,0-1.81,2.31-3.06,2.31c-1.45,0-2.78,1.14-4.44,1.14c-1.67,0-2.49-0.54-4.15-0.54C4.25,6.39,3,7.05,0,7.89v21.94 c6.35,0.42,10.35-0.24,11.48-0.26c16.97-0.43,11.74-0.44,13.2-0.44c17.06,0,2.64-1.47,19.7-1.47c1.46,0,2.08,1.46,3.54,1.46h3.33 c1.66,0,2.49,1.46,4.16,1.46h3.33c2.3,0,3.54,1.1,5.83,1.1c1.88,0,3.12-1.1,5-1.1c1.25,0,2.08-1.46,3.33-1.46 c1.66,0,2.5,1.46,4.16,1.46h14.15c1.67,0,2.5,1.1,4.16,1.1c2.92,0,4.58-1.1,7.49-1.1c1.25,0,2.08-1.46,3.33-1.46 c2.91,0,4.58,2.55,7.49,2.55c2.08,0,2.92-2.55,5-2.55c1.66,0,2.5,1.46,4.16,1.46c2.08,0,2.91-2.92,4.99-2.92h1.67 c1.46,0,2.08,2.92,3.54,2.92c13.94,0,16.64-1.63,30.58-1.63c1.87,1.46,7.08,4.05,9.37,4.05c1.04,0,2.08-1.5,3.12-1.5 c3.32-0.36,4.99-1.46,8.32-1.46h4.16c2.5,0,4.16,1.46,6.66,1.46c1.25,0,2.08,1.46,3.33,1.46c2.08,0,3.33-1.1,5.41-1.46 c0.83,0,1.25-1.46,2.08-1.46c2.92,0,4.58,1.1,7.49,1.46c1.67,0,2.5,1.46,4.16,1.46c8.74,0.74,13.74,0.74,22.48,1.1l9.15-3.65 l31.42,1.1c9.78-1.46,15.19-2.39,24.97-2.39c2.92,0,4.58,1.55,7.49,1.55c1.46,0,2.08-1.19,3.33-1.55c1.45-0.36,2.7-1.09,4.16-1.46 c1.25-0.36,1.92-1.58,3.38-1.58c2.08,0,2.87,1.58,4.95,1.58c23.51,0,15.35,3.4,38.86,3.4c0.84,0,15.3-3.73,15.92-3.73 c1.46,0.37,7.83,2.54,9.49,2.54s4.26-0.34,5.92-0.34c1.26,0,3.67,1.02,4.92,1.02c1.87,0,6.63-2.06,8.3-1.69 c2.7,0.73,0.36-1.27,3.07-0.17c1.45,0.36,2.58-1.03,4.24-1.03c2.5,0.37,4.16,0,6.66,0c1.25,0,2.08,1.46,3.33,1.46 c2.49,0,3.74-2.92,6.24-2.92h2.08c1.45,0.36,2.49,2.92,4.16,2.92c1.66,0,2.5-1.46,4.16-1.46c3.33,0.36,4.99,1.46,8.32,1.46h4.16 c1.66,0,2.5-1.46,4.16-1.46c3.33,0,4.99,0.73,8.32,1.46c1.88,0.37,3.12,1.46,5,1.46c1.45,0,1.81-2.31,3.06-2.31 c1.45,0,2.78-1.14,4.44-1.14c1.67,0,2.49,0.54,4.15,0.54c4.12,0,5.37-0.66,8.37-1.5V4.23C490.03,3.8,486.03,4.46,484.9,4.49z'/%3E%3C/svg%3E%0A");
}

#page:before { border-radius: 40px 40px 0 0; background-position: left top; height: 50px; top: -10px; /*background-color: #ccc;*/ } 
#footer:before { background-position: bottom left; }

#footer:after { 
	top: auto;
	bottom: -6px;
	background-position: bottom left;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='496.38px' height='34.06px' viewBox='0 0 496.38 34.06' enable-background='new 0 0 496.38 34.06' xml:space='preserve'%3E%3Cpath fill='%23588A23' d='M484.9,4.49c-16.97,0.43-11.74,0.44-13.2,0.44c-17.06,0-2.64,1.47-19.7,1.47c-1.46,0-2.08-1.46-3.54-1.46 h-3.33c-1.66,0-2.49-1.46-4.16-1.46h-3.33c-2.3,0-3.54-1.1-5.83-1.1c-1.88,0-3.12,1.1-5,1.1c-1.25,0-2.08,1.46-3.33,1.46 c-1.66,0-2.5-1.46-4.16-1.46h-14.15c-1.67,0-2.5-1.1-4.16-1.1c-2.92,0-4.58,1.1-7.49,1.1c-1.25,0-2.08,1.46-3.33,1.46 c-2.91,0-4.58-2.55-7.49-2.55c-2.08,0-2.92,2.55-5,2.55c-1.66,0-2.5-1.46-4.16-1.46c-2.08,0-2.91,2.92-4.99,2.92h-1.67 c-1.46,0-2.08-2.92-3.54-2.92c-13.94,0-21.64,1.63-35.58,1.63c-1.87-1.46-2.28-2.43-4.57-2.43c-1.04,0-1.88-0.12-2.92-0.12 c-3.32,0.36-4.99,1.46-8.32,1.46h-4.16c-2.5,0-4.16-1.46-6.66-1.46c-1.25,0-2.08-1.46-3.33-1.46c-2.08,0-3.33,1.1-5.41,1.46 c-0.83,0-1.25,1.46-2.08,1.46c-2.92,0-4.58-1.1-7.49-1.46c-1.67,0-2.5-1.46-4.16-1.46c-8.74-0.74-13.74-0.74-22.48-1.1l-9.15,3.65 l-31.42-1.1c-9.78,1.46-15.19,2.39-24.97,2.39c-2.92,0-3.7-0.47-6.61-0.47c-1.46,0-2.96,0.11-4.21,0.47 c-1.45,0.36-2.7,1.09-4.16,1.46c-1.25,0.36-1.87,2.92-3.33,2.92c-2.08,0-2.92-2.92-5-2.92c-23.51,0-15.35-3.4-38.86-3.4 c-0.84,0-15.3,3.73-15.92,3.73c-1.46-0.37-7.83-2.54-9.49-2.54s-4.26,0.34-5.92,0.34c-1.26,0-3.67-1.02-4.92-1.02 c-1.87,0-6.63,2.06-8.3,1.69c-2.7-0.73-0.36,1.27-3.07,0.17C79.4,5.01,78.27,6.4,76.61,6.4c-2.5-0.37-4.16,0-6.66,0 c-1.25,0-2.08-1.46-3.33-1.46c-2.49,0-3.74,2.92-6.24,2.92H58.3c-1.45-0.36-2.49-2.92-4.16-2.92c-1.66,0-2.5,1.46-4.16,1.46 c-3.33-0.36-4.99-1.46-8.32-1.46H37.5c-1.66,0-2.5,1.46-4.16,1.46c-3.33,0-4.99-0.73-8.32-1.46c-1.88-0.37-3.12-1.46-5-1.46 c-1.45,0-1.81,2.31-3.06,2.31c-1.45,0-2.78,1.14-4.44,1.14c-1.67,0-2.49-0.54-4.15-0.54C4.25,6.39,3,7.05,0,7.89v21.94 c6.35,0.42,10.35-0.24,11.48-0.26c16.97-0.43,11.74-0.44,13.2-0.44c17.06,0,2.64-1.47,19.7-1.47c1.46,0,2.08,1.46,3.54,1.46h3.33 c1.66,0,2.49,1.46,4.16,1.46h3.33c2.3,0,3.54,1.1,5.83,1.1c1.88,0,3.12-1.1,5-1.1c1.25,0,2.08-1.46,3.33-1.46 c1.66,0,2.5,1.46,4.16,1.46h14.15c1.67,0,2.5,1.1,4.16,1.1c2.92,0,4.58-1.1,7.49-1.1c1.25,0,2.08-1.46,3.33-1.46 c2.91,0,4.58,2.55,7.49,2.55c2.08,0,2.92-2.55,5-2.55c1.66,0,2.5,1.46,4.16,1.46c2.08,0,2.91-2.92,4.99-2.92h1.67 c1.46,0,2.08,2.92,3.54,2.92c13.94,0,16.64-1.63,30.58-1.63c1.87,1.46,7.08,4.05,9.37,4.05c1.04,0,2.08-1.5,3.12-1.5 c3.32-0.36,4.99-1.46,8.32-1.46h4.16c2.5,0,4.16,1.46,6.66,1.46c1.25,0,2.08,1.46,3.33,1.46c2.08,0,3.33-1.1,5.41-1.46 c0.83,0,1.25-1.46,2.08-1.46c2.92,0,4.58,1.1,7.49,1.46c1.67,0,2.5,1.46,4.16,1.46c8.74,0.74,13.74,0.74,22.48,1.1l9.15-3.65 l31.42,1.1c9.78-1.46,15.19-2.39,24.97-2.39c2.92,0,4.58,1.55,7.49,1.55c1.46,0,2.08-1.19,3.33-1.55c1.45-0.36,2.7-1.09,4.16-1.46 c1.25-0.36,1.92-1.58,3.38-1.58c2.08,0,2.87,1.58,4.95,1.58c23.51,0,15.35,3.4,38.86,3.4c0.84,0,15.3-3.73,15.92-3.73 c1.46,0.37,7.83,2.54,9.49,2.54s4.26-0.34,5.92-0.34c1.26,0,3.67,1.02,4.92,1.02c1.87,0,6.63-2.06,8.3-1.69 c2.7,0.73,0.36-1.27,3.07-0.17c1.45,0.36,2.58-1.03,4.24-1.03c2.5,0.37,4.16,0,6.66,0c1.25,0,2.08,1.46,3.33,1.46 c2.49,0,3.74-2.92,6.24-2.92h2.08c1.45,0.36,2.49,2.92,4.16,2.92c1.66,0,2.5-1.46,4.16-1.46c3.33,0.36,4.99,1.46,8.32,1.46h4.16 c1.66,0,2.5-1.46,4.16-1.46c3.33,0,4.99,0.73,8.32,1.46c1.88,0.37,3.12,1.46,5,1.46c1.45,0,1.81-2.31,3.06-2.31 c1.45,0,2.78-1.14,4.44-1.14c1.67,0,2.49,0.54,4.15,0.54c4.12,0,5.37-0.66,8.37-1.5V4.23C490.03,3.8,486.03,4.46,484.9,4.49z'/%3E%3C/svg%3E%0A");
}

.type-picture figure { position: relative; }
.type-picture figure:after {
	top: auto;
	bottom: -10px;
	background-position: top right;
	background-size: 155%;
}

@media(max-width: 767px){
	#page:before, 
	#footer:before,
	#footer:after	 {
		background-size: 150%;
	}
	
	#page:before { border-radius: 10px 10px 0 0; background-position: center top; } 
}



#footer { margin-bottom: 2rem; }
#main 		{ background: transparent; }


/* === HEADER === */
#header { width: 100%; background: transparent; }
.header__content { position: absolute; left: 0; right: 0; height: 0; z-index: 1; }

/* HEADER: LOGO */
.logo { position: relative; top: 0; left: 0; margin: 0; text-transform: uppercase; text-align: center; }
.logo a:hover { text-decoration: none !important; }
.logo a:focus { outline: none; }

.logo { position: relative; top: 0; left: 0; white-space: nowrap; max-width: 170px; margin: 0; padding: 0; }
.logo { background: left top no-repeat url('../img/naturpaedagogik-bs__logo.svg') transparent; background-size: contain;}

.logo a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; outline: 0; text-indent: -999px; overflow: hidden; }
.logo:after { content: ''; display: block; width: 100%; height: 0; padding-bottom: 73.80%; }

.logo {  }
.logo__title { margin: 0; }

@media(min-width: 768px){
	.logo { max-width: 2000px; }
}

/* HEADER: MENU */
#nav { background: #FFF; }
@media(max-width: 767px){
	#page > div { overflow: hidden; }
	
/*	#nav { font-size: 1.2rem; }*/
	#nav { position: absolute; z-index: 1; top: 100%; bottom: auto; left: -1em; width: auto; right: -1em; margin: 0 0 0 0; padding: 1em 2em !important; }
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
	
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}
	.menu--is-active #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	#nav:before { content: ''; position: absolute; z-index: 999; top: 100%; left: 0; right: 0; height: 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0)); pointer-events: none; }
	
	.menu--primary .l2 { padding: 0 0; }
	.menu--primary .l2 .menu__item:last-child { border-bottom: 1px solid #DADADA; }
	
	.menu--primary a { padding: 1rem 0 !important; margin: 0 0 0 0; }
	.menu--primary.l1 > li { border-bottom: 1px solid #DADADA; padding-left: 0 !important; }
}


.menu, .menu ul { list-style: none; margin: 0; padding: 0; line-height: 1.2; position: relative;  }
.menu__item { margin: 0; padding: 0; }
.menu__item { position: relative; }
.menu__item a { text-decoration: none; display: block; position: relative; }
.menu__item b { font-weight: inherit; }

/*.menu--primary { padding: 0 0 1em 0; position: relative; font-size: 18px; }*/

.menu--primary a { transition: color .3s; text-transform: none; }
.menu--primary a:hover { text-decoration: none; color: inherit; }

.menu--primary li.act, 
.menu--primary li.cur { border-color: #1F5D09 !important; }

.menu--primary li.act > a, 
.menu--primary li.cur > a { color: #1F5D09 !important; }

.menu--primary li.act > a b, 
.menu--primary li.cur > a b {  }


.menu--primary {  }
.menu--primary a { display: block; padding: 1em 1.0rem;}
.menu--primary b { position: relative; display: block; padding: 0 0; }



/* LEVEL 1 */
.menu--primary > .menu__item { position: relative; }

/* LEVEL 2 */
.menu--primary .l2 { font-size: .9em; color: #323232; }
.menu--primary .l2 > .menu__item {  }
.menu--primary .l2 a { padding: 1em 1.0rem; margin: 0 -1.0rem; }
.menu--primary .l2 a:hover { color: #000000; z-index: 2; text-decoration: none; }


.menu--primary .l2 > .act > a, 
.menu--primary .l2 > .cur > a { color: #000000; }


/* LEVEL 3 */
.menu--primary .l3 a { padding: .2em 1.0rem !important;  }
.menu--primary .l3 a:hover { color: #333; z-index: 2; text-decoration: none; }
.menu--primary .l3 span { display: inline-block; width: 5ex; }



@media(min-width: 992px){
	#nav { background: #FFFFFF; }
	.menu { color: #444;  }

	.menu--primary { font-weight: 600; }
	.menu--primary a { margin-left: -1.5em; margin-right: -1.5em; padding: 1em 1.5rem;}
	
	.menu--primary.l1 > li.sub:hover > a { color: #666;}
	
	/*
	.menu--primary > li:before { content:''; display:block; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #5C5C5C;  }
	.menu--primary > li:first-child:before { content: none; }
	*/
	
	/* L1@HOVER */
	/*
	.menu--primary a b:before { position: absolute; bottom: -3px; height: 2px; left: 0; right: 0; overflow: hidden; content:''; border-radius: 1px; background: #90B9AE; transition: all .3s; opacity: 0; transform: scaleX(0); transform-origin: center center; }
	.menu--primary a:focus b:before,
	.menu--primary a:hover b:before { transform: scaleX(1); opacity: 1; }

	.menu--primary li.act > a b:before, 
	.menu--primary li.cur > a b:before { transform: none; opacity: 1; }
	*/
		
	/* L2@DROPDOWN */
/*	.menu--primary .l2:before { content: ''; position: absolute; top: 2.5em; width: 200vw;  bottom: auto; left: -100vw; right: 0; height: 1000vh; background: rgba(30,30,30,0.7);  }*/
	
	.menu--primary .l2 { position: absolute; top: 100%; left: 0; width: auto; padding: 1em 1.5rem; margin: 0 auto; background: #FFF;  }
	.menu--primary .l2 > .menu__item { border-bottom: 2px solid #FFF; }
	
	.menu--primary .l2 a:after { content: none; position: absolute; bottom: 0; left: 1em; right: 1em; height: 1px; background: #DADADA;  }
	.menu--primary .l2 li:last-child a:after { display: none;  }

	.menu--primary .l2 { left: -999em; right: auto; opacity: 0; transform: translateY(10px); }
	.menu--primary li:hover .l2 		{ left: 0; opacity: 1; transform: translateY(0); }
	.menu--primary li:focus-within .l2  { left: 0; opacity: 1; transform: translateY(0); }

	.menu--primary .l2 { transition: left 0s linear 0.5s, opacity .5s, transform .5s; }
	.menu--primary li:hover .l2  		{ transition: left 0s, opacity .5s, transform .5s; }
	.menu--primary li:focus-within .l2 	{ transition: left 0s, opacity .5s, transform .5s; }
	
	.menu--primary .l3 { height: auto; }
}


#canvas #primarynav .tggl { display: none; }
@media (max-width: 991px) {
	#canvas #primarynav .tggl { display: block; position: absolute; right: 0; top: 5px; bottom: 0; width: 60px; height: auto; padding: 0; background: transparent; border: 0; border-left: 1px solid #ccc; text-indent:-999em; overflow: hidden; }
	#primarynav .tggl:after {
		content: '';
		border: 2px solid #999;
		display: block;
		width: 12px;
		height: 12px;
		margin-bottom: -4px;
		position: absolute;
		bottom: 50%;
		left: 50%;
		margin-left: -6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#primarynav .tggl:after {
		border-top: 0;
		border-left: none;
	}
	
	#primarynav .opnd > a > .tggl:after {
		margin-bottom: -10px;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	
	#primarynav .l2 { max-height: 0; overflow: hidden; }
	#primarynav .opnd > .l2 { max-height: 1000px; }

	#primarynav .l3 { max-height: 0; overflow: hidden; }
	#primarynav .opnd > .l3 { max-height: 1000px; }
	
}

/* ==================================== */
.navbar-toggle {
	position: absolute;

	bottom: .7em;
	right: 0;
	z-index: 999;
	padding: 15px 20px;
	height: 60px;
	width: 70px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 0;
	
	display: block;
	border: 0;
}

.navbar-toggle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0); z-index: 2; }
.menu--is-active .navbar-toggle:before { left: 99%; }

.navbar-toggle:focus { outline: 0; }

.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 3px;
	border-radius: 1px;
	background: #333333;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px; }

.menu--is-active .navbar-toggle .icon-bar { opacity: 0;  }

.menu--is-active .navbar-toggle .sr-only + .icon-bar,
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ opacity: 1; }
.menu--is-active .navbar-toggle .sr-only + .icon-bar 		{ transform: translateY(10px) rotate(45deg) }
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ transform: translateY(-10px) rotate(-45deg)  }

@media (min-width: 768px) {
	.navbar-toggle { display: none; }
}
	
/* BODYTEXT */
/* === TEXTSTILE ======================================= */
body, 
.font-weight-normal, 
.font-weight-light { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #313131; font-family: 'Mulish', Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: 400 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, 
.btn--1, 
.font-weight-bold, 
strong { 
	font-family: 'Mulish', Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight: 700 !important;
}

/* FONTSIZES ALL TOGETHER */
html 		{ font-size: 15px; line-height: 1.45; font-weight: 400; }
@media(min-width: 576px){
	html 		{ font-size: 15px; }
}
@media(min-width: 992px){
	html 		{ font-size: 16px; }
}

.text-size--xxl { font-size: 2.70rem; }
.text-size--xl 	{ font-size: 1.20rem; }
.text-size--l 	{ font-size: 1.06rem; }
@media(min-width: 992px){
	.text-size--xs 	{ font-size: 0.72rem; }	
}

.text-size--s, 
.imgwrap figcaption 	{ font-size: 0.9rem; }
@media(min-width: 576px){
	.text-size--s, 
	.imgwrap figcaption 	{ font-size: 0.866667rem; }
}	


.text-size--rel { font-size: 1vw; }
.text-size--rel .text-size--xxl { font-size: 2.50em; }
.text-size--rel .text-size--xl 	{ font-size: 1.50em; }
.text-size--rel .text-size--l 	{ font-size: 1.30em; }
.text-size--rel .text-size--s 	{ font-size: 0.72em; }
.text-size--rel .text-size--xs 	{ font-size: 0.72rem; }

/*
@media(min-width: 1680px){
	.text-size--rel { font-size: .9rem; }
}
*/

@media(max-width: 767px){
	.text-size--rel { font-size: 2vw; }
}


/* HEADINGS */
.header { line-height: 1; margin-bottom: .5rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }

.h1, h1 { color: #1F5D09; font-size: 1.90rem; text-transform: uppercase; }
.h2, h2 { color: inherit; font-size: 1.20rem; text-transform: none; }
.h3, h3 { color: inherit; font-size: 1.10rem; text-transform: none; }
.h4, h4 { font-size: 1em; line-height: 1.5; font-weight: 400 !important; }

.ctype-header .header, 
.ctype-header .header * { margin-bottom: 0; }

.ctel.text-white .header * {  color: #fff !important; }

.wsh { margin-bottom: 1em; }
.wsh * { margin-bottom:0; }
.wsh p { margin-top: .2em; }

.text-justify .header { text-align: center; }

/* === CTEL === */
.ctel { }
.ctel__layout { /*padding-bottom: 0; padding-left: 3em; padding-right: 3em; overflow: hidden;*/ }
/*#content [class^="bg-"], #content [class*=" bg-"] { padding: 3em; }*/

.text-justify p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.hyph-off { word-wrap: unset; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; text-align: left; } 

p { margin-bottom: 1.5rem; }
/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.5rem; }
li { padding: 0; margin: 0; }

.csc-text-text :first-child { margin-top: 0; }
.csc-text-text li p { margin-bottom:0; }
.csc-text-text li p + p { margin-top:1.5rem; }
.csc-text-text ul li, 
.csc-text-text ol li { margin-left: 0; padding-left: 1.4em; margin-bottom: .3em; position: relative; }
.csc-text-text ul li { list-style: none; }
.csc-text-text ul li:before {
	content:"";
	overflow: hidden;
	position: absolute;
	width: .4em;
	height: 7px;
	left: 0;
	top: .45em;
	font-size: 1.2em;
	line-height: 1;
	background-color: #588A23;
	opacity: 1;
	border-radius: 4px;
}
.csc-text-text ul.list-unstyled { margin-bottom: 0; }
.csc-text-text ul.list-unstyled li { padding-left: 0; position: static; }
.csc-text-text ul.list-unstyled li:before { content: none; }

.csc-text-text ul.list--1 { margin: 0 -3rem;  }
.csc-text-text ul.list--1 li { border-top: 3px solid #E5E4E2; padding: 1rem 3rem 1rem 4.8rem; margin-bottom: 0; }
.csc-text-text ul.list--1 li:before { margin-top: 1rem; margin-left: 3rem; }

.csc-text-text  ol {counter-reset: root; padding-left: 0;}
.csc-text-text  ol > li { display: block; margin-left: 0; position: relative; padding-left: 1.6em; }
.csc-text-text  ol > li:before { position: absolute; line-height: inherit; left:0; top: 0; content: counter(root) ". "; counter-increment: root; }

.csc-text-text ol.ol--big-numbers > li { padding-left: 2.4em; }
.csc-text-text ol.ol--big-numbers > li:before { color: #f9b82b; font-size: 2em; }



/* BTNs */
.btn--1 { background: #EBF0D4; display: inline-block; padding: .7em 1em; margin: 0.2em 0; line-height: 1; text-align: center; border-radius: 0; text-decoration: none; transition: all .3s; border: 0 !important; letter-spacing: 1px; }
.btn--1 { word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } 
.btn--1, .btn--1:link, .btn--1:visited, .btn--1:active { color: #1F5D09 !important; }
.btn--1:hover { text-decoration: none; }

.ctel--links-dark .btn--1, 
.btn--1-dark { background: #AE9271; }
.ctel--links-dark .btn--1, .ctel--links-dark .btn--1:link, .ctel--links-dark .btn--1:visited, .ctel--links-dark .btn--1:active { color: #fff !important; }
.ctype-gridelements_pi1.ctel--links-dark .btn--1 { margin: 5px; }

/* LINKS */
.link-internal::after, .link-internal-new-window::after, .link-external::after, .link-external-new-window::after, .download::after, .mail::after, .link-down::after, .link-download::after {
	background: transparent;
	width: 1em;
	margin-right: 0;
	margin-left: .4em;
	margin-top: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none !important;
	color: inherit;
	font-size: .8em;
	font-family: 'fontello' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	transition: all .2s;
}


.link-internal { text-decoration: none !important; border-bottom: 1px dotted #aaa; }

.link-internal::after, 
.link-down::after { content: '\e81f'; margin-top: -.1em; margin-left: 0.1em; transform: translateX(.0001em); }

.link-down::after { font-size: 1.2em; position: relative; }

.btn--1.link-internal:hover::after { transform: translateX(.3em); }

.link-down::after { transform: rotate(90deg); }

.ctel a { text-decoration: underline; }
.link-external::after, 
.link-internal-new-window::after { margin-top: -.1em;  content: '\f08e'; }

.link-download::after { content: '\e820'; }

.link-internal:after {
	font-size: 1.2rem;
	/*
	width: 4em;
	height: 1em;
	content:'';
	background: transparent no-repeat center center;
	background-size: contain;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='11px' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cpolygon fill='%23ffffff' points='17.166,0 16.601,0.565 20.714,4.678 0,4.678 0,5.478 20.714,5.478 16.601,9.59 17.166,10.156 22.244,5.078'/%3E%3C/svg%3E");
*/
}

/* CTEL: IMAGES */
.ctel figcaption { margin-top: .75rem; }

figcaption { position: relative; z-index: 1; }
.type-picture figcaption, .npgs-teaser figcaption { margin-top: 0; }

figcaption .caption__copyright { position: absolute; transform: translateY(-100%); top: 0; left: auto; right: 0; color: #fff; text-shadow: 0 0 3px #000; padding: 1em 1em 0.5em 1em; }


/* CTEL: TEASER */
.teaser { position: relative; z-index: 0; /*overflow: hidden;*/ width: 100%; height: 100%; }
.teaser__images { position: relative; z-index: 1; }
.teaser__images figure { margin: 0; }

.teaser__content { padding: 0; background: transparent; line-height: 1.4; }
.teaser__content { position: absolute; top: 1em; left:1em; right: 1em; bottom: 1em; background: rgba(255,255,255,0.9); z-index: 1; padding: 1em; }
.teaser__content * {  }

.teaser .header { line-height: 1.2; }
.teaser .header * { margin-bottom: 0; }

.teaser__heading { /*margin: 0;*/ line-height: 1.3; margin:0; }
.teaser__preheading { margin-bottom: .35rem; }
.teaser__subheading {  }

.teaser__links {  }
.teaser .teaser__links { }

.teaser__links a { text-decoration: none; color: inherit; margin: 0; }

.teaser--hide-link .teaser__links { padding: 0; height: 0; overflow: hidden; }
.teaser--hide-link .teaser__content { }
.teaser--hide-link .btn--1 { padding: 0; }
.teaser--hide-link .btn--1:hover { padding-left: 3em; }
.teaser--hide-link:hover .teaser__content { }



/* TEASER W ICONS */
.teaser--icons .teaser__images { padding: 2rem 1rem; margin-top: auto; }
.teaser--icons .teaser__images img { width: 100%; object-fit: contain; height: 4.5rem; }

/* TEASER NEWS */
.teaser--news .teaser__heading { text-align: left; text-transform: none; }

/* TEASER HORIZONTAL */
.teaser--horizontal .teaser__images img { width: 100%; object-fit: contain; height: 4.5rem; max-width: 4.5rem; }


.teaser .teaser__content { 
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;

     -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
          -o-transition: all 0.8s;
         -ms-transition: all 0.8s;
             transition: all 0.8s;
                                         
     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
             backface-visibility: hidden;
}

.teaser .teaser__content:hover .details,
.teaser .teaser__content.act .details { 
     -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
          -o-transition: all 0.8s;
         -ms-transition: all 0.8s;
             transition: all 0.8s;
}

.teaser  .teaser__content {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.teaser:hover  .teaser__content,
.teaser.act  .teaser__content {
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
       -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
}


.npgs-details { margin-top: 50px !important; margin-bottom: 50px !important; }
.npgs-details .links { padding-top: 1.5rem; }

/* CTEL: atmo */
.ctel.text-over-img { padding: 0;  }

.atmo__images {  }
.atmo__content { position: relative; z-index: 1; width: 100%; max-width: 250px; margin: 0 auto; }

@media(min-width: 1px){
	.atmo { position: relative; display: flex; flex-flow: column; justify-content: center; min-height: 100%; }
	.atmo__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: 0em; top: 0; overflow: hidden; }
}

@media(min-width: 1px){
	.atmo { height: 250px !important; padding: 5em }
}


.atmo__images, .atmo__images .imgwrap, .atmo figure, .atmo .img { height: 100%;  }
.atmo__images, .atmo figure, .atmo .img { margin-top: 0 !important; margin-bottom: 0 !important; }

/* TO DO: ALIGN IMAGES */
/*.atmo figure img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: contain; object-position: left center; image-rendering: optimizespeed }*/

.atmo__images img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.atmo__content img { max-height: 150px; }

/* CTEL: DECORATION */
/* PEARLS */ 
.decoration--pearls-above { position: relative; }
.decoration--pearls-above::after {  content: ''; position: absolute; height: 70px; width: 18px; left: 50%; top: 0; margin-top: -35px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

.decoration--pearls-below { position: relative; }
.decoration--pearls-below::after {  content: ''; position: absolute; height: 70px; width: 18px; left: 50%; bottom: 0; margin-bottom: -35px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

/* === POSTER === */
.ctel.text-over-img { padding: 0;  }
.ctel.text-over-img .container-fluid { height: 100%; }

@media(min-width: 768px){
	.poster { position: relative; display: flex; flex-flow: column; justify-content: center; height: 100%; }
	.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: 0em; top: 0; background: transparent; overflow: hidden; }
}

.poster__content { position: relative; z-index: 1; /*background: linear-gradient(180deg,rgba(0,76,157,.7), rgba(34,65,121,.7)); padding: 4vw 1em;*/ }
.poster__content p { text-shadow: 0 2px 2px rgba(0,0,0,.15), 0 0 20px rgba(0,0,0,.3); }

.poster__images {  }
.poster__image { }

.poster__images, .poster__images .imgwrap, .poster figure, .poster .img { height: 100%; margin: 0 !important; }
.poster figure img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center; --image-rendering: optimizespeed }

.text-over-img--top .poster { justify-content: flex-start; } 
.text-over-img--bottom .poster { justify-content: flex-end; } 

.text-over-img--bottom-center .poster__content { align-self: center; margin-bottom: 3em; } 
	

@media(max-width: 767px){
	.ctel.text-over-img > div { height: auto !important; }
	.poster__content { background: #DCEAF4; }
	.poster__content * { color: #313131; text-shadow: unset !important; }
}

/* === FOOTER === */
#footer { margin-top: 3px; }
#footer { color: #fff; }
#footer p, 
#footer table { margin-bottom: .6em; }

.footer__content, .footer__footer { background: #588A23; }
.footer__content {  }
.footer__content a { color: inherit; text-decoration: underline; }

.footer__content .table td, .footer__content .table th { padding: 0 inherit 0 0; }

/* LEGAL */
.menu--mn { color: #fff; margin-left: 0; margin-right: 0; }
.menu--mn li { position: relative; display: inline-block; margin-left: 0 !important; padding-left: 0 !important; }
.menu--mn a { display: block; padding: 1.5em 1em; }


/* TOPLINK*/
#toTopLink { 
	position: fixed; left: auto; right: -2.5em; top: auto; bottom: 2em; z-index: 100;
	text-indent: 0; display: block; font-size: .9em; line-height: 1.5; text-transform: uppercase;

	transition: all .3s; 
	transform: scale(1);
	opacity: 1;
	
	background: #90B9AE;
	padding: .5em;
	width: 2.5em;
	overflow: hidden;
	border-radius: 5px;
	
	display: none; 
	
}

#toTopLink b { font-weight: 400; white-space: nowrap; float: right; }

#toTopLink b:after { content: '';
	display: inline-block; vertical-align: middle;
	width: 1.5em; height: 1.5em; margin-left: 1em; margin-top: 0em; border-radius: 50%; 
	border: 0;
	background: transparent no-repeat center center;
	outline: 0; 
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='8px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:1;stroke-linecap:round' points='1,7 8,1 15,7'/%3E%3C/svg%3E");
	background-size: 100%;
	
}
html.miniheader #toTopLink { opacity: 1; right: 2.5em; }


@media(max-width: 767px){
	#toTopLink { width: 32px; height: 30px; text-indent: 200px; }
	#toTopLink:after { position: absolute; top: 5px; left: 5px; margin: 0; }
	html.miniheader #toTopLink { right: 1em; }
}

/* ============================================== */

/* === JQUERY UI === */
.acc { }
.acc .header { text-align: left; background-color: #EBF0D4 !important; }

.ui-accordion .ui-state-focus { outline: 0; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; line-height: 1.2; }


.ui-accordion .ui-accordion-header .ui-accordion-header-icon:after { 
	transition: transform .2s ease;
	content :'';
	position: absolute; top: 50%; right: 1rem; width: .9rem; height: .9rem;
	z-index: 2;
	pointer-events: none;
	
	display: inline-block;
	background: transparent center center no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='30px' xml:space='preserve'%3E%3Cpolyline points='10,2 23,15 10,28' stroke='%231F5D09' stroke-width='4' fill='none' /%3E%3C/svg%3E");
	
	transition: transform .2s; 
}

.ui-accordion .ui-accordion-header-icon:after { transform: translateY(-50%) rotate(0); }
.ui-accordion .ui-state-active .ui-accordion-header-icon:after { transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); }

.ui-accordion .ui-accordion-content { padding: 1px 0 1px 0; border-top: 0; overflow: hidden; }

.ui-accordion .ui-accordion-header {  text-transform: none; background: transparent; border-radius: 0; overflow: hidden; padding: .7em 3.5em .7em 1em; margin: 2px 0 0 0 !important;  }
.ui-accordion .ui-accordion-header:first-child { margin-top: 0 !important; }

.ui-accordion .ui-accordion-header * { margin-bottom: 0; transition: color .3s; line-height: 1.2; text-transform: none; }
/*.ui-accordion .ui-accordion-header:hover * { color: #333333; }*/

.ui-accordion .ui-accordion-header p { font-weight: 400; margin-top: 0em; }
 
.ui-accordion .ui-accordion-header.ui-state-active p { }
.ctel .ui-accordion .ui-accordion-content { padding: 1em 1em; margin: 0 0 0 0; background-color: transparent; }


.ui-accordion .header.dsbld { cursor: default; pointer-events: none; }
.ui-accordion .header.dsbld .ui-accordion-header-icon { display: none; }

/*.ui-accordion .csc-text-text { padding: 1em 1em 1em 1em !important; }*/

/* === JQUI: TABS === */
.ui-tabs-nav { border-bottom: 2px solid #E9E9E9; }
.ui-tabs-tab { border-bottom: 2px solid #E9E9E9; top: 2px; }
.ui-tabs-tab.ui-state-active { border-bottom: 2px solid #333; color: #333; }
.ui-tabs-tab a { text-decoration: none !important; }
.ui-tabs .ui-state-focus { outline: 0; }



/* === SLIDE CONTENT MORE/LESS === */
.slide {  }
.slideToggle, 
.link-internal--arrow { cursor: pointer; position: relative; display: inline-block; position: relative; top: -5px; overflow: hidden; text-decoration: underline; }
.slideToggle:hover {  }

.slideToggle:after, 
.link-internal--arrow:after { 
	transition: transform .2s ease;
	content :'';
	position: relative; width: .75rem; height: .75rem;
	margin-left: .5rem;
	display: inline-block;
	background: transparent center center no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='30px' xml:space='preserve'%3E%3Cpolyline points='10,2 23,15 10,28' stroke='%23313131' stroke-width='4' fill='none' /%3E%3C/svg%3E");
}
.slideToggle:after { transform: rotate(90deg); }
.slideToggle.act:after { transform: rotate(-90deg); }


/* === OSM === */
#osm_994 { width: 100% !important; height: 30vw !important; min-height: 360px !important;}

/* GRID */
.l-grid { list-style:none; }

/* === NEWS === */
.blog .meta b:before { color: #666; }
.blog .meta p { margin-right: 1rem; }

/* === BREADCRUMBS === */
.home .breadcrumbs { display: none !important; }
.breadcrumbs { padding: 0 0; margin-left: -.5em; margin-bottom: 1.2em;  }
.breadcrumbs li { display: inline-block; margin-right:2px; position: relative;  }
.breadcrumbs li a { display: block;  }
.breadcrumbs li a:after { content: '›'; position: absolute; top: 0.45em; right: 0; font-size: 1.2em; line-height: 1; /*font-weight: 400;*/ }

.breadcrumbs li a, .breadcrumbs li.nolink { padding: .5em 1em .5em .5em; }
.breadcrumbs .nolink { color: #313131; }

/* REVEAL@SCROLL */
/* TRANSTION FADE */
.js-reveal-top { transition: all .7s; }
.js-reveal-top { transform: translateY(0); opacity: 1; }

.js-reveal-top.js-reveal--hidden { transition: none; }
.js-reveal-top.js-reveal--hidden { transform: translateY(10vh); opacity: 0; }

/* TRANSTION FADE OPACITY */
.js-reveal-fade { transition: all 1.5s; }
.js-reveal-fade { opacity: 1; }

.js-reveal-fade.js-reveal--hidden { transition: none; }
.js-reveal-fade.js-reveal--hidden { opacity: 0; }


.l-grid > * { transition: all 1s; }
.l-grid > * { opacity: 1; }
.js-reveal--hidden.l-grid > * { opacity: 0; }

/*
.l-grid > *:nth-child(1) { transition-delay: 0.3s }
.l-grid > *:nth-child(2) { transition-delay: 0.6s }
.l-grid > *:nth-child(3) { transition-delay: 0.9s }
.l-grid > *:nth-child(4) { transition-delay: 1.2s }
.l-grid > *:nth-child(5) { transition-delay: 1.5s }
.l-grid > *:nth-child(6) { transition-delay: 1.8s }
.l-grid > *:nth-child(7) { transition-delay: 2.1s }
.l-grid > *:nth-child(8) { transition-delay: 2.4s }
.l-grid > *:nth-child(9) { transition-delay: 2.7s }
*/

.js-reveal--hidden.l-grid > * { transition: none; }

/* === OSM === */
#osm_1313 { width: 100% !important; height: 42vw !important; min-height: 360px !important; max-height: 520px !important;}

/* === EVENTS === */
/* @LIST */
.list--events { border-top: 2px solid #9d9d9d; }
.list--events .list__item { border-bottom: 2px solid #9d9d9d; }
.list--events .list__item:nth-child(even) { background: #DCEAF4; }
.list--events a { text-decoration: underline; }


/* === MAILFORM ========================== */
#cntctfrm {  }

#cntctfrm fieldset {
	border: 0;
	border-top: 2px solid #9d9d9d;
	background: transparent;
    display: block;
    margin: 2em 0;
    padding: 1em 0;
	
}
#cntctfrm legend {
/*	font-size: inherit;*/
	margin: 1em 0;
	font-weight: bold;
	float:left;
}
#cntctfrm .row, 
#cntctfrm .frow { clear: left;  }
#cntctfrm .frow { padding: 0 0 .5em 0; position: relative; } 

#cntctfrm label { font-weight: 400; margin-bottom: 0; }

#cntctfrm input[type=text], 
#cntctfrm textarea { padding: 5px 5px; margin: .2em 0 0 0; width: 100%; background: #DDE8F0; border-radius: 1px; }

#cntctfrm textarea { height:auto; }

#cntctfrm input[type=submit] { border: 0; }
#cntctfrm input[type=submit]:hover { text-decoration: none; color: #fff }

::-webkit-input-placeholder{ color:#999; }
    :-ms-input-placeholder { color:#999; }
        ::-moz-placeholder { color:#999; }
         :-moz-placeholder { color:#999; }

.row_tasty { display: none; }

#cntctfrm input[type=text], #cntctfrm textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	outline: 0;
	border: 1px solid #ccc;	
}
 
#cntctfrm input[type=text]:focus, #cntctfrm textarea:focus {
  outline: 0 !important;
  border: 1px solid #0E71B8;
  background: #fff;
}


/* ==== */
#cntctfrm ul li {
  display: block;
  position: relative;
}

/*
#cntctfrm ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}
*/

#cntctfrm ul li label{
  display: block;
  position: relative;
  padding: 0 2.0em 0 1.3em;
  margin: 0;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

#cntctfrm ul li .check{
  display: block;
  position: absolute;
  background: #ffffff;
  border-radius: 1px;
  height: 1.5em;
  width: 1.5em;
  top: 0;
  right: 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

#cntctfrm ul li:hover .check {
/*  border: 5px solid #FFFFFF;*/
}

#cntctfrm ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 1px;
  height: .7em;
  width: .7em;
  top: .4em;
	left: .4em;
  margin: auto;
  background: ;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

/*
#cntctfrm input[type=radio]:checked ~ .check {
  background: #0DFF92;
}
*/
#cntctfrm input[type=radio]:checked ~ .check::before{
  background: #999;
}


#cntctfrm select {
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: .5em 3em .5em 1em;
	box-shadow: none;
	
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 15px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='10px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%237698c4;stroke-width:2;stroke-linecap:round' points='2,2 10,9 18,2'/%3E%3C/svg%3E");
	
}


/* RADIO GROUP */
.form__label {  }
.form__wrap {  }

.radio .form__wrap { margin-right: -.5em; }

#cntctfrm .radio label { font-size: inherit; width: 2.6em; padding: .3em; margin: 0 0.2em; display: inline-block; text-align: center; }
#cntctfrm .radio label, #cntctfrm .radio label * { cursor: pointer; }
#cntctfrm .radio .label { padding-top: .3em; padding-bottom: .3em; hyphens: auto; }
.label__icon { width: 1.5em; height: 1.5em; margin: 0 0.75em; }

.form__row--buttons { margin-top: 1em; } 

#cntctfrm .has-error { color: #EC6501; }
#cntctfrm .big { vertical-align: top; }

/*.poll__lines > div:nth-child(even) {background: #EEE}*/
.poll__lines > div { border-bottom: 1px solid #BBB; }

@media(min-width: 768px){
	#cntctfrm {  }
	#cntctfrm label img { display: none; }
	#cntctfrm textarea { height: 7.8em; }
}

@media(max-width: 767px){
	#cntctfrm input[type=submit] { width: 100%; }
		
	#cntctfrm .label + div { display: flex; }
	#cntctfrm .frow > label { flex: 1; margin: 0 .2em; padding: 0; }
	#cntctfrm .frow > label img { padding: .2em .3em; margin: 0; width: 100%; max-width: 3em; height: auto; border-radius: 3px; overflow: hidden; }
	
	#cntctfrm input[type=radio] { display: none; }
	#cntctfrm input[type=radio]:checked + img { background: #FFF; }
	
	#cntctfrm textarea { height: 7.2em; }
}


.npgs-teaser img { max-width: 150%; width: 100%; }
.npgs-teaser { width: 100%; }

.npgs-teaser .stretched-link:before { 
	content:'\e81f'; 
	font-family: 'fontello';
	position: absolute; left: 50%; top: 100%; transform: translate(-50%, -70%); 
	line-height: 2; font-size: 1.5rem; text-align: center;
	width: 3rem; height: auto; border-radius: 50%;
	background: #EBF0D4 !important; color: #1F5D09 !important; 
	
}

@media(hover: hover) and (pointer: fine) {
	.npgs-teaser .stretched-link:before {
		transition: opacity .3s, top .3s;
		
		opacity: 0;
		top: 110%;
	}

	.npgs-teaser:hover .stretched-link:before {
		opacity: 1;
		top: 100%;
	}
}


.f-select > span { display: block; padding: .5rem 5rem .5rem .5rem; background: #A3B937; background: #ACBF4A; color: #fff; cursor: pointer; font-weight: 700; border-radius: 2px; position: relative; z-index: 1; }
.f-select:after { 
	transition: transform .2s ease;
	content :'';
	position: absolute; top: 50%; right: 1rem; width: .9rem; height: .9rem;
	z-index: 2;
	pointer-events: none;
	
	display: inline-block;
	background: transparent center center no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='30px' xml:space='preserve'%3E%3Cpolyline points='10,2 23,15 10,28' stroke='%231F5D09' stroke-width='4' fill='none' /%3E%3C/svg%3E");
}

.f-select:after { transform: translateY(-50%) rotate(90deg); }
.f-select.is-active:after { transform: translateY(-50%) rotate(-90deg); }


.f-select { position: relative; display: block; }
.f-select + .f-select { margin-top: .5rem; }

@media(min-width: 767px){
	.f-select { display: inline-block; }
	.f-select + .f-select { margin-top: 0; margin-left: .5rem; }
}


.f-select ul { position: absolute; z-index: 100; opacity:0; top: 100%; min-width: 100%;  left: 0; right: auto; max-height: 0; background: #fff; padding: 0; white-space: nowrap; box-shadow: 0 0 10px #999; overflow: hidden; }
.f-select.is-active  ul { opacity: 1; max-height: 20rem; }

.f-select .all { display: none; }
.f-select.is-act .all { display: block; }

.f-select__item { padding: .75rem .75rem; text-decoration: none; cursor: pointer; } 
.f-select__item:hover { background: #f3f3f3; }
.f-select__item--act {  }
.f-select__item.act { background: #ddd; }

.f-select .label-act { display: none; }
.f-select.is-choosen .label { display: none; }
.f-select.is-choosen .label-act { display: block; }

/* === SLICK SLIDES === */
.slick-slider {  }
.slick-dots { position: absolute; margin-top: 0; bottom: 5px;  }
.slick-dots li button::before { content: none; }

.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: .75rem 1rem;
  width: auto;
  height: auto; 
}
.slick-dots li button {
	    font-size: 0;
	    line-height: 0;
		
  width: 1em;
  height: 1em;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFF;
  padding: 5px;
  
  vertical-align: middle;
  color: #fff;
  background-color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 1;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  background: #EC1A3B;
  background: #1F5D09;
  opacity: 1;
}

/* ISOTOPE */
/* Show All@Filtering */
.js-isotope + .selectors { opacity: 0; transition: opacity .5s; }
.selection-active + .selectors { opacity: 1; }

.filter { background: #EBE4DB; background: #f1f1f1; /*border-bottom: 2px solid #ACBF4A;*/ }
.filter a:link { text-decoration: none !important; outline: 0 !important; border: 0 !important; }
.filter .act a { color: #EC7B07; }
/*.filter .act .btn--1 { color: #FFFFFF; }*/

.grid { position: relative; }
.js-isotope .grid__item { opacity: 1; z-index: 1; position: absolute; top: 0; left: 0;  }
.grid.is-active .grid__item { /*opacity: 0.4;*/ }
.grid .grid__item.is-active { opacity: 1 !important; z-index: 9999 !important; /*max-width: 100% !important;*/}

.selectors a { display: inline-block; padding-top: .5em; padding-bottom: .5em; }

/*
.grid__overlay { transition: opacity .3s; position: absolute; top: 0; bottom: 0;  right: -50vw !important; left:-50vw !important; background: rgba(255,255,255,.6); z-index: 2; display: block !important; opacity: 0; pointer-events: none; cursor: pointer;}
.grid.is-active .grid__overlay { opacity: 1 !important; pointer-events: all; }
*/

/* === FANCYBOX ===*/
/*.fancybox-bg {  background: rgba(0,50,50,.8); }*/
.fancybox-is-open .fancybox-bg { /*opacity: 1;*/ }

.fancybox-stage { 
	overflow-y: auto !important;
}

.fancybox-slide--html {
	padding: 44px 10px;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
}
@media(min-width: 767px){
	.fancybox-slide--html {
    	padding: 44px 10px;
		left: 40px;
		right: 40px;
	}
}

.fancybox-slide--html .fancybox-content {
/*	min-width: 600px;*/
	max-width: 1000px;	
	max-height: 100% !important;
	
	margin: 0 auto !important;
	overflow: auto;
	background: #FFF;
}