#lightboxOverlay {
	z-index: 10000 !important;
	}	
		
* {
	padding: 0;
	margin: 0;
	}
html, body, .wrapper {
	height: 100%;
	}
html {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: visible;
	}
body {
	overflow-x: hidden;
	font-size: large;
	font-family: 'Barlow Semi Condensed';
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 400;
	line-height: 1.65em;
	color: #444;
	background: rgba(215, 180, 105, 0.13);

	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
   -webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	}

@media (max-width: 380px) {
	body {
	line-height: 1.55em;
	font-size: 105%;
	}
}

/* ============================================================== 
    # AUFBAU  
=================================================================== */
.content {
	margin-top: 50px;
	padding: 50px;
	position: relative;
	display: inline-block;
	width: 100%
	}			

@media (max-width: 992px) {
	.content { 
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
		padding: 40px
		}
}
@media (max-width: 767px) {
	.content { 
		padding: 30px
		}
}		
@media (max-width: 575px) {
	.content { 
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px);
		}
}		
/* --------- end AUFBAU -------- */






/* ============================================================== 
    # CONTENT RECHTS  
=================================================================== */
.content-rechts {
	font-size: 95%;
	line-height: 1.5em;
	padding-left: 35px
	}
	

.content-rechts .well {
	box-shadow:  none;
	width: 100%;
	padding: 1.25em 1.5em;
	}
.content-rechts h1	{ font-size: 220%; margin-top: 0; line-height: 1.15em; color: #132574;  }
.content-rechts h2	{ font-size: 185%; margin-top: .25em;  }		
.content-rechts h3	{ font-size: 160%; margin-top: .5em;  }		
.content-rechts h4	{ font-size: 130%; margin-top: .5em; color: #d7b469;  }		
.content-rechts h5	{ font-size: 115%; margin-top: 1em;  }	


.content-rechts .bg-hausfarbe-light h1	{ color: #d7b469;  }	


@media (max-width: 992px) {
	.content-rechts {
	padding-left: 12px
	}
}
@media (max-width: 1400px) and (min-width: 767px) {
	.content-rechts h1	{ font-size: 195%  }
	.content-rechts h2	{ font-size: 170%  }		
	.content-rechts h3	{ font-size: 145%  }		
	.content-rechts h4	{ font-size: 120%  }		
	.content-rechts h5	{ font-size: 110%  }	
	}	

/* --------- end CONTENT RECHTS   -------- */	
	
	



/* ============================================================== 
    # FOOTER  
=================================================================== */
footer {
	font-size: 90%;
	line-height: 1.2em;
	font-weight: 300;
	background: #132574;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 50px;
	position: relative;
	}
footer > .container {
	padding-top: 1em;
	padding-bottom: 2.5em;
	}	
footer .logo {
	margin: 0 auto 1.5em auto;
	width: 200px;
	display: inline-block;
	text-align: center;
	display: none
	}
footer b {
	color: #fff;
	font-weight: 500 !important
	}		
footer .icon {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: .5em;
	color: rgba(255, 255, 255, 0.6);
	padding-left: 25px
	}
	footer .icon a {
	color: rgba(255, 255, 255, 0.6) !important
	}
	footer .icon a:hover {
	color: #fff !important
	}	
	footer .icon i {
	font-size: 90%;
	margin-left: -25px;
	width: 20px;
	color: #d7b469 !important;
	}
	footer .icon i.white {
	color: rgba(255, 255, 255, 0.8) !important;
	}
	footer .icon i.hausfarbe {
	color: #d7b469 !important
	}		
					
footer h3 {
	font-size: 130%;
	line-height: 1.2em;
	margin-top: 2em;
	margin-bottom: .6em;
	color: #d7b469 !important;
	}
footer h4 {
	font-size: 120%;
	margin-top: 1.5em;
	margin-bottom: .6em;
	color: #d7b469 !important;
	}	
footer h6 {
	margin-top: 1.4em;
	margin-bottom: 0;
	color: #fff !important;
	color: #d7b469 !important;
	color: rgba(255, 255, 255, 0.6) !important;
	font-size: 100%;
	font-weight: 500;
	margin-left: -10px !important
	}
	footer h6 sup {
	width: 10px
	}	
	
footer .row .row {
	margin-bottom: .5em;
	}	



footer .sponsoren {
	margin-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 2em;
	padding-bottom: 2.5em;
	/*background: #112168;*/
	}
	footer .sponsoren h5 {
	width: 100%;
	font-size: 100%;
	letter-spacing: 0 !important;
	font-weight: 300 !important;
	color: rgba(255, 255, 255, 0.4) !important;
	margin: 0 0 1em 0
	}
	footer .sponsoren .d-flex {
	clear: both;
	width: 100%;
	}	
	footer .sponsoren a {
	opacity: .5;
	text-align: center;
	}
	footer .sponsoren a:hover {
	opacity: 1;
	transition: .1s
	}
	footer .sponsoren a img {
	height: 75px;
	transition: all 0.35s ease-in-out;
	}	
	footer .sponsoren a:hover img {
	  transform: scale(1.1);
	  -webkit-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -o-transform: scale(1.1);
	}
	
		
.footer-bottom {
	background: #d7b469;
	background: #132574;
	background: #0f1e5d;
	background: #112168;
	color: rgba(255, 255, 255, 0.4);
	padding: 1.3em 0 !important;
	font-size: 85%;
	font-weight: 300;
	border-top: 1px solid rgba(255, 255, 255, 0.1)
	}
	
	.footer-bottom .icon {
	float: left;
	width: auto;
	white-space: nowrap;
	padding-left: 20px;
	margin-right: 1em;
	padding-bottom: 0;
	margin-top: 0;
	}
	.footer-bottom .icon i {
	color: rgba(255, 255, 255, 0.4);
	margin-left: -20px;
	width: 20px;
	text-align: left
	}
	.footer-bottom a {
	color: rgba(255, 255, 255, 0.4);
	}
	.footer-bottom a:hover {
	color: #fff;
	}	
	.footer-bottom .txt_xs {
	color: rgba(255, 255, 255, 0.3);
	}
	
.footer-bottom [class*="col-"]:first-child {
	}
.footer-bottom [class*="col-"]:last-child {
	text-align: right	
	}	
	
@media (max-width: 1200px) {
	footer .sponsoren a img {
	height: 60px;
	}
}
@media (max-width: 992px) {
	.footer-bottom [class*="col-"] {
	text-align: center !important	
	}
	/*.footer-bottom [class*="col-"]:last-child {
	text-align: left	
	}	*/
	
	footer .sponsoren h5 {
	text-align: center
	}
	footer .sponsoren .d-flex {
	display: inline-block !important;
	text-align: center
	}
	footer .sponsoren .d-flex a {
	margin: 20px
	}
}	
@media (max-width: 575px) {
	footer > .container {
		padding-top: 0;
		padding-bottom: 1em;
		padding-left: 30px;
		padding-right: 30px
	}	
}
/* --------- end FOOTER -------- */













/* ============================================================== 
    # FARBEN  
=================================================================== */
.hausfarbe 				{ color: rgba(215, 180, 105, 0.5) !important; color: #d7b469 !important;  } /* beige */
.hausfarbe2 			{ color: rgba(19, 36, 116, 0.5) !important; color: #132574 !important; } /* dunkelblau  */
.hausfarbe3 			{ color: rgba(119, 170, 238, 0.5) !important; color: #77aaee !important;   } /* hellblau */
	
.bg-hausfarbe			{ background: #d7b469 !important; }	
.bg-hausfarbe-light		{ background: rgba(215, 180, 105, 0.13) !important; }

.bg-hausfarbe2 			{ background: #132574 !important; }
.bg-hausfarbe2-light	{ background: rgba(19, 36, 116, 0.07) !important; }

.bg-hausfarbe3			{ background: #77aaee !important; }
.bg-hausfarbe3-light 	{ background: rgba(119, 170, 238, 0.1) !important; }	
	
.bg-white 				{ background: #fff !important }
.bg-shadow 				{ background: #fff; box-shadow: 0 .2em .9em rgba(0, 0, 0, 0.2); z-index: 10; position: relative }
	
	
a.white,
.white a,
.icon.white a			{ color: #fff !important }

a.white:hover,
.white a:hover,
.icon.white a:hover 	{ color: #fff !important; text-decoration: underline }

.icon.white				{ border-color: rgba(255, 255, 255, 0.3) !important }

/* --------- end FARBEN -------- */




/* ============================================================== 
    # HEADLINES  
=================================================================== */
h1, h2, h3, h4, h5, h6 {
	color: #132574;
	margin-top: 2.5em;
	margin-bottom: .5em;
	line-height: 1.2em;	
	letter-spacing: .01em;
	font-weight: 500;
	text-transform: uppercase;
	}
h1 {
	/*font-family: 'Frank Ruhl Libre';
	font-style: normal;*/
	font-size: 300%;
	font-weight: 600;
	margin-top: 0;
	letter-spacing: .02em;
	color: #d7b469
	}
h2 {
	font-size: 230%;
	margin-top: 1.5em;
	letter-spacing: 0;
	font-weight: 500;
	text-transform: none;
	line-height: 1.2em;	
	}
h3 {
	font-size: 170%;
	margin-top: 1.5em;
	color: #77aaee;
	color: #d7b469;
	letter-spacing: .01em;
	}
h4 {
	font-size: 160%;
	margin-top: 2em;
	text-transform: none;	
	}
h5 {
	font-size: 125%;
	font-weight: 600;
	margin-top: 2em;
	letter-spacing: 0;
	text-transform: none
	}
h6 {
	font-size: 110%;
	font-weight: 500;
	margin-top: 2em;
	margin-bottom: .3em;
	color: #77aaee;
	letter-spacing: 0;
	text-transform: none
	}	
@media  (max-width:1200px) {
	h1	{ font-size: 225% }
	h2	{ font-size: 205%; }
	h3	{ font-size: 170%; }
	h4	{ font-size: 160%; }
	h5	{ font-size: 120%; }	
	h6	{  }	
}	
@media  (max-width:767px) {
	h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;	
	}
	h1	{ font-size: 210% }
	h2	{ font-size: 200%; }
	h3	{ font-size: 165%; }
	h4	{ font-size: 155%; }
	h5	{ font-size: 115%; }	
	h6	{  }	
}	
@media  (max-width: 575px) {
	h1	{ font-size: 200% }
	h2	{ font-size: 190%; }
	h3	{ font-size: 150%; }
	h4	{ font-size: 140%; }
	h5	{ font-size: 110%; }	
	h6	{ font-size: 105%; }
}
@media  (max-width: 480px) {
	h1	{ font-size: 160% }
	h2	{ font-size: 140%; }
	h3	{ font-size: 130%; }
	h4	{ font-size: 120%; }
	h5	{  }	
	h6	{  }	
}		


.topline {
	float: left;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 85%;
	letter-spacing: .02em;
	margin: 0;
	background: #77aaee;
	background: #d7b469;
	color: #fff;
	padding: .2em .5em;
	display: inline-block;
	line-height: 1.2em
	}
		

  
sub {
	font-family: 'Barlow', sans-serif;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.35em !important;
	font-weight: 500;
	display: block;
	margin-top: .2em;
	color: #132574
	}
	h1 sub	{ font-size: 50% }
	h2 sub	{ font-size: 60% }
	h3 sub	{ font-size: 65% }
	h4 sub	{ font-size: 75% }
	h5 sub	{ font-size: 75%; color: #77aaee; margin-top: 0; }
	h6 sub	{ font-size: 85%; color: #77aaee; margin-top: 0; }



.border 	{
	clear: both;
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 2em;
	padding-top: 2.3em;
	}
h1.border,
h2.border,
h3.border,
h4.border,
h5.border,
h6.border {
	display: block;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important
	} 
/* --------- end HEADLINES -------- */	
	
	
	
	
	


/* ============================================================== 
    # SONSTIGES / TEXT
=================================================================== */
a 				{ text-decoration: none; }
a:hover		 	{ transition: .3s; }

.content a:not(.btn)				{ color: #77aaee; color: #132574; }
.content a:hover:not(.btn)			{ color: #132574; color: #132574; text-decoration: underline }

.content a.black:not(.btn)			{ color: #000  }
.content a.black:hover:not(.btn)	{ color: #77aaee }

h1 a, a h1, h2 a, a h2, h3 a, a h3, h4 a, a h4, h5 a, a h5, h6 a, a h6 {
	color: #77aaee
	} 
h1 a:hover, a:hover h1, h2 a:hover, a:hover h2, h3 a:hover, a:hover h3, h4 a:hover, a:hover h4, h5 a:hover, a:hover h5, h6 a:hover, a:hover h6 {
	color: #132574;
	} 	

p {
	}


.light		{ font-weight: 300 !important }
.normal		{ font-weight: 400 !important }
.semibold	{ font-weight: 500 !important }
b, .bold	{ font-weight: 600 !important }
.bolder		{ font-weight: 700 !important }
	
hr {
	border-color: rgba(255, 255, 255, 0.2);
	border-width: 1px;
	padding: 0;
	margin: 0 0 .5em 0
	}	
	
.bd-highlight {
	background: rgba(0, 0, 0, 0.14);
	box-shadow: 0 0 .1em rgba(0, 0, 0, 0.32)
}	


.owl-item img {
  transition: all 0.35s ease-in-out;
}
.owl-item:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

/* --------- end SONSTIGES -------- */










/* ============================================================== 
    # BILDER  
=================================================================== */
a img { border: 0; text-decoration: none }

.bild					{ margin: 0 0 .3em 0; 								border: none }

.bildlinks 				{ margin: 0 1em .3em 0;	float: left; 	border: none }
.bildrechts 			{ margin: 0 0 .3em 1em;	float: right; 	border: none }

.bildrahmen				{ margin: 0 0 .3em 0;  					padding: 3px;	border: 1px solid #ccc }

.bildrahmenlinks
.bildrahmenlinks-nb 	{ margin: 0 1em .3em 0;		float: left; 	padding: 3px;	border: 1px solid #ccc }

.bildrahmenrechts,
.bildrahmenrechts-nb 	{ margin: 0 0 .3em 1em;		float: right;	padding: 3px;	border: 1px solid #ccc }

.bildrahmenmitte,
.bildrahmenmitte-nb 	{ margin: 0 0 .3em 0;						padding: 3px;	border: 1px solid #ccc }

.bildkurzlinks 	 		{ margin: 0 1em .3em 0;		float: left;	padding: 3px;	border: 1px solid #ccc }
.bildkurzrechts  		{ margin: 0 0 .3em 1em;		float: right; 	padding: 3px;	border: 1px solid #ccc }

.bildrechts-nb,
.bildrahmenrechts-nb,
.bildlinks-nb,
.bildrahmenlinks-nb,
.bildmitte-nb,
.bildrahmenmitte-nb {
	border: none !important;
	}	
	
.lang_text .bildrechts,
.lang_text .bildlinks,
.lang_text .bildrahmenrechts,
.lang_text .bildrahmenlinks,
.lang_text .bildrahmenrechts-nb,
.lang_text .bildrahmenlinks-nb {
	max-width: 40%;
	}		
.lang_text .bildmitte,
.lang_text .bildrahmenmitte,
.lang_text .bildmitte-nb,
.lang_text .bildrahmenmitte-nb,
.news_lang_video {
	max-width: 70%;
	margin-left: 15%;
	margin-right: 15%
	}
	@media  (max-width: 768px) {
	.lang_text .bildmitte,
	.lang_text .bildrahmenmitte,
	.lang_text .bildmitte-nb,
	.lang_text .bildrahmenmitte-nb,
	.news_lang_video {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0
		}
	}	
	

/* BILDUNTERSCHRIFT*/
.bildunterschrift {
	color: #999;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 1.5em;
	font-size: 85%;
	line-height: 1.5em;
	float: left;
	clear: both
}

.bildunterschrift-bildrahmenlinks,
.bildunterschrift-bildrahmenlinks-nb  {
	}
	.bildunterschrift-bildrahmenlinks .bildunterschrift,
	.bildunterschrift-bildrahmenlinks-nb .bildunterschrift {
		width: 40%;
		float: left;
		padding-right: 20px
		}
		
.bildunterschrift-bildrahmenrechts,
.bildunterschrift-bildrahmenrechts-nb {
	}
	.bildunterschrift-bildrahmenrechts .bildunterschrift,
	.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	width: 40%;
	float: right;
	padding-left: 20px
	}	
	
.bildrahmenmitte-wrapper .bildunterschrift-bildrahmenmitte .bildunterschrift,
.bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
	}
	.lang_text .bildrahmenmitte-wrapper .bildunterschrift-bildrahmenmitte .bildunterschrift,
	.lang_text .bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%
	}
	@media  (max-width: 768px) {
	.bildrahmenmitte-wrapper .bildunterschrift-bildrahmenmitte .bildunterschrift,
	.bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0
		}
	}		


	
a:hover img {
	transform: scale(.98);
  -webkit-transform: scale(.98);
  -moz-transform: scale(.98);
  -ms-transform: scale(.98);
  -o-transform: scale(.98);
  transition: .3s
  }	
/* --------- end BILDER -------- */











/* ============================================================== 
     # START  
=================================================================== */
.start {
	z-index: 10;
	position: relative;
	clear: both;
	line-height: 1.3em;
	}
.start img {
	width: 180px;
	margin: .3em 0 .3em .5em !important;
	border-radius: 0;
	}
		
.start h2 {
	clear: left;
	margin: 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 190%;
	}	
.start h2 a:hover { 
	text-decoration: underline;
	}
.start p {
	color: #d7b469;
	margin-top: 0;
	margin-bottom: .3em;
	}	
.start .datum {
	clear: left;
	color: #d7b469;
	clear: both;
	margin-top: .3em;
	margin-bottom: 0;
	font-size: 90%
	}	
.start .kurztext {
	font-size: 95%;
	margin-top: 1.5em;
	line-height: 1.5em;
	}			
@media (max-width: 1200px) {
	.start {
		font-size: 90%;
		}
	.start img {
		width: 120px;
		}	
	.start .kurztext {
		line-height: 1.4em;
		}			
}	
@media (max-width: 992px) {
	.start {
		font-size: 80%;
		}
	
	.start img {
		width: 80px;
		}		
}
@media (max-width: 768px) {
	.start .kurztext {
		margin-top: .5em
		}	
}
@media (max-width: 575px) {
	.start h2 {
		font-size: 170%;
		}
	.start p,
	.start .datum {
		font-size: 110%;
		}		
}
@media (max-width: 380px) {
	/*.start img {
		width: 100%;
		margin: 0 0 1em 0 !important
		}		*/
}

	
	


.start-termine {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    grid-gap: 25px;
    width: 100%;
    z-index: 10;
    position: relative;
    margin-top: 50px
	}
.start-termine [class*="col"] {
     float: none;
	width: auto;
	height: auto;
	position: relative;
	background: #132474; 
	}
.start-termine [class*="col"]:hover {
	/*background: #0e1c57;*/
	  transform: scale(.98);
  -webkit-transform: scale(.98);
  -moz-transform: scale(.98);
  -ms-transform: scale(.98);
  -o-transform: scale(.98);
  transition: .3s
	}	
.start-termine .bild {
	float: right;
	width: 100px;
	margin: 0 0 .3em .5em !important;
	display: inline-block;
	}
.start-termine .dachzeile {
	color: #d7b469;
	line-height: 1.3em;
	margin: 0 0 .5em 0;
	}	
.start-termine h2 {
	color: #fff;
	float: none;
	clear: left;
	font-size: 150%;
	margin: 0;
	width: auto
	}
	.start-termine a:hover h2 {
	color: #fff;
	text-decoration: underline
	}
	
.start-termine .edit-block {
	margin: 20px 0 -5px 0 !important
	} 	
@media (max-width: 992px) {
	.start-termine [class*="col"] {
    padding: 25px !important
	}	
}
@media (max-width: 575px) {
	.start-termine {
    margin-left: 10px;
    margin-right: 10px;
     width: calc(100% - 20px);
	}	
}








.start-news {
	margin-bottom: 80px
	}	
.start-news h2 {
	}	
	.start-news h2 a { 
	color: #132574 !important;
	}
	.start-news h2 a:hover { 
	color: #132574;
	}	

.start-news a img.bildlinks,
.start-news a img.bildrahmenlinks,
.start-news a img.bildrahmenlinks-nb {
	float: left;
	margin-right:.5em !important;
	margin-left:0 !important;
	}
.start-news a img.bild,
.start-news a img.bildrechts,
.start-news a img.bildrahmenrechts,
.start-news a img.bildrahmenrechts-nb {
	float: right;
	margin-left:.5em !important;
	margin-right:0 !important;
	}	
@media (max-width: 1200px) {
	.start-news .content.bg-shadow {
		padding: 40px
		}			
}
@media (max-width: 992px) {
	.start-news .content.bg-shadow {
		padding: 25px
		}			
}
@media (max-width: 768px) {
	.start-news [class*="col-"] {
		margin: 0 0 2em 0 !important;
		}	
		.start-news [class*="col-"]:last-child {
		margin-bottom: 0 !important
		}	
}
@media (max-width: 575px) {
	.start-news .btn {
		margin-left: 10px
		}		
}





	
	
	

.start-info {	
	clear: both;
	text-align: center;
	font-weight: 300;
	}
.start-info [class*="bg-"] {	
	color: #fff
	}
.start-info [class*="bg-"] a {	
	color: #fff
	}
.start-info [class*="bg-"] a:hover {	
	text-decoration: underline
	}	
.start-info .fa-lg {
	text-align: center;
	font-size: 33pt;
	display: block;
	margin-bottom: .4em;
	color: #fff;
	}
.start-info h3 {
	margin: 0 0 1em 0;
	text-align: center;
	color: #fff;
	}
	.start-info h3:after {
		content: '';
		position: relative;
		display: block;
		width: 50%;
		height: 2px;
		background: rgba(255, 255, 255, 0.85);
		margin-top: 1.1em;
		margin: 1em auto 0 auto
		}
.start-info h6 {	
	margin: 1.8em 0 0 0;
	margin-left: -10px !important;
	font-size: 100%
	}
	.start-info h6 sup {
	width: 10px
	}
.start-info b {
	font-weight: 600 !important
	}
.start-info .txt_l {
	font-size: 130%;
	font-weight: 500
	}
.start-info a.btn {
	margin-top: 2.5em;
	clear: both;
	background: none !important;
	border: 2px solid rgba(255, 255, 255, 0.7)
	}
	.start-info a.btn:hover {
	text-decoration: none !important;
	background: #fff !important;
	box-shadow: none;
	color: #132574
	}
	.start-info .bg-hausfarbe a.btn:hover {
		color: #d7b469 !important }	
	.start-info .bg-hausfarbe2 a.btn:hover {
		color: #132574 !important }	
	.start-info .bg-hausfarbe3 a.btn:hover {
		color: #77aaee !important }		
	
@media (max-width: 1200px) and (min-width: 992px) {
	.start-info .fa-lg {
		font-size: 28pt;
		}
	.start-info h3 {
		font-size: 135%;
		letter-spacing: -.01em
		}
	.start-info h3:after {
		margin: .7em auto -.3em auto
		}
	.start-info .txt_l {	
		font-size: 115%
		}	
}				
@media (max-width: 992px) {
	.start-info .d-flex {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important
		}
	.start-info [class*="col-"] {
		margin: 0 0 1em 0 !important;
		}
}
@media (max-width: 767px) { 	
	.start-info [class*="col-"] {
		width: 100%;
		float: left;
		padding: 40px 25px !important
		}
	.start-info .fa-lg {
		font-size: 200%
		}	
}
@media (max-width: 575px) {
	.start-info .d-flex {
		margin: 0 10px !important;
		width: calc(100% - 20px)
		}
	.start-info .txt_l {	
		font-size: 105%
		}	
}
/* --------- end START -------- */








/* ============================================================== 
    # STÖRER
=================================================================== */    
.stoerer {
	position: absolute;
	top: 50px;
	right: calc(50% + 260px);
	z-index: 10000;
	transform:rotate(10deg);
	width: 135px
	}
	.stoerer:hover {
		transform:rotate(13deg)
		}
	.stoerer img 	{ 
		width: 100%
		}
@media (max-width: 1600px) {	
	.stoerer 		{ width: 120px; top: 60px; right: calc(50% + 280px);  }
	}
@media (max-width: 1400px) {	
	.stoerer 		{ width: 100px; top: 70px; right: calc(50% + 250px); }
	}
@media (max-width: 1200px) {	
	.stoerer 		{ width: 90px; top: 70px; right: calc(50% + 225px);   }
	}
@media (max-width: 992px) {	
	.stoerer 		{ width: 75px; top: 65px; right: calc(50% + 180px);   }
	}					
@media (max-width: 767px) {	
	.stoerer 		{ width: 75px; top: 40px; right: calc(50% + 70px); }
	}
@media (max-width: 575px) {	
	.stoerer 		{ width: 75px; top: 40px; right: auto; left: 150px }
	}	
@media (max-width: 575px) {	
	.stoerer 		{ width: 60px; top: 65px; right: auto; left: 130px }
	}
	
@media (min-width: 768px) {	
	#sticky.affix .stoerer 		{ width: 65px; top: 45px; right: calc(50% + 180px);   }
	}
@media (min-width: 992px) {	
	#sticky.affix .stoerer 		{ top: 35px; right: calc(50% + 270px);   }
	}
@media (min-width: 1200px) {	
	#sticky.affix .stoerer 		{ width: 80px; top: 25px; right: calc(50% + 340px);   }
	}	
@media (min-width: 1300px) {	
	#sticky.affix .stoerer 		{ right: calc(50% + 430px);   }
	}					
/* --------- end STÖRER -------- */






/* ============================================================== 
    # STICKY
=================================================================== */
#sticky {
	}
@media (min-width: 768px) {	
	#sticky.affix {
		z-index: 100 !important;
		top: 0 !important;
		margin: 0 !important;
		position: fixed !important;
		padding: 0 !important;
		border: none !important;
		width: 100%;
		display: inline-block
		}
	}	
/* --------- end STICKY -------- */










/* ============================================================== 
    # TOPHEAD / HEADTOP  
=================================================================== */
.tophead {
	position: absolute;,
	float: right;
	top: 0;
	left: 0;
	right: 0;
	padding: .4em 3px .4em 4px;
	background: #132574;
	color: #fff;
	font-size: 9.5pt;
	line-height: 1.2em;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
	min-height: 25px;
	}	
	.tophead span {
		color: #fff;
		position: relative;
		white-space: nowrap;
		letter-spacing: -.01em;
		margin-left: .5em;
		}
		.tophead span b {
			display: none;
			font-weight: 300 !important;
			}
		.tophead span .lowercase {
			margin-left: .2em; 
			display: none
			}		
		.tophead span:first-child {
			margin-left: 0;
			}
		.tophead span a {
			color: #ffff
			}
		.tophead span a:hover {
			color: #d7b469
			}
		.tophead span i {
			color: #d7b469;
			}
		.tophead .rundgang {
			position: absolute;
			white-space: nowrap;
			text-transform: uppercase;
			letter-spacing: .02em;
			padding: .4em 0 .5em 46px;
			margin: 0;
			top: 40px;
			right: 80px;
			font-size: 12.5pt;
			font-weight: 600;
			background: url(../images/360_hausfarbe.svg) no-repeat left 4px;
			background-size: 40px;
			height: 30px;
			}
		.tophead .rundgang:hover {
			background: url(../images/360_hausfarbe2.svg) no-repeat left 4px;
			background-size: 40px;
			}	
		.tophead .rundgang a 		{ color: #d7b469; display: none}
		.tophead .rundgang:hover a,
		.tophead .rundgang a:hover 	{ color: #132574 !important}
		.tophead .adress 		 	{ display: none }

@media (min-width: 380px) {	
		.tophead .adress 		{ display: inline-block }	
		.tophead .rundgang 		{ width: auto !important; right: 85px }
		.tophead .rundgang a	{ display: inline-block}
			
}
		
		
@media (min-width: 480px) {	
		.tophead .rundgang {
			letter-spacing: .02em;
			padding: .4em 0 .5em 46px;
			font-size: 12.5pt;
			background-size: 40px;
			}
		.tophead .rundgang:hover {
			background-size: 40px;
			}	
}
@media (min-width: 575px) {	
	.tophead span {
		margin-left: 1em;
		}
	.tophead span .lowercase {
		display: inline-block
		}	
}
@media (min-width: 768px) 	{
	.tophead {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		float: right;
		border-bottom: 1px solid #ddd;
		background: none;
		color: #444;
		padding: .6em 0 .55em .2em;
		font-size: 9pt;
		font-weight: 300;
		letter-spacing: -.01em;
		text-align: right;
		text-transform: uppercase;
		}
	.tophead span {
		color: #444;
		margin-left: .5em;
		}
	.tophead span a {
		color: #444
		}
	.tophead span a:hover {
		color: #d7b469
		}
	.tophead span i {
		color: #d7b469;
		}
				
	.tophead .rundgang {
		position: relative;
		top: auto;
		right: auto;
		background: url(../images/360b_hausfarbe.svg) no-repeat left 4px;
		background-size: 28px;
		padding: .3em 0 0 32px;
		font-size: 10pt;
		font-weight: 700;
		}
	.tophead .rundgang:hover {
		background: url(../images/360b_hausfarbe2.svg) no-repeat left 4px;
		background-size: 28px;
		}
			
		

	#sticky.affix .tophead {
		display: none
		} 
}			
@media (min-width: 992px) {
	.tophead {
		display: inline-block;
		font-size: 9.5pt;
		}
		.tophead span {
		margin-left: 1em;
		}
		.tophead .rundgang {
			background-size: 30px;
			padding: .2em 0 0 35px;
			font-size: 10.5pt;
			letter-spacing: .03em;
			}
		.tophead .rundgang:hover {
			background-size: 30px;
			}
		.tophead span b {
			display: inline-block
			}	
}	
@media (min-width: 1200px) {
	.tophead {
		font-size: 10pt;
		letter-spacing: 0
		}
		.tophead span {
		margin-left: 1.5em;
		}
		.tophead .rundgang {
			background-size: 32px;
			padding: .25em 0 0 37px;
			font-size: 11.5pt;
			letter-spacing: .03em;
			}
		.tophead .rundgang:hover {
			background-size: 32px;
			}
}

/*
@media (max-width: 767px) {	
	.tophead {
		display: inline-block;
		background: #132574;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		padding: .4em 3px .4em 4px;
		color: #fff;
		line-height: 1.15em;
		font-weight: 400;
		letter-spacing: 0;
		border-bottom: none;
		text-align: center;
		font-size: 10pt
		}
		.tophead span {
		color: #fff;
		margin-left: 1em;
		text-transform: none
		}
		.tophead span a {
		color: #fff;
		}
		.tophead .rundgang {
		position: absolute;
		text-transform: uppercase;
		padding: .5em 0 .5em 36px;
		margin: 0 0 0 .2em;
		top: 40px;
		right: 70px;
		font-size: 10.5pt;
		font-weight: 600;
		background: url(../images/360_hausfarbe.svg) no-repeat left 4px;
		background-size: 32px;
		}
		.tophead .rundgang:hover {
		background: url(../images/360_hausfarbe2.svg) no-repeat left 4px;
		background-size: 32px;
		}	
}
@media (max-width: 575px) {	
	.tophead span {
		letter-spacing: -.01em;
		margin-left: .5em;
		font-size: 9.5pt
		}
	.tophead span {
		margin-left: .5em
		}
	.tophead span.rundgang {
		margin-left: 0
		}	
	.tophead span .lowercase {
		display: none
		}				
}
@media (max-width: 320px) {	
	.tophead span {
		letter-spacing: -.03em;
		margin-left: .2em;
		font-size: 9pt
		}			
}	
*/

									
/* --------- end TOPHEAD / HEADTOP  -------- */







	

/* ============================================================== 
    # BRAND / LOGO  
=================================================================== */
.navbar-brand {
	margin: -10px 0 0 10px;
	padding: 0;
	height: 50px;
	}	
.navbar-brand:hover { 
	}		
.navbar-brand img { 
	width: 120px;
	margin-top: 4px;
	margin-bottom: -40px;
	transition: all 0.35s ease-in-out;
	}				
.navbar-brand:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
	}

@media (min-width: 575px) 	{
	.navbar-brand {
		margin-left: -15px
	}	
}		
@media (min-width: 768px) {
	.navbar-brand {
		margin-top: 19px;
		margin-left: -17px;
		float: left
		}			
	.navbar-brand img { 
		margin-top: 0;
		width: 143px;
		}	
	#sticky.affix .navbar-brand {
		margin-top: 2px !important;
		}
		#sticky.affix .navbar-brand img {
		width: 143px !important;
		}	
}
@media (min-width: 992px) {
	.navbar-brand {
		margin-top: 16px;
		margin-left: -23px;
		}
	.navbar-brand img { 
		width: 190px;
		}	
	#sticky.affix .navbar-brand {
		margin-left: -17px !important;
		}
}
@media (min-width: 1200px) {
	.navbar-brand {
		margin-left: -30px;
		}
	.navbar-brand img { 
		width: 240px;
		}	
}
@media (min-width: 1400px) {
	.navbar-brand {
		margin-left: -33px;
		}
	.navbar-brand img { 
		width: 260px;
		}	
}
/* --------- end BRAND / LOGO -------- */	






/* ============================================================== 
    # TOGGLE Nav
=================================================================== */
 .nav-toggle {
  display: none;
  }
 @media (max-width: 767px) {
.nav-toggle {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  text-decoration: none;
  right: 0;
  top: 25px;
  z-index: 21;
  padding: 5px;
  margin: 0 auto;
  height: 61px !important;
  width: 61px !important;
  z-index: 2001;
  border-bottom: none !important; 
  z-index: 100000;
  background: #d7b469; 
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 9.5pt;
  letter-spacing: .03em;
  color: rgba(255, 255, 255, 0.6);
  line-height: 2.25em;
  border-radius: 0 !important;
  } 
  
 
  .nav-toggle:hover {
   color: #132574;
   color: #fff;
   box-shadow: 0 0 .7em rgba(0, 0, 0, 0.4) inset;
  border-radius: 0 !important;
    }
  .nav-toggle:hover, 
  .nav-toggle:focus, 
  .nav-toggle:active {
    outline: none;
    border-bottom: none !important; 
    }
  .nav-toggle i {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 3px;
    background: #fff !important;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; 
    }
    .nav-toggle i::before, 
    .nav-toggle i::after {
      content: '';
      width: 34px;
      height: 3px;
      background: #fff !important;
      position: absolute;
      left: 0;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;
       }

.nav-toggle i::before {
  top: -10px; 
  }
.nav-toggle i::after {
  bottom: -10px; 
  }
.nav-toggle:hover i::before {
  top: -9px; 
  }
.nav-toggle:hover i::after {
  bottom: -9px; 
  }

.nav-toggle[aria-expanded="true"] i {
  background: transparent !important; 
  }
  .nav-toggle[aria-expanded="true"] i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	background: #fff !important; 
	}
  .nav-toggle[aria-expanded="true"] i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	background: #fff !important; 
	}
}	
/* --------- end TOGGLE Nav -------- */






/* ============================================================== 
    # NAVBAR / MENU  
=================================================================== */
nav { 
	background-color: #fff;
	box-shadow: 0 0 .9em rgba(0, 0, 0, 0.2); 
	z-index: 1000
	}	
.navbar > .container {
	margin-top: 30px;
	}
.nav {
	margin: 35px 25px 15px 25px
	}
				
.nav > li.nav-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
	}		
.nav > li.nav-item:last-child {
	border-bottom: none
	}	
.nav > li.nav-item a.nav-link:hover {
	color: #d7b469 !important;
	}
.nav > li.nav-item a.nav-link#active {
	color: #132574 !important;
	font-weight: bold
	}
.nav > li.nav-item a.nav-link.show {
	color: #d7b469 !important;
	}				
		

@media (min-width: 575px) 	{
	.nav {
		margin-left: 0;
		margin-right: 0
		}
}				
@media (min-width: 768px) 	{
	nav { 
		padding-top: 0 !important;
		min-height: auto
		}
	.navbar {
		clear: both;
		z-index: 100;
		padding-top: 0;
		padding-bottom: 0;
		}
	.navbar > .container {
		margin-top: 0;
		display: inline-block;
		}	
	.navbar-collapse,
	.collapse.navbar-collapse  {
		clear: right;
		float: right
		}
	.nav  {
		clear: both;
		float: right;
		margin: 0;
		box-shadow: 0 .4em 1em rgba(0, 0, 0, 0.2);
		box-shadow: none;
		text-align: right;
		padding-top: .85em;
		padding-bottom: .85em;
		}
		.nav > li.nav-item {
			margin: 0 0 0 .6em !important;
			padding: 0 !important;
			display: inline-block;
			border: none
			}
		.nav > li.nav-item a.nav-link {
			text-transform: uppercase;
			border-right: 1px solid rgba(0, 0, 0, 0);
			letter-spacing: 0;
			padding: 0 !important;
			font-family: 'Barlow Semi Condensed';
			color: #555 !important;
			font-weight: 400;
			border-radius:0;
			box-shadow: none;
			border-bottom: 3px solid rgba(255, 255, 255, 0);
			margin: 0;
			font-size:85%;
			}	
		.nav > li.nav-item a.nav-link:hover {
			background: none !important;
			border-bottom-color: #d7b469;
			}
		.nav > li.nav-item a.nav-link#active {
			border-bottom-color: #d7b469
			}	
		.nav > li.nav-item a.nav-link#active:hover {
			}
		.nav > li.nav-item a.nav-link#active:hover i {
			}	
			
			
	
	
	#sticky.affix .nav {
		padding-top: 1.5em;
		padding-bottom: 1.1em;
		} 	
	#sticky.affix .nav > li.nav-item a {
		}
}		
@media (min-width: 992px) {
	.nav {
		padding-top: 1.35em;
		padding-bottom: 1.35em;
		}
	.nav > li.nav-item {
		margin-left: 1em !important;
		}	
	.nav > li.nav-item a.nav-link {
		font-size:100%;
		letter-spacing: .01em
		}
		
	#sticky.affix .nav {
		padding-top: 1.4em;
		padding-bottom: 1.2em;
		} 		
}
@media (min-width: 1200px) {
	.nav {
		padding-top: 1.8em;
		padding-bottom: 1.8em;
		}
	.nav > li.nav-item {
		margin-left: 1.5em !important;
		}
	.nav > li.nav-item a.nav-link {
		font-size:105%;
		letter-spacing: .02em
		}
}
@media (min-width: 1400px) {
	.nav {
		padding-top: 2em;
		padding-bottom: 2em;
		}
}	
/* --------- end NAVBAR -------- */	





/* ============================================================== 
    # CARET  
=================================================================== */
.nav .dropdown-toggle::after {
	background: none;
    font-size: 9px;
	content: '\f078';
	font-family: 'Font Awesome 5 Free'; 
	font-weight: 900 !important;
	top: 22px !important;
	z-index: 10 !important;
	border: none;
	left: 0;
	position: absolute;
	display: inline-block;
	left: 44%;
	color: #d7b469;
	color: rgba(39, 67, 87, 0.3);
	}
.nav a.nav-link.dropdown-toggle:hover::after {
	color: #d7b469;
    } 
.nav .dropdown-toggle.show::after {
	content: '\f077';
	top: 53px;
	color: #d7b469;
    }  	
@media (max-width: 768px) {	
	.nav .dropdown-toggle::after {
	left: auto;
	right: 7px;
	top: 8px !important
	}
}		  
/* --------- end CARET -------- */	






/* ============================================================== 
    # DROPDOWN  
=================================================================== */
.nav > li.nav-item {
	}
.nav > li.nav-item .dropdown-menu {
	margin: 0 auto !important;
	float: none
	}
	
		
	.nav > li.nav-item .dropdown-menu li a.dropdown-item#active {
	color: #132574 !important;
	font-weight: 600
	}
	
	
@media (min-width: 768px) {
  .dropdown-menu {
    margin: 0 !important;
    left: auto;
    right: auto;
    border-radius: 0;
    background: #ebdab4;
    /*box-shadow: 0 .2em .3em rgba(0, 0, 0, 0.15);*/
    border: none;
    color: #fff;
    padding: 0
  }
  .nav > li.nav-item .dropdown-menu li a.dropdown-item:hover {
	background: #d7b469;
	color: #fff
	}
	
  .dropdown-menu,
  .dropdown-submenu ul.dropdown-menu {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
  .dropdown-submenu ul.dropdown-menu {
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
  }
}


@keyframes anim-dropdown {
  0% {transform: translateY(3rem); opacity: 0;}
  100% {transform:translateY(0rem);opacity: 1;}
  0% {transform: translateY(3rem);opacity: 0;}
}
@-webkit-keyframes anim-dropdown {
  0% {-webkit-transform: transform; -webkit-opacity: 0;}
  100% {-webkit-transform: translateY(0);-webkit-opacity: 1;}
  0% {-webkit-transform: translateY(3rem);-webkit-opacity: 0;}
}
.dropdown-menu {
	-webkit-animation-name: anim-dropdown;
	animation-name: anim-dropdown; 
}


@media (max-width: 768px) {
	.nav > li.nav-item .dropdown-menu {
		margin-bottom: 1.5em;
		border: none;
		padding: 0;
		margin-left: 25px
		}
	.nav > li.nav-item .dropdown-menu li {
		}	
	.nav > li.nav-item .dropdown-menu li a.dropdown-item {
		padding: 0 .5em;
		margin: .5em 0
		}		
}	
/* --- end DROPDOWN --- */









/* ============================================================== 
    # SUCHE 
=================================================================== */
.search2 {
	position: relative;
	width: 100%;	
	margin: 1.5em 0
	}
.search_field { 
	width: 100%;
	font-weight: normal;
	border-radius: 0;
	border: 2px solid #77aaee;
	border-right: 0;
	background: #fff;
	color: #000;
	height: 35px !important;
	padding: 0 40px 0 10px;
	}
.search_icon {
	position: absolute;
	display: inline-block;
	border: none;
	transition: background-color 0.2s ease-in-out;
	float: right;
	background-image: url(../images/lupe/lupe_hausfarbe2.svg);
	background-color: rgba(255, 255, 255, 0);
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: 5px 9px;
	border-radius: 0 !important;
	right: 0;
	width: 35px !important;
	height: 35px !important;
	
	background-color: #77aaee !important;
	background: url(../images/lupe/lupe_fff.svg);
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center 9px;
	}
.search_icon:hover {
	background-color: #132574 !important;
	}		
.search2 input::-webkit-input-placeholder {
	color: #ccc !important;
	}
	.search2 input:-moz-placeholder 					{ color: #ccc !important }
	.search2 input::-moz-placeholder 					{ color: #ccc !important }
	.search2 input:-ms-input-placeholder 				{ color: #ccc !important }
	.search2 .form-control:focus::-webkit-input-placeholder	{ opacity: 0 }
	.search2 .form-control:focus:-moz-placeholder 		{ opacity: 0 }
	.search2 .form-control:focus::-moz-placeholder 		{ opacity: 0 }
	.search2 .form-control:focus:-ms-input-placeholder	{ opacity: 0 }	

@media (min-width:768px) {
	.search2 {
		position: fixed;
		z-index: 100000000;
		width: 300px;
		top: 22px;
		right: 14px;
		margin: 0
		}
	.search2 * {
		outline: none;
		box-sizing: border-box;
		}
	.search_icon {
		pointer-events: none;
		right: 0;
		background-position: center 9px;
		background-image: url(../images/lupe/lupe_hausfarbe2.svg);
		background-color: rgba(255, 255, 255, 0) !important;
		}
	.search_field {
		color: transparent;
		border: 1px solid transparent;
		border-radius: 0;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		background: none;
		border-radius: 0;
		position: absolute;
		right: 0;
		border: none;
		width: 35px
		}
	.search_field:focus {
		width: 240px;
		cursor: default;
		font-weight: normal;
		border-radius: 0;
		border: 2px solid #77aaee;
		background: #fff;
		color: #000
		}	
	.search_field:focus ~ .search_icon {
		background-color: transparent;
		cursor: pointer;
		pointer-events: auto;
		background: url(../images/lupe/lupe_hausfarbe2.svg);
		background-size: 17px;
		background-repeat: no-repeat;
		background-position: center 9px;
		}	
	.search_field:focus ~ .search_icon:hover {
		background-color: #77aaee !important;
		background: url(../images/lupe/lupe_fff.svg);
		background-size: 17px;
		background-repeat: no-repeat;
		background-position: center 9px;
		}

		
	#sticky.affix .search2 {
		top: 15px !important;
		right: 5px
		} 
	#sticky.affix .search_icon {
	  background-size: 18px;
	  background-repeat: no-repeat;
	  background-position: center 11px;
	  min-width: 40px !important;
	  height: 40px !important;
	  border-radius: 55px;
	}
	#sticky.affix .search_field {
	  width: 40px;
	  height: 40px !important;
	  padding-right: 40px;
	} 
	#sticky.affix .search_field:focus {
	  width: 240px;
	} 
	#sticky.affix .search_field:focus ~ .search_icon,
	#sticky.affix .search_field:focus ~ .search_icon:hover {s
	  background-size: 18px;
	  background-repeat: no-repeat;
	  background-position: center 11px;
	  }	
}
@media (min-width:992px) {
	.search2 {
		top: 50px;
		right: 15px
		}
	.search_icon {
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center 10px;
		height: 40px !important;
		min-width: 40px;
		}
	.search_field:focus {
	  	}
	.search_field {
		width: 40px;
		height: 40px !important;
		padding-right: 40px;
		} 
	.search_field:focus ~ .search_icon,
	.search_field:focus ~ .search_icon:hover {
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center 10px;
		}
	#sticky.affix .search2 {
		top: 18px !important;
		right: 0 !important
		}	
}
@media (min-width:1020px) {
	#sticky.affix .search2 {
		right: 15px !important;
		}
}		
@media (min-width:1200px) {
	#sticky.affix .search2 {
		top: 18px !important;
		right: 15px !important
		}
}
/* --------- end SUCHE -------- */







	
	
	

/* ============================================================== 
     # ICONS  
=================================================================== */
.icon	{ 
	border-bottom: 1px dotted rgba(5, 5, 5, 0.5);
	padding-bottom: .5em;
	margin-bottom: .3em;
	padding-left: 35px;
	border: none;
	padding-bottom: 0;
	color: #444
	}
.icon a {
	color: #132574 !important;
	color: #444 !important;
	text-decoration: none;
	font-weight: normal
	}
.icon a:hover {
	color: #d7b469 !important;
	text-decoration: underline
	}
.icon i 	{ 
	color: #77aaee !important;
	color: #d7b469 !important;
	text-align: center;
	font-size: 105%;
	margin-left: -35px;
	width: 30px
	}	
/* --------- end ICONS -------- */






	
	





/* ============================================================== 
    # BUTTONS 
=================================================================== */
.btn {
	text-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	background: #bbb;
	color: rgba(255, 255, 255, 0.85);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .05em !important;
	}
	.btn:hover {
	color: #fff !important;
	box-shadow: 0 0 5em rgba(0, 0, 0, 0.2) inset
	}
	.btn.btn-xs {
		font-size: 75%;
		padding: .1em .5em
		}
	.btn.btn-sm {
		font-size: 85%;
		padding: .3em .7em
		}
	.btn,
	.btn.btn-md {
		font-size: 90%;
		padding: .5em 1em
		}
	.btn.btn-lg {
		font-size: 100%;
		padding: .7em 1.3em
		}
	.btn.btn-xl {
		font-size: 115%;
		padding: .9em 1.6em
		}				
	
	
	
.btn.btn-default {
	background: #d7b469;
	}	
.btn.btn-primary {
	background: #132574;
	}
.btn.btn-secondary {
	background: #d7b469;
	}
.btn.btn-info {
	background: #77aaee;
	}	
.btn.btn-primary-light {
	background: #cbcbd2;
	background: #b4b6c7
	}
	.btn.btn-primary-light:hover {
	box-shadow:none;
	background: #132574;
	}
.btn.btn-secondary-light {
	background: #ebdab4;
	background: #e6d1a4
	}
	.btn.btn-secondary-light:hover {
	box-shadow:none;
	background: #d7b469;
	}						



.btn.btn-outline {
	background: none;
	border: 2px solid #bbb;
	color: #bbb
	}
	.btn.btn-outline:hover {
	background: #bbb;
	box-shadow: none
	}	
	
.btn.btn-outline.btn-default {
	border-color: #d7b469;
	color: #d7b469;
	}	
	.btn.btn-outline.btn-default:hover { background: #d7b469;
	}
.btn.btn-outline.btn-primary {
	border-color: #132574;
	color: #132574;
	}	
	.btn.btn-outline.btn-primary:hover { background: #132574;
	}
.btn.btn-outline.btn-secondary {
	border-color: #77aaee;
	color: #77aaee;
	}	
	.btn.btn-outline.btn-secondary:hover { background: #77aaee;
	}
.btn.btn-outline.btn-light {
	border-color: #ebdab4;
	color: #ebdab4;
	}	
	.btn.btn-outline.btn-light:hover { background: #ebdab4;
	}	
		
/* --------- end BUTTONS -------- */







/* ============================================================== 
    # WELL
=================================================================== */
.well {
	border: none;
	border-radius: 0;
	padding: 1.5em 2em;
	margin-bottom: 3em;
	box-shadow:  .1em .1em 1em rgba(0, 0, 0, 0.13);
	display: inline-block;
	}
.well.leer {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0 !important
	}
/* --------- end WELL -------- */	
	
	




/* ============================================================== 
    # AUFZÄHLUNGEN / LISTEN  
=================================================================== */
.content ul {
	}	
.content ul li {
	}	
.content ul.navi-parallel li {
	padding-left: 0;
	}
.content ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Free' !important; 
    font-weight: 900 !important;
	color: #d7b469;
	display: inline-block;
	margin-left: -20px;
	width: 20px;
	font-size: 14pt;
	}
.content ul li:hover:before {
	color: #132574;
	}
.content ul li a.fileicon {
	margin-left: 0;
	padding-left: 0;
	padding-right: 20px;
	background-position-x: right;
	margin-right: 0;
	line-height: 1.4em
	}
	
.content ul li.fileicon {
	font-size: 80%;
	line-height: 1.4em;
	color: #bbb
	}
	.content ul li.fileicon a {
	font-size: 125%;
	line-height: 1.4em;
	margin-bottom: .1em
	}
	
.content ul li a {
	color: #132574
	}	
.content ul li a:hover {
	color: #ff0000
	}	
	
	.content ul ul {
		margin: 0 0 .5em 0 !important
	}
	.content ul ul li {
		margin: 0 0 .25em 0 !important;
		padding-top: 0 !important;
		padding-left: 15px
	}
	.content ul ul li:before {
		margin-left: -15px;
		width: 15px;
		font-size: 70%;
		font-weight: 600
	}	
	
	
.fa.typ1 {
	font-family: 'FontAwesome' !important;
	font-weight: normal !important;
    }	
 {
	font-family: 'Font Awesome 5 Free' !important; 
    font-weight: 900 !important;
    }					
/* ---- end AUFZÄHLUNGEN / LISTEN ------------------------------------------ */








		

/* ============================================================== 
     # CAROUSEL / HIGHLIGHT 
=================================================================== */
.carousel {
   width: 100%; 
   background-color: rgba(215, 180, 105, 0.13);
   margin-bottom: -100px;
   z-index: 1
   }
.carousel-item {
   width: 100%; 
   height: 450px; 
   position: relative;
	}
.carousel-item img {
	-webkit-animation-name:carousel-zoom;
	animation-name:carousel-zoom;
	-webkit-animation-duration: 25s;
	animation-duration: 25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	filter: sepia(0.68) grayscale(0.44) brightness(0.8) contrast(1.2);
	}	
	@-webkit-keyframes carousel-zoom{
		0%{}
		to{-webkit-transform:scale(1.5,1.5);
			transform:scale(1.5,1.5)}
		}
	@keyframes carousel-zoom{
		0%{}
		to{-webkit-transform:scale(1.5,1.5);
			transform:scale(1.5,1.5)}
		}

	
.carousel-indicators {
    top: 10px;
    z-index: 10;
    height: 50px
	}
.carousel-control-prev,
.carousel-control-next {
    z-index: 100;
	}	
.carousel-caption {	
	bottom: 75px;
	text-align: center
	}
	.carousel-caption a.link {	
		position: relative;
		display: inline-block;
		padding: 1em;
		}
	.carousel-caption a.link:hover {
		opacity: 1;
		  transform: scale(.98);
		  -webkit-transform: scale(.98);
		  -moz-transform: scale(.98);
		  -ms-transform: scale(.98);
		  -o-transform: scale(.98);
		}
	.carousel-caption h1 {
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: .5s;
		font-weight: 600;
		font-size: 290% !important;
		letter-spacing: 0;
		float: left;
		line-height: 1em !important;
		text-shadow: none;
		background: #132574;
		color: #fff;
		/*box-shadow: 0 0 .4em rgba(0, 0, 0, 0.5);*/ 
		width: auto;
		margin: 0;
		padding: .2em .5em .3em .5em;
		text-transform: none;
		z-index: 100;
		position: relative;
		float: none;
		display: inline-block;
		}
		.carousel-caption a:hover h1 {
		box-shadow: 0 0 4em rgba(0, 0, 0, 0.3) inset
		}	
		@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		.carousel-caption h1{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
	
	.carousel-caption span {
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: .5s;
		float: left;
		text-shadow: none;
		color: #fff;
		font-size: 150%;
		font-weight: 400;
		clear: both;
		text-shadow: 0 0 1em #fff;
		line-height: 1.3em;
		letter-spacing: 0;
		text-shadow: none;
		background: #d7b469;
		/*box-shadow: 0 0 .5em rgba(0, 0, 0, 0.5);*/
		width: auto;
		margin: .5em 0 0 0 !important;
		padding: .2em .8em .3em .8em;
		z-index: 1;
		position: relative;
		float: none;
		clear: both;
		display: inline-block
		}
		.carousel-caption a:hover span {
		box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.15) inset
		}
		@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		.carousel-caption span{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}	

@media (max-width: 1400px) 	{
	.carousel {
		}
	.carousel-item {
		height: 400px; 
		}
	.carousel-caption {
		font-size: 80%;
		bottom: 50px
		}
	.carousel-caption span {
		font-size: 170%;
		}	
}
@media (max-width: 1200px) 	{
	.carousel {
		margin-bottom: -80px	
		}
	.carousel-item {
		height: 320px; 
		}
	.carousel-caption {
		font-size: 75%;
		bottom: 40px
		}
}
@media (max-width: 992px) 	{
	.carousel {
		margin-bottom: -25px	
		}
	.carousel-item {
		height: 250px; 
		}
	.carousel-caption {
		font-size: 60%;
		bottom: 30px
		}
}
@media (max-width: 768px) 	{
	.carousel {
		margin-bottom: -25px	
		}
	.carousel-item {
		height: 200px; 
		}	
	.carousel-caption {
		font-size: 50%;
		bottom: 40px
		}
	.carousel-caption span {
		font-size: 190%;
		padding: .1em .7em .25em .7em
		}	
}
@media (max-width: 575px) 	{
	.carousel-item {
	   height: 180px; 
		}
	.carousel-caption {
		font-size: 40%;
		bottom: 20px
		}	
}
@media (max-width: 480px) 	{
	.carousel-item {
	   height: 150px; 
		}
}	
@media (max-width: 380px) 	{
	.carousel-item {
	   height: 140px; 
		}
}	
			
/* ---- end CAROUSEL ------------------------------------------ */






	
	
	
	
	
	
	
	
/* ============================================================== 
     # NEWS  
=================================================================== */
.kurznews {
	}
.kurznews [class*="col-"] {
	margin-bottom: 50px
	}
.kurznews [class*="col-"]:nth-child(3n + 1) {
	}
.kurznews h2 {
	margin: 0;
	font-size: 190%
	}	
.kurznews .datum {	
	color: #d7b469;
	margin-bottom: 1em;
	font-size: 95%
	}	
.kurznews .kurztext {
	font-size: 95%;
	line-height: 1.5em;
	margin-top: 1.5em
	}			
		
@media (max-width: 992px) {
	.kurznews [class*="col-"] {
		}
}




/* ---- # lang __________________________________ */
.lang_headline {
	clear: both;
	margin: 1em 0 0 0;
	font-size: 280%;
	}
.lang_datum {
	color: #d7b469;
	margin: .3em 0 2em 0;
	font-size: 100%;
	line-height: 1.2em
	}
.lang_text {
	}	
	
@media (max-width: 992px) {
	.lang_headline 	{ font-size: 230% }
	.lang_datum		{ font-size: 95%; margin-bottom: 1.5em }
}
@media (max-width: 575px) {
	.lang_headline	{ font-size: 200%; line-height: 1.1em }
	.lang_datum		{ font-size: 90%; margin-bottom: 1em }
}	
@media (max-width: 380px) {
	.lang_headline	{ font-size: 180% }
}	
/* --------- end NEWS -------- */









/* ============================================================== 
     # PAGINATION 
=================================================================== */
.pagination {
	margin: 0;
	padding: 0;
	}
.pagination .btn {
	margin: 0 0 5px 0
	}
@media (max-width: 767px) {
	.pagination .btn {
	}
}
@media (max-width: 575px) {
	.pagination .btn {
	}
}
/* --------- end PAGNATION -------- */








/* ============================================================== 
     # PAGETOP  
=================================================================== */
.pagetop-scroll,
.pagetop-scroll:hover {
	background: none;
	padding: 0;
	border: 0;
	bottom: 30px;
	right: 15px
	}
.pagetop-scroll i {
	font-size: 50pt;
	color: #d7b469;
	opacity: .8;
	text-shadow: -1px 1px 1px #fff
	}	
.pagetop-scroll:hover i {
	opacity: 1
	}	
@media (max-width: 575px) {
.pagetop-scroll,
.pagetop-scroll:hover {
	right: 5px
	}
}	
/* --------- end PAGETOP -------- */




  

/* ============================================================== 
     # COOKIE  
=================================================================== */
#cookiedingsbums {
	z-index: 10000;
	border: none;
	margin: 0;
	background: rgba(0, 166, 208, 0.5);
	background: rgba(222, 222, 222, 0.85);
	box-shadow: .1em .1em .4em rgba(0, 0, 0, 0.3);
	color: #444;
	border-radius: 3px;
	
	max-width: 300px;
	width: 90% !important;
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 1.4em !important;
	padding: 2em 1em 1em 1em;
	display: none
	}
#cookiedingsbums .container {
	width: 100%
	}	
#cookiedingsbums a {
	color: #444 !important
	}
#cookiedingsbums a:hover {
	text-decoration: none !important;
	color: #77aaee !important
	}	

#cookiedingsbums .close {
	margin: .7em 0 1em 1em;
	opacity: 1;
	float: right
	}
#cookiedingsbums .close i {
	background: #d7b469;
	padding: .4em .8em !important;
	border-radius: 3px;
	color: #fff !important;
}
#cookiedingsbums .close i:hover {
	background: #007f73;
}


@media (max-width: 767px) {
#cookiedingsbums {
	max-width: 94%;
	width: 94% !important;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 10px; 
	font-size: 10pt !important;
	padding: 1em .6em
	}		
}

/* --------- end COOKIEFOOTER -------- */











/* ============================================================== 
     # KONATKT / FORMULAR / FORMS 
=================================================================== 
.contact-form {
	}
	@media (max-width: 767px) { 
		.contact-form {
		margin-bottom: 3em
		}
	} 
.contact-form .form-control {
	background: rgba(0, 166, 208, 0.06);
	box-shadow: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(0, 166, 208, 0.5);
	color: #000 !important;
	font-weight: 500;
	font-size: 105%;
	min-height: 40px;
	}
.contact-form .form-control:focus {
	}
*/
form {
	width: 100%;
	display: block
}

	

form select { width: auto }	
	
.form-inline .form-group {
	display: inline;
	}
	.form-inline .form-group label,
	.form-inline .form-group select,
	.form-inline .form-group .absenden {
	display: inline;
	}
	
.form-inline .form-group.datum {
	display: inline;
	margin-right: 20px
	}
	.form-inline .form-group.datum select {
	float: left;
	margin-right: 5px
	}	

.btn.absenden,
form [type*="submit"] {
	background:#132574;
	border: none;
	outline: none;
	border-radius: 0;
	padding: .5em 0;
	color: #fff;
	color: rgba(255, 255, 255, 0.85) !important;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .05em !important;
	font-size: 85%;
	padding: .2em .7em;
	}	
	.btn.absenden:hover,
	form [type*="submit"]:hover {
	background:#0e1c5a;
	color: #fff !important;
	transition: 0s
	}
	
		
@media (max-width: 767px) 	{	
	.form-inline .form-group.datum label {
	display: block;
	width: 100%
	}	
}	
/* --------- end KONATKT / FORMULAR / FORMS  -------- */	
	

	



/* ============================================================== 
     # Team  
=================================================================== */
.team [class*="col-"] {
	}	
	@media (min-width: 768px) 	{
		.team [class*="col-"]:nth-of-type(3n) {
			clear: both;
			}	
		.team [class*="person col-"]:nth-of-type(1),
		.team [class*="person col-"]:nth-of-type(2) {
			width: 50%;
			}		
	}	
		
.team .item {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;	
	padding-top: 1.5em;
	margin-top: 2em;
	}
	.team [class*="col-"]:nth-of-type(1) .item {
		padding-top: 0;
		margin-top: 0;
		border-top: none;
		}
	@media (min-width: 768px) 	{
		.team .item {
			padding-top: 2.5em;
			margin-top: 3em;
			text-align: center
			}
		.team [class*="col-"]:nth-of-type(1) .item,
		.team [class*="col-"]:nth-of-type(2) .item {
			padding-top: 0;
			margin-top: 0;
			border-top: none;
			}
			
		/* --- damit die Heabmmen in separater Zeile stehen */	
		.team [class*="col-"]:nth-of-type(8) { clear: both }	
		.team [class*="col-"]:nth-of-type(9) { clear: none }	
	}


.team .item .row,
.team .item .row [class*="col-"] {
	margin: 0;
	padding: 0
	}
	@media (max-width: 767px) 	{
		.team .item .row [class*="col-"]:first-child {
			padding-left: 25px;
			}
	}
	
			
.team .item img {
	width: 100%;
	height: auto;
	margin: 0 auto
	}	
	@media (min-width: 768px) 	{
		.team .item img {
			margin-bottom: 1em;
			width: 55%
			}	
		.team [class*="person col-"]:nth-of-type(1) .item img,
		.team [class*="person col-"]:nth-of-type(2) .item img {
			width: 80%;
			margin-bottom: .7em;
			width: 55%
			}	
	}
	@media (min-width: 1200px) 	{
		.team [class*="person col-"]:nth-of-type(1) .item img,
		.team [class*="person col-"]:nth-of-type(2) .item img {
			width: 45%
			}	
	}	
.team .item h3 {
	display: block;
	clear: both;
	z-index: 1;
	margin: 0 0 .2em 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 125% !important;
	}
	@media (min-width: 768px) 	{
		.team .item h3 {
			font-size: 145% !important;
			}
	}	
	@media (min-width: 992px) 	{
		.team .item h3 {
			font-size: 155% !important;
			}
		.team [class*="person col-"]:nth-of-type(1) .item h3,
		.team [class*="person col-"]:nth-of-type(2) .item h3 {
			font-size: 175% !important;
			}
		}		
		
.team .item h5 {
	display: block;
	clear: both;
	margin: 0;
	font-size: 14px !important;
	}
	@media (min-width: 768px) 	{
		.team .item h5 {
			font-size: 16px !important;
			}	
		.team [class*="person col-"]:nth-of-type(1) .item h5,
		.team [class*="person col-"]:nth-of-type(2) .item h5 {
			font-size: 17px !important;
			}
		}	
.team .item h6 {
	margin: 2em 0 0 0;
	font-weight: bold;
	color: #77aaee
	}
	.team .item h6 span {
	color: #000;
	font-weight: normal
	}
.team .item div {
	margin: .5em 0 2em 0;
	}			

.team a 		{ color: #000 !important; font-weight: normal }
.team a i 		{ color: #77aaee !important; }
.team a:hover 	{ color: #77aaee !important }

.team .panel a { color: #77aaee !important; font-weight: normal }
.team .panel a:hover { color: #77aaee !important }

.team .item ul {
  width: 90%;
  margin: 1em 5% 0 5%
  }
.team .item ul li {
  width: 100%;
  line-height: 1.4em;
  font-weight: 400;
  padding: .4em 0 !important;
  margin: 0;
  border-bottom: 1px dashed rgba(0, 171, 154, 0.4)
  }
.team .item ul li:first-child {
  padding-top: 0
  }
.team .item ul li:last-child {
  border-bottom: none;
  padding-bottom: 0
  }



.team .panel {
	margin-top: 2em !important;
	border: none;
	box-shadow: none
	}
.team .panel .title {
	margin-left: 15px;
	}
.team .panel .title:before {
	content: "\f141";
	font-family: 'Flaticon-arrows';
	color: #77aaee;
	display: inline-block;
	margin-left: -25px;
	width: 25px;
	font-size: 80%;
	}	
.team .panel-collapse {
	margin-top: .5em;
	}	
.team .panel [aria-expanded=false].title:before {
	content: "\f141";
	}
.team .panel [aria-expanded=true].title:before {
	font-family: 'Flaticon-arrows';
	content: "\f107";
	}
	
.team .panel,
.team .panel-collapse,
.team table {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important
	}
.team table {
	text-align: left;
	margin-bottom: 0 !important
	}
.team table,
.team table tr,
.team table tr td {
	border: none !important
	}
.team table tr {	
	border-top: 1px dashed rgba(0, 171, 154, 0.4) !important
	}
.team table tr {	
	border-top: 1px dashed rgba(0, 171, 154, 0.4) !important;
	}
.team table tr:first-child {	
	border-top: none !important
	}	
.team table td {	
	padding: .5em 0 !important;
	}	
.team table td:first-child {	
	font-weight: 600;
	color: #000;
	padding-right: 1em !important;
	min-width: 110px;
	}  
	
	
/* --------- TEAM-LANG -------- */	
.team.team-lang {
	text-align: left;
	}
.team.team-lang .item {
	border: none !important;
	margin: 0 0 3em 0 !important;
	padding: 0 280px 0 0 !important
	}	
.team.team-lang img {
	width: 250px;
	margin: 0 -280px 0 0 !important;
	float: right;
	border-radius: 4px;
	padding: 5px;
	border: 1px solid #ddd
	}
.team.team-lang h4,
.team.team-lang h5,
.team.team-lang h6 {
	float: left;
	clear: none;
	text-align: left;
	width: 100%;
	margin: 0 0 1em 0
	}
.team.team-lang h4 {
	margin-top: 1em
	}			
@media (max-width: 767px) 	{
	.team.team-lang .item {
		padding-right: 200px !important
		}	
	.team.team-lang img {
		width: 180px;
		margin-right: -200px !important;
		padding: 4px;
		}
	.team.team-lang h6 {
		font-size: 100%
		}	
}	
@media (max-width: 480px) 	{
	.team.team-lang .item {
		padding-right: 155px !important
		}	
	.team.team-lang img {
		width: 140px;
		margin-right: -155px !important;
		padding: 4px;
		}
	.team.team-lang h4 {
		margin-bottom: .5em
		}
	.team.team-lang h6 {
		font-size: 90%
		}	
}	
@media (max-width: 380px) 	{
	.team.team-lang .item {
		padding-right: 0 !important;
		margin-bottom: 1.5em !important
		}	
	.team.team-lang img {
		float: left;
		width: 160px;
		margin-right: 0 !important;
		margin-bottom: 1em !important
		}
	.team.team-lang h4 {
		margin-top: 0;
		margin-bottom: .5em;
		font-size: 130%
		}
	.team.team-lang h6 {
		font-size: 90%
		}	
}	
	
				
/* --------- end TEAM -------- */













/* --------- GALERIE
================================================== */
.gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    grid-gap: 1.2rem;
    margin-top: 2em;
    align-items: center;
	}
.gallery-wrapper a.gallery {
    display: flex;
    flex-flow: column nowrap;
    float: none;
	text-align: center;
	width: auto;
	height: auto;
	position: relative;
	margin:0;
	}
.gallery-wrapper a.gallery img.gallery_bild {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition:opacity .25s ease-in-out;
    max-height: auto;
	border-radius: 0;
	max-width: 100%;
    /*border: 1px solid #ddd;
    padding: 2px;
    background-color: #fff;*/
    padding: 2px;
    border: none;
    border-radius: 2px;
    border: 1px solid #ddd
	}
.gallery-wrapper a.gallery:hover img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transform: scale(.93);
  -webkit-transform: scale(.93);
  -moz-transform: scale(.93);
  -ms-transform: scale(.93);
  -o-transform: scale(.93);
}
@media (max-width: 992px) 	{
	.gallery-wrapper {
		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
   		}	
}
@media (max-width: 767px) 	{
	.gallery-wrapper {
		align-items: flex-start; 
		grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
   		}	
}	
	




#galerie {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    grid-gap: 1.2rem;
    margin-top: 2em;
    
    align-items: center;
	}
#galerie a {
    display: flex;
    flex-flow: column nowrap;
	}
#galerie a .background-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition:opacity .25s ease-in-out;
    background-size: cover;
    background-position: center center;
    /*border: 1px solid #ddd;
    padding: 2px;
    background-color: #fff;*/
    padding: 0;
    border: none
	}	
#galerie a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition:opacity .25s ease-in-out;
    border: 1px solid #ddd;
    padding: 2px;
    background-color: #fff;
    /*border: 1px solid #ddd;
    padding: 2px;
    background-color: #fff;*/
    padding: 0;
    border: none
	}
#galerie a:hover img,
#galerie a:hover .background-image {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transform: scale(.93);
  -webkit-transform: scale(.93);
  -moz-transform: scale(.93);
  -ms-transform: scale(.93);
  -o-transform: scale(.93);
}
@media (max-width: 767px) 	{
	#galerie {
		align-items: flex-start;
		}	
}




/* --------- end GALERIE -------- */










/* ============================================================== 
    # ACCORDION  
=================================================================== */
.content .accordion {
	}
.content .accordion-item {
	}

.content .accordion-button {
	font-weight: 300;
	font-size: 105% !important;
	border-radius: 0 !important;
	box-shadow: none !important
	}
	.content .accordion-button:hover {
	color: #132474 !important;
	color: #d7b469 !important
	}
	.content .accordion-button:not(.collapsed) {
	color: #d7b469;
	font-weight: 600
	}
	
.content .accordion-button::after {
	font-size: 10pt;
	top: 8pt
	}
	.content .accordion-button:hover::after {
	color: #d7b469;
	}
	.content .accordion-button:not(.collapsed)::after {
	color: #d7b469 !important;
	}
	
.content .accordion-collapse {
	}	
	.content .accordion-collapse .beschreibung {
	margin-bottom: .4em
	}
	.content .accordion-collapse .link i {
	opacity: .7;
	font-size: 90%
	}
	.content .accordion-collapse .link a {
	color: #132474;
	font-size: 95%
	}
	.content .accordion-collapse .link a:hover {
	color: #d7b469
	}			
/* --------- end ACCORDION -------- */





/* ============================================================== 
     # PANEL  
=================================================================== */
.panel.simple {
	border: none;
	margin: 0 0 .5em 15px
	}
.panel.simple .title {
	margin-top: 0;
	font-weight: 600;
	}
.panel.simple .title:before {
	content: "\f11c";
	font-family: 'Flaticon-arrows';
	color: #77aaee;
	display: inline-block;
	margin-left: -15px;
	width: 15px;
	font-size: 70%;
	font-weight: 600
	}
	.panel.simple .title:hover:before {
	color: #00554c;
	}	
.panel.simple .panel-collapse {
	margin-top: .5em;
	background: #fff !important
	}	
	
.panel.simple .title:after {
	content: "\f141";
	font-family: 'Flaticon-arrows';
	color: #77aaee;
	display: inline-block;
	margin-left: 5px;
	width: 20px;
	font-size: 90%;
	}	
.panel.simple [aria-expanded=true].title:after {
	font-family: 'Flaticon-arrows';
	content: "\f107";
	}


li.panel {
	border: none;
	}
li.panel .title {
	color: #444 !important;
	font-weight: normal;
	margin-left: -4px
	}
li.panel .panel-collapse {
	background: #fff !important;
	font-size: 85%;
	line-height: 1.4em;
	color: #77aaee
	}
		
li.panel .title:after {
	color: #77aaee;
	display: inline-block;
	margin-left: 8px;
	width: 20px;
	font-size: 105%;
	vertical-align: bottom;
	content: '\f150';
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900 !important;
	}
	li.panel .title:hover:after {
		color: #00554c
		}	
li.panel [aria-expanded=true].title:after {
	content: '\f151' !important;
    font-family: 'Font Awesome 5 Free'; 
    font-weight: 900;
	color: red
	}
	li.panel [aria-expanded=true].title:hover:after {
	color: #bb0000
	}
/* --------- end PANEL -------- */







/* ============================================================== 
    # VIDEO  
=================================================================== */
.videowrapper video  {
	background: rgba(215, 180, 105, 0.13)å;
	}
.videowrapper video {
   display: block;
   object-fit: cover; 
   width: 100%; 
   height: 420px; 
   border: none;
   margin-bottom: -100px;
   position: relative;
}
.videowrapper:after {
   content:'© IFA Museum Nordhausen';
   position: relative;
   font-size: 70%;
   color: rgba(0, 0, 0, 0.3);
   top:70px;
   left: 10px;
}
.videowrapper .overlay {
	position: absolute;
    content: '';
    margin: 0;
    z-index: 1;
    top: 0;
    width: 100%;
    background-size: cover;
    background: rgba(0, 0, 0, 0.5); 
    background-color: #d7b469;
    background-color: rgba(135, 106, 40, 0.3)
}
.videowrapper .carousel-caption {
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 4.5em 0 0 0 !important;
	padding: 0 !important;
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	position: absolute;
	opacity: .95;
	z-index: 10
	}
	.videowrapper .carousel-caption h1 {
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: .5s;
		font-weight: 600;
		font-size: 280% !important;
		letter-spacing: 0;
		float: left;
		line-height: 1em !important;
		text-shadow: none;
		background: #132574;
		box-shadow: 0 0 .4em rgba(0, 0, 0, 0.5); 
		width: auto;
		margin: 0;
		padding: 0;
		text-transform: none;
		z-index: 100;
		position: relative;
		}
	.videowrapper .carousel-caption a h1,
	.videowrapper a .carousel-caption h1 {
		color: #fff
		}
		.carousel-caption a:hover h1,
		a:hover .carousel-caption h1 {
		background: rgba(19, 37, 116, 0.9);
		color: rgba(255, 255, 255, 0.85);
		transition: .3s;
		}	
		@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		.videowrapper .carousel-caption h1{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
	
	.videowrapper .carousel-caption span {
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: .5s;
		float: left;
		text-shadow: none;
		color: #fff;
		font-size: 135%;
		font-weight: 400;
		clear: both;
		text-shadow: 0 0 1em #fff;
		line-height: 1.3em;
		letter-spacing: 0;
		text-shadow: none;
		background: #d7b469;
		box-shadow: 0 0 .5em rgba(0, 0, 0, 0.5); 
		width: auto;
		margin: .5em 0 0 0 !important;
		padding: .2em .9em .25em .9em;
		z-index: 1;
		position: relative
		}
		.carousel-caption a:hover span,
		a:hover .carousel-caption span {
		background: rgba(215, 180, 105, 0.9);
		color: rgba(255, 255, 255, 0.85);
		transition: .3s;
		}
		@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
		.videowrapper .carousel-caption span{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}	

@media (max-width: 1200px) 	{
	.videowrapper video {
	   height: 330px; 
	   margin-bottom: -75px
		}
	.videowrapper .carousel-caption {
		margin-top: 3.5em !important;
		font-size: 125%
		}
}
@media (max-width: 992px) 	{
	.videowrapper video {
	   height: 260px; 
		}
	.videowrapper .carousel-caption {
		margin-top: 3em !important;
		font-size: 105%
		}
}
@media (max-width: 768px) 	{
	.videowrapper {
		}
	.videowrapper video {
	   height: 220px; 
		}
	.videowrapper .carousel-caption {
		margin-top: 2.2em !important;
		font-size: 100%
		}
}
@media (max-width: 575px) 	{
	.videowrapper video {
	   height: 200px; 
		}
	.videowrapper .carousel-caption {
		margin-top: 2.8em !important;
		font-size: 80%
		}
	.videowrapper .carousel-caption span {
		font-size: 125% !important;
		}	
}
/* --------- end VIDEO -------- */







table	{ width: auto }







/* ============================================================== 
    # TERMINE  
=================================================================== */
.termin {
	margin-bottom: 25px
	}
.termin .topline {
	margin-bottom: .7em;
	background: #132574;
	font-size: 95%;
	padding-bottom: .3em
	}	
.termin h2, 
.termin h3, 
.termin h4, 
.termin h5 {
	margin-top: 0;
	margin-bottom: 1em;
	clear: both
	}	
.termin .zeitraum {
	line-height: 1.4em;
	margin-left: 30px
	}
.termin .zeitraum i {
	color: #d7b469;
	margin-left: -30px;
	width: 26px;
	text-align: center
	}
.termin.dauertermin .zeitraum i {
	color: #132574;
	}			

.bg-shadow {
	box-shadow: none
	}		
.tagestermin .bg-shadow {
	background: rgba(215, 180, 105, 0.13);
	}
.dauertermin .bg-shadow {
	background: rgba(19, 36, 116, 0.07);
	}
	
	
.termin .bild {
	float: right;
	width: 80px;
	margin: 0 0 .5em .5em;
	/*padding: 2px;
	border: 1px solid rgba(0, 0, 0, 0.3)*/
	}	
/* --------- end VIDEO -------- */