/* ---
.hausfarbe	{ color: #0096dc rgba(0, 150, 220, 0.5) )
.hellblau	{ color: #4db6e7 rgba(77, 183, 232, 0.5) )
.hell		{ color: #edf3f4 rgba(239, 244, 245, 0.5) }
.dunkelblau { color: #223246 rgba(33, 49, 69, 0.5) }
.hellgrau/blau	{ color: #667788 }
.gruen		{ color: #a0c832 rgba(160, 199, 49, 0.5) )
.dunkelgrün { color: #88aa22 }
.rot 		{ color: #f15c5a rgba(243, 92, 90, 0.5) }
.dunkelrot 	{ color: #d4423f }
.border 	{ color: #c8d5dc }
.mint 		{ color: #91e2a4 rgba(145, 226, 164, 0.5) }
-- */


/* ============================================================== 
     # Flaticon
=================================================================== */
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-style: normal;
    font-weight: normal
    }
            [class^="flaticon-set-"]:before, [class*=" flaticon-set-"]:before, [class^="flaticon-set-"]:after, [class*=" flaticon-set-"]:after {
                font-family: Flaticon-set;
            	}	
            [class^="flaticon-hospital-"]:before, [class*=" flaticon-hospital-"]:before, [class^="flaticon-hospital-"]:after, [class*=" flaticon-hospital-"]:after {
                font-family: Flaticon-hospital;
            	}	
            [class^="flaticon-corona-"]:before, [class*=" flaticon-corona-"]:before, [class^="flaticon-corona-"]:after, [class*=" flaticon-corona-"]:after {
                font-family: Flaticon-corona;
            	}
            [class^="flaticon-corona2-"]:before, [class*=" flaticon-corona2-"]:before, [class^="flaticon-corona2-"]:after, [class*=" flaticon-corona2-"]:after {
                font-family: Flaticon-corona2;
            	}		
            [class^="flaticon-arrows-"]:before, [class*=" flaticon-arrows-"]:before, [class^="flaticon-arrows-"]:after, [class*=" flaticon-arrows-"]:after {
                font-family: Flaticon-arrows;
            	}	
            [class^="flaticon-email-"]:before, [class*=" flaticon-email-"]:before, [class^="flaticon-email-"]:after, [class*=" flaticon-email-"]:after {
                font-family: Flaticon-Email;
            	}	
            [class^="flaticon-office-"]:before, [class*=" flaticon-office-"]:before, [class^="flaticon-office-"]:after, [class*=" flaticon-office-"]:after {
                font-family: Flaticon-office;
            	}	
            [class^="flaticon-school-"]:before, [class*=" flaticon-school-"]:before, [class^="flaticon-school-"]:after, [class*=" flaticon-school-"]:after {
                font-family: Flaticon-school;
            	}	
            [class^="flaticon-science-"]:before, [class*=" flaticon-science-"]:before, [class^="flaticon-science-"]:after, [class*=" flaticon-science-"]:after {
                font-family: Flaticon-science;
            	}
            [class^="flaticon-supply-"]:before, [class*=" flaticon-supply-"]:before, [class^="flaticon-supply-"]:after, [class*=" flaticon-supply-"]:after {
                font-family: Flaticon-supply;
            	}
            [class^="flaticon-settings-"]:before, [class*=" flaticon-settings-"]:before, [class^="flaticon-settings-"]:after, [class*=" flaticon-settings-"]:after {
                font-family: Flaticon-settings;
            	}
            [class^="flaticon-login-"]:before, [class*=" flaticon-login-"]:before, [class^="flaticon-login-"]:after, [class*=" flaticon-login-"]:after {
                font-family: Flaticon-login;
            	}
            [class^="flaticon-basic-"]:before, [class*=" flaticon-basic-"]:before, [class^="flaticon-basic-"]:after, [class*=" flaticon-basic-"]:after {
                font-family: Flaticon-basic;
            	}
            [class^="flaticon-basic2-"]:before, [class*=" flaticon-basic2-"]:before, [class^="flaticon-basic2-"]:after, [class*=" flaticon-basic2-"]:after {
                font-family: Flaticon-basic2;
            	}	
            [class^="flaticon-computer-"]:before, [class*=" flaticon-computer-"]:before, [class^="flaticon-computer-"]:after, [class*=" flaticon-computer-"]:after {
                font-family: Flaticon-computer;
            	}
            [class^="flaticon-users-"]:before, [class*=" flaticon-users-"]:before, [class^="flaticon-users-"]:after, [class*=" flaticon-users-"]:after {
                font-family: Flaticon-users;
            	}	
 /* --------- end Flaticon -------- */           	
            	
 
 
 /* --------- PICTOS
================================================== */
.picto-btn {
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0, 150, 220, 0.3);
	line-height: 1.1em;
	color: #fff;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	margin: 2px 0;
	color: #fff !important;
	padding: .5em 1em .5em 50px;
	text-align: left;
	}
.picto-btn i {
	float: left;
	margin-left: -50px;
	width: 45px;
	text-align: center;
	margin-top: .15em;
	margin-bottom: .15em;
	font-size: 27px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	}
.picto-btn b {
	font-family: 'Open Sans' !important;
	font-weight: 700 !important;
	letter-spacing: -.01em;
	font-size: 95%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	color: #fff
	}
.picto-btn div {
	margin-top: .5em
	}			

.bg-hausfarbe .picto-btn {
	background: none !important;
	box-shadow: none !important;
	border-radius: 0;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: .55em;
	margin-bottom: .5em
	}
	.bg-hausfarbe .picto-btn:last-child {
	border-bottom: none !important;
	padding-bottom: 0;
	margin-bottom: 0;
	}

		
@media (max-width: 1200px) {
	.picto-btn { 
		font-size: 90%;
		padding-left: 40px
		}
	.picto-btn i {
		width: 40px;
		margin-left: -45px;
		font-size: 23px;
		}	
}

@media (max-width: 767px) {
	.picto-btn { 
		font-size: 100%	
		}
	.picto-btn div { 
		margin-top: 0 
		}	
	.picto-btn {
		padding-top: 1.05em;
		}
	.picto-btn i {
		margin-top: -5px !important;
		}	
}		
/* --------- end PICTOS -------- */
  
  
  
  
  
 
 
            	

.form-group.col-auto .form-control.auto {
	background: #eee !important;
	}	
	
	
.form-check.inline {
	float: left;
	display: inline !important;
	margin-bottom: 1em;
	padding-left: 25px;
	}	
	.form-check.inline input,
	.form-check.inline input.form-check-input {
	float: none !important;
	display: inline !important;
	clear: both;
	width: 25px;
	margin-left: -25px;
	}
	.form-check.inline label,
	.form-check.inline label.form-check-label {
	float: none !important;
	display: inline !important;
	font-weight: normal;
	clear: none
	}	
	
		
.hellrot { color: #f15c5a;  }



/* --------- ANCHOR
================================================== */
/* ------- damit Anchor-Link nicht unter Sticky-Nav liegt -------*/
a[id*="Anchor-"],
a[id*="ID"],
.anchor {
	display: block;
	position: relative;
	top: 120px;
}
@media (max-width: 767px) {
	a[id*="Anchor-"],
	a[id*="ID"],
	.anchor {
		top: 110px;
	}
}
/* --------- end ANCHOR -------- */





/* --------- BILDUNTERSCHRIFT --------
================================================== */
.bildunterschrift-bildrahmenlinks,
.bildunterschrift-bildrahmenlinks-nb,
.bildunterschrift-bildrahmenrechts,
.bildunterschrift-bildrahmenrechts-nb,
.bildunterschrift-bildrahmenmitte,
.bildunterschrift-bildrahmenmitte-nb {
	margin-top: .3em;
	margin-right: 1em;
	margin-bottom: .5em;
	float: left;
	clear: left;
	width: 45%
	}
	.bildunterschrift-bildrahmenrechts,
	.bildunterschrift-bildrahmenrechts-nb {
	float: right;
	clear: right;
	margin-right: 0;
	margin-left: 1em
	}
	.bildunterschrift-bildrahmenmitte,
	.bildunterschrift-bildrahmenmitte-nb {
	width: 100%
	}
	
.bildunterschrift-bildrahmenlinks img,
.bildunterschrift-bildrahmenlinks-nb img,
.bildunterschrift-bildrahmenrechts img,
.bildunterschrift-bildrahmenrechts-nb img {
	width: 100%;
	margin: 0
	}	
	
.bildmitte,
.bildmitte-nb,
.bildrahmenmitte,
.bildrahmenmitte-nb {
	margin-top: 1.5em;
	margin-bottom: 0
	}
	
.bildunterschrift {
	float: left;
	text-align: left;
	font-style: italic;
	font-size: 85%;
	color: #888;
	line-height: 1.2em !important;
	clear: both;
	width: 40%;
	margin-top: -6px;
	margin-left: 3px;
	width: 98%
	}
	.bildunterschrift-bildrahmenrechts .bildunterschrift,
	.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	margin-left: 0;
	margin-right: 5px;
	float: right;
	text-align: right
	}
	.bildunterschrift-bildrahmenmitte .bildunterschrift,
	.bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
	width: 100%;
	}	
	



.bildrahmenmitte-wrapper {
	}
.bildunterschrift-bildrahmenmitte {
	margin-bottom: 1.5em 
	}	
.bildrahmenmitte-wrapper .bildunterschrift {
	margin-top: -12px;
	}
		
.content-rechts .bildrahmenmitte-wrapper .bildunterschrift {
	text-align: center
	}
	
/* --------- end BILDUNTERSCHRIFT -------- */





:hover { transition: .3s }

body {
	color: #444;
	font-family: 'FrontPage', sans-serif !important;
	font-size: medium;
	font-size: 165%;
	font-weight: normal;
	line-height: 1.6em;
	margin: 0 0 0 0; /* sticky footer height */
	}









/* --------- AUFBAU
================================================== */
.content {
	padding-bottom: 4em;
	margin-top: 20px !important;
	}





.content-rechts {
	margin-top: .6em !important;
	line-height: 1.3em;
	
	hyphens: auto;
	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;
	}
	.content-rechts h1, .content-rechts h2, .content-rechts h3,
	.content-rechts h4, .content-rechts h5,
	.content h1 {
	-moz-hyphens: none;
		-o-hyphens: none;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none; 
	}
	
	
.content-rechts p {
	margin-bottom: 1em
	}	
.content-rechts .bild {
	background: #0096dc;
	padding: 5px;
	box-shadow: .1em .1em .3em rgba(0, 0, 0, 0.3);
	margin-bottom: 1em;
	float: left;
	width: 100%
	}
.content-rechts .bild img {
	width: 100%;
	border-radius: 2px
	}
.content-rechts .bild p {
	color: #fff;
	font-style: italic;
	font-size: 90%;
	line-height: 1.2em;
	margin: .4em .2em .2em .2em
	}
.content-rechts .bg-content {
	margin-bottom: 1.5em;
	border-radius: 3px;
	padding: 1.5em 1.3em
	}
	
.content-rechts ul { 
	margin-bottom: 1em;
	}	
.content-rechts ul li { 
	line-height: 1.3em; 
	margin: 0 0 .5em 0;
	padding-top: 0;
	padding-bottom: 0
	}
	
	
.content-rechts ul li a {
	color: #444;
	hyphens: none;
	}	
.content-rechts ul li a:hover {
	color: #0096dc;
	text-decoration: underline
	}		
/* ---- end AUFBAU ------------------------------------------ */







/* --------- START
================================================== */
.content.start {
	margin-top: 0 !important;
	padding-bottom: 0;
	}
	

.startinfo {
	}
.startinfo h1 {
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 220% !important;
	letter-spacing: .02em !important;
	margin-bottom: .65em;
	line-height: 1.1em !important;
	color: #223246;
	color: rgba(33, 49, 69, 0.7)
	}
	.bg-verlauf.startinfo  h1 {
	color: #fff !important
	}
.startinfo .all {
	font-size: 85%;
	line-height: 1.1em;
	margin: -2.8em 10px 0 0;
	float: right
	}
.startinfo .all:after {
    color: #0096dc !important;
    font-size: 14px;
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    z-index: 1 !important;
    margin-left: .3em;
	}
	.startinfo .all:hover:after {
	    color: #223246 !important;
		}
	.bg-verlauf.startinfo .all,
	.bg-hausfarbe.startinfo .all,
	.bg-verlauf.startinfo .all:after,
	.bg-hausfarbe.startinfo .all:after {
	    color: rgba(33, 49, 69, 0.6) !important;
		}
	.bg-verlauf.startinfo .all:hover,
	.bg-verlauf.startinfo .all:hover,
	.bg-verlauf.startinfo .all:hover:after,
	.bg-verlauf.startinfo .all:hover:after {
	    color: #223246 !important;
		}





@media (max-width: 992px) {
	.startinfo h1 {
	font-size: 190% !important;
	letter-spacing: 0 !important
	}
	.startinfo .all {
	}
}
@media (max-width: 767px) {
	.startinfo h1 {
	font-size: 170% !important;
	letter-spacing: 0;
	}
	.startinfo .all {
	font-size: 80%;
	}
}
@media (max-width: 550px) {
	.startinfo h1 {
	font-size: 145% !important;
	}
	.startinfo .all {
	margin-top: -2.6em;
	}
}
@media (max-width: 450px) {
	.startinfo .all {
	margin-top: -1em;
	margin-bottom: .8em
	}
}
@media (max-width: 300px) {
	.startinfo .all {
	margin-top: -2.6em;
	}
}

/* --------- end START -------- */















/* --------- HEADTOP
================================================== */
.headtop {
	color: #223246;
	border-bottom: 1px solid #c8d5dc;
	line-height: 1em;
	height: 35px;
	background: #edf3f4; /* Old browsers */
	background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 75%, #f15c5a 75%, #f15c5a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 75%,#f15c5a 75%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 75%,#f15c5a 75%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
	}
	
.headtop .subline,
.headtop .phone,
.headtop .adress,
.headtop .notdienst {
	float: left;
	padding: 9px 0
	}
.headtop .subline {
	font-size: 75%;
	margin-right: 2em;
	margin-top: 1px;
	display: none
	}
.headtop .phone,
.headtop .adress {
	font-size: 80%;
	margin-right: 1.7em;
	}
.headtop i {
	color: #0096dc;
	}
	.headtop .phone i {
		font-size: 11pt;
		bottom: -1em;
		vertical-align: bottom
		}

.headtop .notdienst {
	font-size: 80%;
	text-transform: uppercase;
	background: #f15c5a;
	font-weight: bold;
	color: #fff;
	float: right;
	padding-left: 2em;
	padding-right: 0;
	padding-top: 9px;
	height: 34px;
	transform: skew(45deg, 0deg);
	z-index: 1000000 !important;
	position: absolute;
	margin-left: 73px;
	}
.headtop .notdienst div {
	transform: skew(-45deg, 0deg);
	clear: none
	}
.headtop .notdienst i 	{
	color: #fff;
	font-size: 14pt;
	float: left;
	margin-top: -2px;
	margin-right: .4em
	}
.headtop .notdienst div {
	z-index: 1;
	position: relative
	}
.headtop .notdienst:hover{
	transition: 0s;
	text-decoration: none;
	color: #223246
	}
	.headtop .notdienst:hover i{
	color: #223246
	}
	
	

@media (min-width: 992px) {
	.headtop 			{ letter-spacing: -.01em;
						background: #edf3f4; /* Old browsers */
						background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 80%, #f15c5a 80%, #f15c5a 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 80%,#f15c5a 80%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 80%,#f15c5a 80%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
						}
	
	.headtop .phone,
	.headtop .adress 	{ margin-right: .8em; }
	.headtop .notdienst { margin-left: 330px; padding-left: 1.5em }
	}
@media (min-width: 1200px) {
	.headtop 			{ letter-spacing: .01em;
						background: #edf3f4; /* Old browsers */
						background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 88%, #f15c5a 88%, #f15c5a 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 88%,#f15c5a 88%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 88%,#f15c5a 88%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
						}
	.headtop .subline 	{ display: inline }
	
	.headtop .subline,
	.headtop .phone,
	.headtop .adress,
	.headtop .notdienst {
						padding: 0 !important;
						margin-top: 9px;
						margin-right: 2em; 
						}		
	.headtop .notdienst {
						float: right;
						position: relative;
						margin-top: 0;
						margin-right: 0;
						margin-left: 75px; padding-left: 0; letter-spacing: .03em 
						}	
					.headtop .notdienst div {
						padding-top: 9px;
						margin-left: 2em
						}	
	}
	
@media (min-width: 1440px) {
	.headtop 			{ 
						background: #edf3f4; /* Old browsers */
						background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 83%, #f15c5a 83%, #f15c5a 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 83%,#f15c5a 83%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 83%,#f15c5a 83%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
						}
	}	



@media (min-width: 1680px) {
	.headtop 			{ letter-spacing: .01em; 
						background: #edf3f4; /* Old browsers */
						background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 80%, #f15c5a 80%, #f15c5a 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 80%,#f15c5a 80%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 80%,#f15c5a 80%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
						}
	}	
@media (min-width: 1850px) {
	.headtop 			{ letter-spacing: .01em; 
						background: #edf3f4; /* Old browsers */
						background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 75%, #f15c5a 75%, #f15c5a 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 75%,#f15c5a 75%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 75%,#f15c5a 75%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
						}
	}						
@media (min-width: 2240px) {
	.headtop 			{ letter-spacing: .01em; 
						background: #edf3f4; /* Old browsers */
						background: -moz-linear-gradient(left,  #edf3f4 0%, #edf3f4 71%, #f15c5a 71%, #f15c5a 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left,  #edf3f4 0%,#edf3f4 71%,#f15c5a 71%,#f15c5a 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right,  #edf3f4 0%,#edf3f4 71%,#f15c5a 71%,#f15c5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#f15c5a',GradientType=1 ); /* IE6-9 */
						}
	}						



	

@media (max-width: 767px) {
	.headtop 			{ background: none; border: none; height: auto }
	.headtop .adress 	{ display: none }

	.headtop .notdienst,
	.headtop .phone {
		position: absolute;
		letter-spacing: .01em;
		height: 37px;
		width: auto;
		padding: 0;
		margin: 0;
		top: 13px;
		padding: 11px 1em;
		border-radius: 3px;
		font-size: 11pt;
		right: 70px;
		transform: skew(0, 0deg);
		letter-spacing: .03em;
		}
	.headtop .notdienst div {
		transform: skew(0, 0deg)
		}
	.headtop .notdienst:after {
		display: none
		}
	.headtop .notdienst i 		{ font-size: 16pt; float: left; margin-top: -3px; color: #fff !important }
	.headtop .notdienst:hover i { }
	.headtop:hover .notdienst 	{ background: #f15c5a !important }
	.headtop .notdienst:hover 	{ background: #d4423f !important; color: #fff }


	.headtop .phone {
		right: 207px;
		background: #edf3f4 !important;
		color: #667788;
		font-size: 12pt;
		letter-spacing: 0;
		border: 1px solid #c8d5dc;
		height: 36px;
		top: 14px;
		padding: 9px .8em;
		}
	.headtop .phone a {
		color: #667788;
		}
	.headtop .phone:hover {
		background: rgba(0, 150, 220, 0.7) !important;
		color: #fff !important;
		transition: .1s
		}
	.headtop .phone:hover a {
		color: #fff !important;
		}
	.headtop .phone:hover i {
		color: #fff !important
		}
	.headtop .phone i {
		font-size: 15pt;
		float: left;
		margin-right: .3em;
		margin-top: -1px
		}

	}
@media (max-width: 710px) {
	.headtop .phone span{
		display: none
		}
	}
@media (max-width: 650px) {
	.headtop .notdienst span {
		display: none
		}
	.headtop .phone {
		right: 207px;
		}
	}
@media (max-width: 580px) {
	.headtop .notdienst,
	.headtop .phone {
		padding: 8px .7em;
		height: 31px;
		top: 16px;
		font-size: 10pt;
		right: 70px
		}
	.headtop .notdienst i {
		margin-right: .2em;
		font-size: 14pt;
		margin-top: -2px
		}
	.headtop .phone {
		right: 180px;
		padding-top: 7px;
		}
	.headtop .phone i {
		font-size: 13pt
		}
	}
@media (max-width: 500px) {
	.headtop .phone {
		display: none
		}
	}
@media (max-width: 430px) {
	.headtop .notdienst span {
		display: none
		}
	.headtop .notdienst {
		letter-spacing: 0;
		font-size: 9pt;
		padding: 7px .6em;
		height: 30px;
		top: 16px;
		right: 65px;
		}
	.headtop .notdienst i {
		font-size: 11pt;
		margin-top: 0;
		margin-right: .3em
		}
	}
@media (max-width: 320px) {
	.headtop .notdienst {
		font-size: 8.5pt;
		padding: 6px .5em;
		height: 27px;
		top: 18px;
		letter-spacing: -.01em
		}
	.headtop .notdienst i {
		margin-right: .25em
		}
	}
/* --------- end HEADTOP -------- */







/* --------- SUCHE
================================================== */
.search2 {
	z-index: 100000 !important;
	position: relative !important;
	width: 360px;
	right: -140px;
	top: -35px;
	margin: 0 !important;
	float:left
	}
.label-suche {
	content: 'suchen';
	position: absolute;
	right: 64px;
	top: 6px;
	font-size: 10pt;
	letter-spacing: 0 !important;
	color: #223246;
	}
.label-suche:hover {
	color: #0096dc;
	}
.search2 .search_field {
	width: 0;
	height: 34px;
	padding-left: 10px;
	padding-right: 120px;
	color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	background: none;
	border-radius: 0;
	position: absolute;
	right: 0;
	border: none;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	}
.search2 .search_field:focus {
	width: 100%;
	height: 34px;
	color: #222 !important;
	background: #fff;
	border: 2px solid #0096dc;
	font-weight: normal;
	}

.search2 .search_icon {
	position: absolute;
	right: 0;
	width: 130px;
	height: 34px;
	border: none;
	transition: background-color 0.2s ease-in-out;
	opacity: 1;
	border-radius: 0;
	background: url(../images/lupe/lupe_m_hausfarbe.png) no-repeat 10px 10px;
	background-size: 13px;
	text-align: left;
	pointer-events: none;
	}
.search2 .search_icon[value="suchen"] {
	font-size: 10.5pt !important;
	padding-left: 28px;
	color: #223246 !important
	}
.search2 .search_field:focus ~ .search_icon {
	background: #0096dc url(../images/lupe/lupe_m_fff.png) no-repeat 10px 10px;
	background-size: 13px;
	pointer-events: auto;
	color: #fff !important
	}
.search2 .search_field:focus ~ .search_icon:hover {
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.2) inset
	}


.search2 input::-webkit-input-placeholder {
	color: rgba(100, 100, 100, 0.6) !important;
	}
	.search2 input:-moz-placeholder 	{ color: rgba(100, 100, 100, 0.6) !important }
	.search2 input::-moz-placeholder { color: rgba(100, 100, 100, 0.6) !important }
	.search2 input:-ms-input-placeholder 	{ color: rgba(100, 100, 100, 0.6) !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: 992px) {
	.search2 				{ right: -290px }
}
@media (min-width: 1200px) {
	.search2 				{ right: -520px }
	#sticky.affix .search2 	{ right: -465px }
}

@media (max-width: 767px) {
	.search2 {
		position: absolute !important;
		width: auto !important;
		top: 14px;
		right: 410px !important;
		left: auto !important;
		}
	.search2 .search_field:focus {
		display: none
		}
	.search2 .search_icon {
		pointer-events: auto;
		position: absolute;
		z-index: 100000000 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 36px !important;
		height: 36px;
		display: inline-block;
		text-align: right !important;
		background: url(../images/lupe/lupe_m_hausfarbe.png) no-repeat !important;
		background-color: #edf3f4 !important;
		background-size: 15px !important;
		background-position-x: 10px !important;
		background-position-y: 9px !important;
		border: 1px solid #c8d5dc;
		border-radius: 2px
		}
	.search2 .search_icon:hover {
		background: url(../images/lupe/lupe_m_fff.png) no-repeat !important;
		background-size: 15px !important;
		background-position-x: 10px !important;
		background-position-y: 9px !important;
		background-color: rgba(0, 150, 220, 0.7) !important;
		color: rgba(255, 255, 255, 0) !important;
		transition: .1s
		}
	.search2 .search_icon[value="suchen"] {
		color: rgba(255, 255, 255, 0) !important;
		font-size: 0pt !important
		}
	}
@media (max-width: 710px) {
	.search2 {
		right: 355px !important;
		}
	}
@media (max-width: 580px) {
	.search2 {
		top: 16px;
		right: 302px !important;
		}
	.search2 .search_icon {
		width: 30px !important;
		height: 31px;
		background-size: 13px !important;
		background-position-x: 8px !important;
		background-position-y: 8px !important;
		}
	.search2 .search_icon:hover {
		background-size: 13px !important;
		background-position-x: 8px !important;
		background-position-y: 8px !important;
		}
	}
@media (max-width: 500px) {
	.search2 {
		right: 180px !important;
		}
	}
@media (max-width: 430px) {
	.search2 {
		right: 160px !important;
		}
	.search2 .search_icon {
		height: 30px;
		width: 27px !important;
		background-position-x: 6px !important;
		}
	.search2 .search_icon:hover {
		background-position-x: 6px !important;
		}
	}
@media (max-width: 350px) {
	.search2 {
		display: none
		}
	}
/* --------- end SUCHE -------- */








/* --------- LOGO
================================================== */
.navbar-brand {
	z-index: 100000;
	border-top: none;
	background: url(../images/logo/logo.svg) center left no-repeat;
	background-size: 100%;
	width: 110px;
	height: 44px;
	margin: 5px 0 5px 15px !important;
	}
.navbar-brand:hover {
	opacity: .8;
	transition: .3s
	}

@media (min-width: 768px) {
	.navbar-brand {
		background: url(../images/logo/logo_BM.svg) center left no-repeat;
		width: 60px;
		height: 35px;
		margin: .4em 0 .35em 0 !important;
		}
	#sticky.affix .navbar-brand {
		background: url(../images/logo/logo_BM.svg) center left no-repeat;
		width: 60px;
		height: 35px;
		margin: .4em 0 .35em 0 !important;
		}
}
@media (min-width: 992px) {
	.navbar-brand {
		background: url(../images/logo/logo.svg) center left no-repeat;
		width: 130px;
		height: 50px;
		margin: .6em 0 !important;
		}
	#sticky.affix .navbar-brand {
		background: url(../images/logo/logo.svg) center left no-repeat;
		width: 130px;
		height: 50px;
		margin: .6em 0 .4em 0 !important;
		}
}
@media (min-width: 1200px) {
	.navbar-brand {
		width: 185px;
		height: 70px;
		margin: .65em 0 .6em 0 !important;
		float: left !important
		}
}


/* --------- end LOGO -------- */






/* --------- NAVBAR / MENU
================================================== */
nav 	{
	z-index: 100;
	padding-top: 8px !important;
	background: #fff url(../images/balken.gif) repeat-x top center !important;
	}
.navbar {
	background: rgba(255, 255, 255, 0);
	}
.navbar .navbar-header {
	height: 55px;
	}
.nav {
	margin: 0 !important;
	border: none !important;
	padding-bottom: 0 !important
	}
.nav li input { 
	display: none
	}


#sticky,
#sticky.affix,
.affix,
nav {
	z-index: 100 !important;
	position: relative !important;
}

.nav li.btn,
.subnavi .dropdown-menu ul li.btn {
	margin-top: 1em;
	border-right: none;
	text-align: center;
	color: #fff !important
	}
.nav li.btn a,
.subnavi .dropdown-menu ul li.btn a {
	color: #fff !important;
	text-transform: uppercase;
	text-align: center;
	padding: .5em 1em !important;
	font-weight: 600 !important;
	}	
.nav li.btn a#active,
.subnavi .dropdown-menu ul li.btn a#active {
	color: #fff !important;
	}		
.nav li.btn a:hover,
.nav li.btn a#active:hover,
.subnavi .dropdown-menu ul li.btn a:hover,
.subnavi .dropdown-menu ul li.btn a#active:hover {
	color: #fff !important;
	font-weight: 600 !important
	}		

@media (min-width: 768px) 	{
	#sticky.affix {
	    width: 100%;
	    z-index: 100 !important;
	    top: 0;
	    position: fixed !important
		}
	nav {
		z-index: 10 !important
		}
	.navbar {
		padding: 0;
		margin: 0;
		border: none;
		box-shadow: 0 .3em .5em 0 rgba(0, 0, 0, 0.15);
		border-bottom: 1px solid #ddd;
	    border-radius: 0;
	    }
	.navbar .navbar-header {
		padding: 0;
		height: auto;
		}
	.nav {
		margin-top: .75em !important;
		}
	.nav li {
		float: none;
		display: inline;
		border-right: 1px solid #c8d5dc;
		margin-right: 4px
		}
	.nav li:last-child,
	.nav li:first-child {
		border-right: none
		}
	.nav li a,
	.nav li label {
		text-transform: uppercase;
	  	color: rgba(33, 49, 69, 0.8);
		display: inline;
		font-weight: normal;
		font-size: 9.5pt !important;
		padding: 16px .1em  0 .1em !important;
		margin: 0 !important;
		letter-spacing: -.035em;
		z-index: 1;
		text-decoration: none
 		}
	.nav li a:hover,
	.nav li a:focus,
	.nav li#active a,
	.nav li label:hover,
	.nav li label:focus,
	.nav li#active label,
	.nav li input:checked ~ label {
		border-top-color: #0096dc;
		background: none;
		font-weight: normal
		}
	.nav li#active > a,
	.nav li#active > label,
	.nav li#active input:checked ~ label {
		color: #0096dc;
		font-family: 'Open Sans';
		font-weight: bold;
		}
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus,
	.nav li input:checked ~ label {
		color: #0096dc;
		border-top-color: #0096dc;
		background: none;
		}
	.nav .open > a:after,
	.nav li input:checked ~ label:after {
		content: '\f0dd';
		font-family: 'FontAwesome';
		position: absolute;
		color: #0096dc;
		text-align: center;
		width: 100%;
		}
}
@media (max-width: 992px) {
	.nav .open > a:after,
	.nav li input:checked ~ label:after {
		padding-top: 5px
		}
}



@media (min-width: 992px) {
	.nav {
		margin-top: 1.4em !important;
		}
	.nav li a,
	.nav li label {
		font-size: 90% !important;
		padding-left: .15em !important;
		padding-right: .15em !important;
		letter-spacing: 0;
 		}	
	#sticky.affix .nav {
		margin-top: 1.2em !important;
		}
}
@media (min-width: 1200px) {
	.nav {
		margin-top: 2em !important;
		}
	.nav li a,
	.nav li label {
		font-size: 100% !important;
		padding-top: 17px !important;
		padding-left: .35em !important;
		padding-right: .35em !important;
		letter-spacing: 0;
 		}
 	#sticky.affix .nav {
		margin-top: 1.3em !important;
		}	
}

@media (max-width: 767px) {
	.collapse { max-height: 200px !important }
	}
@media (max-width: 767px) and (min-height: 350px) {
	.collapse { max-height: 270px !important }
	}
@media (max-width: 767px) and (min-height: 450px) {
	.collapse { max-height: 400px !important }
	}
@media (max-width: 767px) and (min-height: 700px) {
	.collapse { max-height: 500px !important }
	}
@media (max-width: 767px) and (min-height: 800px) {
	.collapse { max-height: 600px !important }
	}
@media (max-width: 767px) and (min-height: 1000px) {
	.collapse { max-height: 800px !important }
	}



@media (max-width: 767px) {
	#sticky.affix {
	    position: relative;
		z-index: 100 !important;
		width: 100%;
		top: 0;
	  	}
	nav {
		padding-top: 5px !important;
		z-index: 1000 !important;
		}
	.nav {
		margin: 0;
		padding-bottom: 1em;
		border: none;
		border-top: 1px solid #ddd;
		margin-top: .7em
		}
	.navbar {
		border: none;
		padding: 0;
		box-shadow: 0 .3em .5em 0 rgba(0, 0, 0, 0.15);
		margin-bottom: 0;
		}
	.navbar-header {
	   	margin: 0;
	   	text-align: center;
	   	height: 55px;
	   	border: none;
		border-bottom: 1px solid #c8d5dc !important;
		background-color: #fff;
		}

	.navbar-toggle {
	  border: none;
	  background: #0096dc !important;
	  border-radius: 0;
	  width: 55px;
	  height: 54px;
	  margin: 0 !important;
	  padding-left: 21px;
	  padding-top: 7px;
	  right:0;
	  float: right;
	  z-index: 1000000
		}
	.navbar-toggle.collapsed {
		padding-left: 17px;
		}
	.navbar-toggle:hover {
		}
	.navbar-toggle .icon-bar {
	  width: 22px;
	  transition: all 0.2s;
	  background: #fff
		}

	.navbar-toggle .top-bar {
	  transform: rotate(45deg);
	  transform-origin: 10% 10%;
		}
	.navbar-toggle .middle-bar {
	  opacity: 0;
		}
	.navbar-toggle .bottom-bar {
	  transform: rotate(-45deg);
	  transform-origin: 10% 90%;
		}
	.navbar-toggle.collapsed .top-bar,
	.navbar-toggle.collapsed .middle-bar,
	.navbar-toggle.collapsed .bottom-bar {
	    background: #e2001a;
	    background: #fff
		}
		.navbar-toggle.collapsed .top-bar {
		transform: rotate(0);
		}
		.navbar-toggle.collapsed .middle-bar {
		opacity: 1;
		}
		.navbar-toggle.collapsed .bottom-bar {
		transform: rotate(0);	}


	.nav li {
		}
	.nav li > a,
	.nav li > label {
		text-transform: uppercase;
		letter-spacing: .03em;
		border-bottom: 1px solid #ddd;
		font-size: 95%;
		padding: .5em 1.5em .5em 1.5em;
		margin: 0;
		text-shadow: none;
		color: rgba(33, 49, 69, 0.8);
		font-weight: normal;
		width: 100%;
		
		
		}
	.nav li a:hover,
	.nav li a:focus,
	.nav li#active a:hover,
	.nav li label:hover,
	.nav li label:focus,
	.nav li#active label:hover  {
		background: rgba(0, 150, 220, 0.2);
		}
	.nav li#active > a,
	.nav li#active > label {
	  	background: none;
		font-family: 'Open Sans';
		font-weight: bold;
		color: #0096dc;
		}
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus,
	.nav .open > label,
	.nav .open > label:hover,
	.nav .open > label:focus,
	.nav li input:checked ~ label,
	.nav li input:checked ~ label:hover,
	.nav li input:checked ~ label:focus {
		background: none;
		padding: 1em 1.5em 0 1.5em;
		border: none;
	  	color: #0096dc;
	  	background:#edf3f4;
		}
	.nav .open > a:hover,
	.nav .open > label:hover,
	.nav li input:checked ~ label {
		color: #4db6e7
		}
	.nav .open > a,
	.nav .open > li#active a,
	.nav .open > li#active a:hover,
	.nav .open > li#active a:focus,
	.nav .open > label,
	.nav .open > li#active label,
	.nav .open > li#active label:hover,
	.nav .open > li#active label:focus,
	.nav li#active input:checked ~ label,
	.nav li#active input:checked ~ label:hover,
	.nav li#active input:checked ~ label:focus {
		background: #edf3f4 !important;
		color: #0096dc;
		font-weight: bold;
		float: left
		}
	.nav .open > li#active a:hover,
	.nav .open > li#active label:hover,
	.nav li#active input:checked ~ label:hover {
		color: #4db6e7;
		}
}
/* --------- end NAVBAR -------- */


.rubrik,
li.rubrik {
	color: rgba(33, 49, 69, 0.8) !important
	}

/* ------------- DROPDOWN ohne Java ------------- */
/*
nav li input { 
	display: none
	}		
.nav li input:nth-of-type(1):checked ~ .dropdown-menu:nth-of-type(1),
.nav li input:nth-of-type(2):checked ~ .dropdown-menu:nth-of-type(2),
.nav li input:nth-of-type(3):checked ~ .dropdown-menu:nth-of-type(3),
.nav li input:nth-of-type(4):checked ~ .dropdown-menu:nth-of-type(4),
.nav li input:nth-of-type(5):checked ~ .dropdown-menu:nth-of-type(5),
.nav li input:nth-of-type(6):checked ~ .dropdown-menu:nth-of-type(6),
.nav li input:nth-of-type(7):checked ~ .dropdown-menu:nth-of-type(7),
.nav li input:nth-of-type(8):checked ~ .dropdown-menu:nth-of-type(8),
.nav li input:nth-of-type(9):checked ~ .dropdown-menu:nth-of-type(9),
.nav li input:nth-of-type(10):checked ~ .dropdown-menu:nth-of-type(10)  { 
	display:block;
	}	
*/						
/* ------------- end DROPDOWN ohne Java ------------- */ 	








/* --------- DROPDOWN
================================================== */
nav .dropdown-menu { 
	display:none; 
	border: none;
	box-shadow: none;
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 1em 1.7em 1.7em 1.7em !important;
	border-radius: 0;
	border-bottom: 1px solid #c8d5dc !important;
	background: #edf3f4 !important; 
	font-size: 85%;
	-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
	}
.nav li input:checked ~ .dropdown-menu  { 
	display:block;
	}	
		
.dropdown-menu .container {
	padding: 0;
	}	
nav .dropdown-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
.dropdown-menu li {
	border-bottom: 1px solid #c8d5dc !important;
	padding: .3em 0;
	width: 100%;
	float: left;
	clear: both;
	}
.dropdown-menu li a {
	text-align: left;
	width: 100%;
	letter-spacing: .02em;
	line-height: 1.2em;
	height: auto !important;
	text-transform: none;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	}
.dropdown-menu li a:hover {
	transition: 0;
	font-weight: normal !important;
	color: #0096dc !important;
	box-shadow: none;
	background: none !important;
	}
.dropdown-menu li a#active {
	color: #0096dc !important;
	background: none !important;
	box-shadow: none !important;
	font-family: 'Open Sans';
	font-weight: 600 !important;
	letter-spacing: 0
	}
.dropdown-menu li a#active:hover {
	color: #4db6e7 !important;
	}
					
.dropdown-menu li a.eingerueckt-nav {
	margin-left: 18px !important;
	width: calc(100% - 18px) !important;
	border-top: 1px solid #c8d5dc !important;
	padding-top: .3em !important;
	margin-top: .3em !important;
	float: left;
	clear: left
	}
	
	
	
.dropdown-menu li h2,
.dropdown-menu li h3 {
	color: #223246;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-family: 'Open Sans';
	font-weight: bold;
	width: 100%;
	margin: 10px 0 0 0 !important;
	}
.dropdown-menu li h3 {
	color: #0096dc;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0 !important;
	margin-top: 0 !important
	}
nav .dropdown-menu li h2,
nav .dropdown-menu li h3 {
	font-size: 10.5pt !important;
	}	
	
	
			
.dropdown-menu li .kl {
	font-size: 90%;
	line-height: 1.2em;
	display: inline-block;
	margin-top: 1px;
	opacity: .7;
	}				
	
	
.dropdown-menu li.pdf,
.dropdown-menu li.mov {
	padding-left: 22px !important;
	background: url(../images/fileicon_s/file_pdf.png) no-repeat !important;
	background-size: 16px !important;
	background-position-y: 3px !important
	}
.dropdown-menu li.mov {
	background: url(../images/fileicon_s/file_mov.png) no-repeat !important;
	background-size: 16px !important;
	background-position-y: 3px !important
	}
.dropdown-menu li.pdf a,
.dropdown-menu li.mov a {
	margin-left: -22px !important;
	padding-left: 22px !important;
	width: calc(100% + 22px) !important;
	}
	
.dropdown-menu li a.link:before,
ul.navi_kurz li a.link:after {
	color: rgba(33, 49, 69, 0.3);
	content: '\f08e';
	font-family: 'FontAwesome';
	position: absolute;
	right: 3px;
	margin-top: 2px !important;
	margin-left: 10px;
	font-size: 14px !important
	}
ul.navi_kurz li a.link:after {
	position: relative !important;
	margin-right: 0 !important;
	margin-top: 2px !important
	}
.dropdown-menu li a.link:hover:before {
	color: rgba(0, 150, 220, 0.7)
	}
ul.navi_kurz li a.link:hover:after {
	color: #fff
	}
						
@media (min-width: 768px) {
	nav .mega-dropdown {
		position: static !important;
		width: 100%;
		}
	nav .dropdown-menu {
		position: absolute;
		padding: 2.5em 0 3em 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: 0 .4em .4em rgba(0, 0, 0, 0.2);
		z-index: 1000;
		border-radius: 0;
		border: none !important;
		border-top: 1px solid #c8d5dc !important;
		
		animation-duration: 0.3s;
	    -webkit-animation-duration: 0.3s;
	    animation-fill-mode: both;
	    -webkit-animation-fill-mode: both;
	    -webkit-animation-name: anim-dropdown;
		animation-name: anim-dropdown; 
		}
		@keyframes anim-dropdown {
		/*0% {transform: translateY(1rem); opacity: 0;}*/
		100% {transform:translateY(0rem);opacity: 1;}
		/*0% {transform: translateY(1rem);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(1rem);-webkit-opacity: 0;}*/
		}
		
		
	nav .dropdown-menu ul {
		display: flex;
		align-content: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
		column-gap: 20px;
		padding: 0 15px;
		max-height: 460px;
		}		
	nav .dropdown-menu li {
		border: none;
		width: calc(25% - 20px);
		}	
	
	
	nav .dropdown-menu li.pre {
		margin-top: 460px;
		top: -460px;
		position: relative;
		}
	nav .dropdown-menu li.pre-after {
		margin-top: 460px;
		top: -460px;
		position: relative;
		}
	nav .dropdown-menu li.pre-after + li {
		margin-top: -460px;
		}	
	nav .dropdown-menu li.pre-after h2,
	nav .dropdown-menu li.pre-after h3 {
		margin-top: 0;
		}
		
	nav .dropdown-menu li h2,
	nav .dropdown-menu li h3 {
		font-size: 9pt !important;
		letter-spacing: 0
		}			
}
@media (min-width: 992px) {
	nav .dropdown-menu ul {
		max-height: 260px;
		}	
	nav .dropdown-menu li.pre {
		margin-top: 260px;
		top: -260px;
		}
	nav .dropdown-menu li.pre-after {
		margin-top: 260px;
		top: -260px;
		}
	nav .dropdown-menu li.pre-after + li {
		margin-top: -260px;
		}	
		
	nav .dropdown-menu li h2,
	nav .dropdown-menu li h3 {
		letter-spacing: .02em
		}	
}
@media (min-width: 1200px) {
	nav .dropdown-menu li h2,
	nav .dropdown-menu li h3 {
		font-size: 10.5pt !important;
		}	
}	
/* --- end DROPDOWN --- */





/* --------- DROPDOWN im Content
================================================== */
.subnavi {
	z-index: 1;
	position: relative;
	padding: 0;
	float: left;
	width: 100%;
	-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
	
	-moz-hyphens: none;
		-o-hyphens: none;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none; 
	}	
	.subnavi .dropdown-menu  {
		display: inline-block !important;
		position: relative !important;
		padding: 0;
		margin: 0;
		width: 100% !important;
		box-shadow: none;
		border: none
		}	
	.subnavi .dropdown-menu .container {
		width: 100%;
		padding: 0;
		}
		
		
	.subnavi .dropdown,
	.subnavi .dropdown input,
	.subnavi .dropdown label {
		display: none !important;
		}
	.subnavi .dropdown#active,
	.subnavi .dropdown.dropdown-submenu {
		display: block !important;
		}
		
	
	.subnavi .dropdown-menu ul {
		float: left;
		display: inline-block;
		padding: 0;
		margin: 0;
		}
	.subnavi .dropdown-menu ul li {
		padding-left: 0;
		border-color: #d6e4ec !important;
		}
	.subnavi .dropdown-menu li a.eingerueckt-nav {
		border-color: #d6e4ec !important;
		}
		
	.subnavi .dropdown-menu li:before {
	 	display: none
 		}	
				
			
	.subnavi .dropdown-menu li h2 {
		margin-top: 2em !important;
		font-size: 11pt !important
		}	
	.subnavi .dropdown-menu li h3 {
		font-size: 10.5pt !important;
		margin-top: 1em !important;
		color: #223246 !important;
		font-weight: bold
		}		
/* --- end DROPDOWN im Content --- */





/* --------- DROPDOWN als Subnavi links
================================================== */
.subnavi:not(.subnavi-content) { display: none }


@media (min-width: 992px) {
	.subnavi:not(.subnavi-content) { display: inline-block }
	
	
	.subnavi:not(.subnavi-content) .dropdown-menu {
		font-size: 85%;
		}
	.subnavi:not(.subnavi-content) .dropdown-menu ul {
		}
	.subnavi:not(.subnavi-content) .dropdown-menu li {
		padding-top: 0;
		padding-bottom: 0;
		}
	.subnavi:not(.subnavi-content) .dropdown-menu li a {
		color: #223246 !important;
		padding-top: .3em !important;
		padding-bottom: .3em !important;
		}	
	.subnavi:not(.subnavi-content) .dropdown-menu li a:hover  {
		color: #0096dc !important;
		background: rgba(0, 150, 220, 0.05) !important;
		}
	.subnavi:not(.subnavi-content) .dropdown-menu li a#active {
	 	background: rgba(0, 150, 220, 0.05) !important;
		color: #0096dc !important;
		font-weight: 600 !important;
		font-size: 95% !important
 		}	
 	.subnavi:not(.subnavi-content) .dropdown-menu li h2  {
		font-size: 10.5pt !important
		}
	.subnavi:not(.subnavi-content) .dropdown-menu li h3  {
		color: #0096dc !important;
		font-weight: 600;
		}
	.subnavi:not(.subnavi-content) .dropdown-menu li:first-child h2 {
		margin-top: 0 !important
		}	
	.subnavi:not(.subnavi-content) .dropdown-menu li a.eingerueckt-nav {
		margin-top: 0 !important;
		margin-left: 12px !important;
		width: calc(100% - 12px) !important;
		}	
}	

@media (min-width: 1200px) {
	.subnavi:not(.subnavi-content) { width: 93% }
	
	.subnavi:not(.subnavi-content) .dropdown-menu li h2  {
		font-size: 11pt !important
		}
	}
/* --- end DROPDOWN als Subnavi links --- */






/* --------- DROPDOWN als Liste im Content
================================================== */
.subnavi.subnavi-content {
	}	
	.subnavi.subnavi-content .dropdown-menu {
		font-size: 100%;
		}
	.subnavi.subnavi-content .dropdown-menu ul {
		}	
	.subnavi.subnavi-content .dropdown-menu li  {
		}
	.subnavi.subnavi-content .dropdown-menu li a:hover {
		color: #223246 !important;
		transition: 0s
		}		
	.subnavi.subnavi-content .dropdown-menu li h2  {
		font-size: 100%;
		margin-top: 1.5em !important
		}
	.subnavi.subnavi-content .dropdown-menu li h3  {
		margin: 0 !important;
		font-size: 95%
		}	
	.subnavi.subnavi-content .dropdown-menu li a.eingerueckt-nav {
		margin-top: 7px !important;
		}	
	.subnavi.subnavi-content .dropdown-menu li .kl {
		font-size: 90%;
		line-height: 1.3em;
		margin-top: 0;
		opacity: .5;
		color: #223246
		}	
	.subnavi.subnavi-content .dropdown-menu li.pdf,
	.subnavi.subnavi-content .dropdown-menu li.mov {
		background-position-y: 8px !important
		}	
	.subnavi.subnavi-content .dropdown-menu li a.link:before{
		position: relative;
		right: auto;
		float: right
		}
	
	
			
@media (min-width: 767px) {
	.subnavi.subnavi-content .dropdown-menu ul {
		display: flex;
		align-content: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
		column-gap: 20px;
		max-height: 550px;
		width: 100%
		}	
	.subnavi.subnavi-content .dropdown-menu li  {
		width: calc(50% - 10px);
		padding-top: .35em !important;
		padding-bottom: .35em !important;
		}
	.subnavi.subnavi-content .dropdown-menu li .kl {
		margin-top: 3px;
		}	
	}
/* --- end DROPDOWN als Liste im Content --- */







/* --------- HOVER Effekt Navigation
================================================== */
.underline .dropdown label {
	position: relative;
	}
.underline li a,
.underline .dropdown label,
.underline .dropdown label:after,
.underline .dropdown label:before{
	transition: all .5s;
	}
.underline .dropdown-menu li a:after,
.underline .dropdown-menu a:after {
	display: none
	}
@media (min-width: 768px) {
	.underline li a:after,
	.underline .dropdown label:after {
		position: absolute;
		z-index: 0;
		top: 1.1em;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 0%;
		content: '.';
		padding-top: 1.5em;
		height: 6px;
		background: rgba(88, 132, 140, .1);
		background: rgba(0, 150, 220, 0.1);
		color: rgba(255, 255, 255, 0);
		}
	.underline li a,
	.underline .dropdown label {
		padding-left: .6em;
		padding-right: .6em;
		border-top: none
		}
	.underline li a:hover:after,
	.underline .dropdown label:hover:after  {
		width: 100%;
		text-decoration: none
		}	
	.underline .dropdown-menu li a:after,
	.underline .dropdown-menu li a:hover:after  {
		display: none;
		}	
	.underline .dropdown-menu li a,
	.underline .dropdown-menu li a:after,
	.underline .dropdown-menu li a:before {
		transition: none;
		}
}
@media (max-width: 767px) {
	.underline {
		padding: 0
		}
	.underline li a:after,
	.underline li a:hover:after,
	.underline .dropdown label:after,
	.underline .dropdown label:hover:after {
		display: none
		}
	.underline ul li a,
	.underline ul li a:after,
	.underline ul li a:before {
		transition: none;
		}
}
/* --- end HOVER Effekt Navigation --- */










/* --------- KURZ-NAVI, EBENE 3, EBENE 4
================================================== */
ul.navi_kurz {
	width: 100%;
	display: inline-block;
	margin: 0 !important;
	float: left
	}
	/* Abstand nur bei Inhalt generiert */
	ul.navi_kurz li:last-child:after {
	content: "";
	display: inline-block;
	float: left;
	height: 2.5em;
	clear: both
	}

ul.navi_kurz li:before {
	display: none
	}
ul.navi_kurz li {
	list-style: none;
	display: inline;
	float: left;
	padding: 0
	}
ul.navi_kurz li a {
	list-style: none;
	margin: 0 5px 5px 0;
	float: left;
	text-transform: uppercase;
	font-size: 85%;
	border: 1px solid rgba(200, 213, 220, 0.4);
	background: #edf3f4;
	color: rgba(33, 49, 69, 0.8);
	padding: .4em .6em;
	/*transition: padding margin-top .7s;*/
	border-radius: 2px;
	line-height: 1.1em
	}
ul.navi_kurz li a:hover {
	background: rgba(0, 150, 220, 0.5);
	color: #fff;
	}
ul.navi_kurz li a.active {
	background: #0096dc;
	color: #fff;
	letter-spacing: .04em;
	font-weight: 600;
	}
@media (max-width: 992px) {
	ul.navi_kurz li a {
		padding: .3em .5em;
		}
	}
@media (max-width: 767px) {
	ul.navi_kurz {
		display: block !important;
		overflow: hidden;
		height: auto !important;
		float: none;
		}
	ul.navi_kurz li a {
		padding: .2em .4em .17em .4em;
		}
	}



ul.navi_kurz li a i {
	font-size: 85%;
	color: rgba(101, 118, 135, 0.5);
	margin-left: 3px;
	margin-right: 0;
	margin-top: 1px;
	vertical-align: text-top
	}
ul.navi_kurz li a:hover i {
	color: #fff
	}





ul.navi_kurz li.bg-danger {
	background: none !important
	}
ul.navi_kurz li.bg-danger a {
	border-color: rgba(255, 0, 0, 0.2);
	background: #f15c5a;
	color: #fff;
	}
ul.navi_kurz li.bg-danger a:hover {
	border-color: rgba(255, 0, 0, 0.2);
	background: #f15c5a;
	color: #fff;
	font-weight: bold
	}
ul.navi_kurz li.bg-danger a.active {
	background: red;
	color: #fff;
	}
	
	
	
	
	
	
	






ul.navi-parallel,
.navi-parallel ul {
	width: 100%;
	float: left;
	margin-bottom: 3em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3em;
	margin-top: 1em !important
	}
ul.navi-parallel li:before,
.navi-parallel ul li:before {
	display: none
	}
ul.navi-parallel li,
.navi-parallel ul li {
	margin: 0 !important;
	padding: 0 !important;
	clear: both;
	}
ul.navi-parallel li a,
.navi-parallel ul li a {
	float: left;
	background: #fff;
	color: rgba(33, 49, 69, 0.8);
	padding: .15em 10px .15em 5px;
	margin: 0 0 .2em -5px;
	border: 1px solid rgba(160, 199, 49, 0);

	margin-left: 0;
	padding-left: 30px
	}
ul.navi-parallel li a:hover,
ul.navi-parallel li a.active ,
.navi-parallel ul li a:hover,
.navi-parallel ul li a.active {
	background: #fff;
	border-color: rgba(160, 199, 49, 0);
	background: rgba(160, 200, 50, 0.15);
	}
ul.navi-parallel li a:before,
.navi-parallel ul li a:before {
	content: '\f138';
    font-family: 'FontAwesome';
    margin-left: 3px;
    margin-right: 5px;
    margin-top: 0;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #c8d5dc;
    margin-left: -25px !important;

	}
ul.navi-parallel li a:hover:before,
.navi-parallel ul li a:hover:before {
	margin-left: 1px;
    margin-right: 7px;
    content: '\f13a';
	color: #a0c832;
	}

ul.navi-parallel li a.active:before,
.navi-parallel ul li a.active:before {
	content: '\f138';
	color: #a0c832;
	}


.content-rechts ul.navi-parallel,
.content-rechts .navi-parallel ul {
	margin-top: 0;
	margin-bottom: 3em;
	border-bottom: none;
	padding-bottom: 0;
	font-size: 90%;
	border-bottom: 1px solid #c8d5dc;
	}
.content-rechts ul.navi-parallel li,
.content-rechts .navi-parallel ul li {
	border-bottom: 1px solid #c8d5dc;
	}
.content-rechts ul.navi-parallel li a,
.content-rechts .navi-parallel ul li a {
	width: 100%;
	line-height: 1.2em;
	margin-top: 3px;
	margin-bottom: 2px;
	}
.content-rechts ul.navi-parallel li a:hover:before,
.content-rechts .navi-parallel ul li a:hover:before {
	content: '\f138';
	}
/* --- end KURZ-NAVI, EBENE 3, EBENE 4 --- */










/* --------- CAROUSEL
================================================== */
.carousel-wrapper { /* wird nur verwendet, wenn kein Higlight da ist */
	position: relative;
	
	margin-top: 0;
	min-height: 45px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf3f4+55,feffff+100 */
	background: #edf3f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #edf3f4 55%, #feffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #edf3f4 55%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #edf3f4 55%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf3f4', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
	}	
	
.carousel .item img,
.carousel .item a img {
	top: 52.5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%
	}
	@media (max-width: 992px) {
		.carousel .item img,
		.carousel .item a img {
		top: 51%;
		}
	}
.carousel-wrapper .carousel .item 				{
	height: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 120px !important;
	background-position-y: top
	}
@media (min-width: 480px) {
	.carousel-wrapper .carousel .item 	{ height: 160px !important }
	}
@media (min-width: 768px) {
	.carousel-wrapper .carousel .item 	{ height: 220px !important; }
	}
@media (min-width: 992px) {
	.carousel-wrapper .carousel .item 	{ height: 270px !important }
	}
@media (min-width: 1200px) {
	.carousel-wrapper .carousel .item 	{ height: 300px !important }
	}
@media (min-width: 1400px) {
	.carousel-wrapper .carousel .item 	{ height: 330px !important }
	}
@media (min-width: 1600px) {
	.carousel-wrapper .carousel .item 	{ height: 400px !important }
	}
@media (min-width: 1800px) {
	.carousel-wrapper .carousel .item 	{ height: 500px !important }
	}		


.carousel-wrapper .toggle-content {
	position: absolute;
	z-index: 10000;
	bottom:10px;
	left: 100px;
	background: none !important;
	border: none !important;
	width: 50px;
	height: 50px;
	padding: 0 !important;
	margin: 0 !important
	}	
.carousel-wrapper .toggle-content a {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding: .1em .8em 1em .7em !important;
	border: 1px solid #c7e3ef;
	background-color:#e4f6fd;
	box-shadow: 1px 1px .2em rgba(0, 0, 0, 0.5);
	width: 50px;
	height: 50px;
	text-align: center;
	display: inline-block
	}
.carousel-wrapper .toggle-content a:hover {
	background-color:#a1d0e7;
	border-color: rgba(0, 0, 0, 0.2);
	transition: .1s;
	opacity: .9
	}
.carousel-wrapper .toggle-content img {
	width: auto !important;
	}




/* --- Link über das ganze Bild */
.carousel .item a.link-img {
	position: absolute;
	background: #0096dc;
    z-index: -1000;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    height: 100%;
	cursor: hand;
    
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
   	}
.carousel .item a.link-img > img {
	cursor: hand;
	}	
.carousel .item a.link-img:hover > img {
	cursor: hand;
	opacity: .8;
	}
/* --- end - Link über das ganze Bild */





.carousel-indicators {
	top: 10px;
	bottom: auto;
	left: auto;
	right: 50px;
	z-index: 1;
	width: auto;
	margin: 0 auto;
	text-align: right
  }
  .carousel-indicators li {
	border-radius: 0;
	border: none !important;
	opacity: .6;
	background: #fff;
	width: 17px !important;
	height: 5px !important;
	margin: 0 !important;
  	}
  .carousel-indicators li.active {
	background: #0096dc;
	opacity: .7;
  	}
  .carousel-indicators li:hover,
  .carousel-indicators li.active:hover {
	opacity: 1
  	}
 @media (max-width: 767px) {
	.carousel-indicators { display: inline-block; top: 0 }
	}
 @media (max-width: 380px) {
	.carousel-indicators { display: none }
	}




.carousel-control {
	opacity: .15;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 1;
	position: absolute;
	width: 18px;
	display: none
	}
.carousel-control span {
	margin-top: 110px;
	padding: .2em .15em .3em .15em;
		
	background: #000;
	text-align: center;
	}
	.carousel-control .fa,
	.carousel-control .glyphicon {
	font-size: 10pt
	}
.carousel-control:hover {
	opacity: .4;
	}
.left.carousel-control 	{ margin-left: 0 }
.right.carousel-control { margin-right: 0 }
	
	@media (min-width: 480px) {
		.carousel-control 		{ display: inline-block }
	}
	@media (min-width: 768px) {
		.carousel-control 		{ width: 45px}
		.carousel-control span 	{  }
		
		.carousel-control .fa,
		.carousel-control .glyphicon { font-size: 13pt }
		
		.carousel-control span {
		padding: .4em .4em .3em .4em;
		margin-top: 100px; 
		}
	}
	@media (min-width: 992px) {
		.carousel-control span 	{ margin-top: 140px }
	}
	@media (min-width: 1200px) {
		.carousel-control 		{ width: 100px}
		.carousel-control span 	{ margin-top: 175px;  }
	}
	@media (min-width: 1400px) {
		.carousel-control span 	{ margin-top:170px;  }
		.carousel-control span 	{ margin-top: 185px }
	}
	@media (min-width: 1600px) {
		.carousel-control span 	{ margin-top: 215px }
	}



	.carousel-caption {
		top: 33%;
		z-index: 1 !important;
		-webkit-animation-duration: 1s;
		 animation-duration: 1s;
		 -webkit-animation-fill-mode: both;
		 animation-fill-mode: both;
		 z-index: 10000000;
		height: 0
		}
		@media (max-width: 1600px) {
			.carousel-caption { top: 31%; }
		}
		@media (max-width: 1400px) {
			.carousel-caption { top: 33%; }
		}
		@media (max-width: 430px) {
			.carousel-caption {
				display: inline-block !important;
				margin-left: 15px;
				width: 88%;
				}
		}	
		@-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{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

	.carousel-caption h1,
	.carousel-caption span {
		float: left;
		text-align: left;
		display: inline-block;
		background: #fff;
		color: #0096dc;
		padding: .2em .5em;
		font-size: 240% !important;
		text-shadow: none;
		line-height: 1em;
		border-radius: 4px;
		opacity: .8;
		position: relative;
		z-index: 100000000;
		}
		@media (min-width: 767px) {
			.carousel-caption h1,
			.carousel-caption span 	{ border-radius: 2px }
			}
	.carousel-caption h1 {
		font-weight: bold;
		background: #0096dc;
		color: #fff
		}
	.carousel-caption span {
		clear: both !important;
		margin: .2em 0 0 0;
		font-weight: normal;
		font-size: 210% !important;
		padding-top: .25em;
		max-width: 75%;
		line-height: 1.1em
		}
	.carousel-caption .container a:hover h1,
	.carousel-caption .container a:hover span  {
		opacity: 1;
		cursor: hand
		}
	.carousel-caption a,
	.carousel-caption a h1,
	.carousel-caption h1 a,
	.carousel-caption a h1.h1_100,
	.carousel-caption h1.h1_100 a,
	.carousel-caption a:hover,
	.carousel-caption a:hover h1,
	.carousel-caption h1 a:hover,
	.carousel-caption a:hover h1.h1_100,
	.carousel-caption h1.h1_100 a:hover {
		color: #fff !important;
		}
	.carousel-caption a span,
	.carousel-caption span a,
	.carousel-caption a span.text_100,
	.carousel-caption span.text_100 a,
	.carousel-caption a:hover span,
	.carousel-caption span a:hover,
	.carousel-caption a:hover span.text_100,
	.carousel-caption span.text_100 a:hover {
		color: #0096dc !important;
		}

	.carousel-caption a.btn {
		border-radius: 2px;
		position: relative;
		float: left;
		clear: both;
		padding: .25em 1.1em;
		box-shadow: none;
		background: none;
		border: 1px solid #fff;
		color: #fff !important;
		opacity: .7;
		font-size: 95%;
		letter-spacing: .05em;
		margin-top: .7em !important;
		display: none
		}
	.carousel-caption a.btn:hover {
		background: #0096dc;
		color: #fff !important;
		opacity: 1;
		border-color: #0096dc
		}


	@media (max-width: 1400px) {
		.carousel-caption h1 {
			font-size: 250% !important;
			}
		.carousel-caption span {
			font-size: 210% !important;
			}
	}
	@media (max-width: 1400px) {
		.carousel-caption h1 {
			font-size: 235% !important;
			}
		.carousel-caption span {
			font-size: 200% !important;
			max-width: 55%;
			}
	}
	@media (max-width: 1200px) {
		.carousel-caption span {
			max-width: 70%;
			}
	}		
	@media (max-width: 992px) {
		.carousel-caption h1 {
			font-size: 230% !important;
			}
		.carousel-caption span {
			font-size: 180% !important;
			max-width: 65%;
			}
		.carousel-caption h1,
		.carousel-caption h1.h1_100 	{
			width: auto !important;
			float: left !important;
			text-align: left !important;
			margin: 0 !important;
			}
		.carousel-caption span,
		.carousel-caption a span,
		.carousel-caption span a,
		.carousel-caption a span.text_100,
		.carousel-caption span.text_100 a 	{
			width: auto !important ;
			margin-top: 2px !important;
			float: left !important;
			text-align: left !important;
			display: inline-block !important
			}
	}
	@media (max-width: 767px) {
		.carousel-caption h1,
		.carousel-caption span {
			border-radius: 2px;
			line-height: 1.1em;
			padding: .2em .3em
			}
		.carousel-caption h1 {
			font-size: 190% !important;
			}
		.carousel-caption span {
			font-size: 155% !important;
			max-width: 70% !important;
			}
	}
	@media (max-width: 430px) {
		.carousel-caption h1 {
			font-size: 165% !important;
			}
		.carousel-caption span {
			font-size: 150% !important;
			max-width: 100% !important;
			}
	}
/* ---- end CAROUSEL ------------------------------------------ */









/* --------- CAROUSEL Typ 2
================================================== */
.carousel-wrapper.carousel2 {
	background: #ccc;
	}	
	@media (min-width: 768px) 	{ .carousel-wrapper.carousel2 {  }
	}
	@media (min-width: 992px) 	{ .carousel-wrapper.carousel2 {  }
	}
	@media (min-width: 1200px) 	{ .carousel-wrapper.carousel2 {  }
	}

.carousel-wrapper.carousel2 .carousel {
	}
.carousel-wrapper.carousel2 .carousel .item {
	}
.carousel-wrapper.carousel2 .carousel .item img,
.carousel-wrapper.carousel2 .carousel .item a img {
	
	}
.carousel-wrapper.carousel2 .carousel .item 				{
	}		


.carousel-wrapper.carousel2 .carousel-control {
	}
.carousel-wrapper.carousel2 .carousel-control span {
	}
	.carousel-wrapper.carousel2 .left.carousel-control 	{  }
	.carousel-wrapper.carousel2 .right.carousel-control 	{  }
	


.carousel-wrapper.carousel2 .carousel-caption {
	width: 100%;
	left: 0;
	bottom: 20px
	}
	.carousel-wrapper.carousel2 .carousel-caption h1,
	.carousel-wrapper.carousel2 .carousel-caption span {
	width: auto !important;
	}
	
	

	
/* ---- end CAROUSEL-Typ 2 ------------------------------------------ */









/* --------- FOOTER
================================================== */
.footer{
	height: 500px;
	background: #223246;
	color: rgba(255, 255, 255, 0.4);
	padding-top: 3em;
	z-index: 10;
	line-height: 1.3em
	}
	body { margin-bottom: 500px }
	
@media (max-width: 1200px) {
	.footer { height: 550px }
	body { margin-bottom: 550px }
	}
@media (max-width: 992px) {
	.footer { height: 1000px }
	body { margin-bottom: 1000px }
	}
@media (max-width: 768px) {
	.footer {
		position: relative;
		height: auto;
		z-index: 1 !important
		}
	body { margin-bottom: 0 }
	}

.footer h2,
.footer h2 a,
.footer b,
.footer a  {
	font-size: 10.5pt;
	color: #4db6e7;
	font-weight: bold !important;
	text-transform: uppercase;
	letter-spacing: .07em;
	}
.footer p a  {
	font-size: 10.5pt;
	color: rgba(255, 255, 255, 0.4);
	font-weight: normal !important;
	text-transform: none;
	letter-spacing: 0;
	}	
	.footer p a:hover  {
	color: #fff;
	}		
.footer h2 {
	clear: both !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	width: 100%;
	padding-top: 1.8em;
	margin-top: 1.2em !important;
	margin-bottom: .2em !important;
	float: left
	}
.footer h3,
.footer a h3 {
	font-size: 10pt !important;
	margin: .3em 0 .5em 0 !important;
	color: #4db6e7 !important;
	font-weight: 400;
	line-height: 1.2em !important;
	text-transform: none;
	opacity: .7
	}
.footer a:hover h3 {
	opacity: 1 !important;
	color: #4db6e7 !important;
	}			
.footer a  {
	display: block !important
	}
.footer a:hover  {
	color: #fff !important
	}
.footer img  {
	opacity: .75;
	width: 80%;
	height: auto;
	margin: 0;
	}
.footer img:hover,
.footer a:hover img  {
	opacity: 1
	}



.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 1em;
	margin-top: 3em;
	color: rgba(255, 255, 255, 0.2) !important
	}
.footer-bottom a {
	color: rgba(255, 255, 255, 0.5) !important;
	letter-spacing: 0;
	text-transform: none;
	font-weight: normal !important;
	display: inline !important
	}
.footer-bottom a:hover {
	color: #fff !important
	}


@media (max-width: 767px) {
	.footer {
	padding-top: 1.3em;
	}
	.footer h2 {
	padding-top: 0;
	margin-top: 1.5em !important;
	margin-bottom: 0 !important;
	border-top: none
	}
	.footer img  {
	width: 50%;
	}
}
@media (max-width: 480px) {
	.footer img  {
	width: 70%;
	}
}
/* ---- end FOOTER ------------------------------------------ */






/* --------- PAGETOP
================================================== */
.pagetop-scroll {
    width: 65px;
    height: 65px;
    padding: 1em 0 0 .25em !important;
    border-radius: 65px;
    text-align: center;
    bottom: 100px;
    background: rgba(0, 150, 220, 0.4);
    border: none;
	}
.pagetop-scroll span {
    font-size: 150%
	}
.pagetop-scroll:hover {
    background: #0096dc;
    }
@media (max-width: 767px) {
	.pagetop-scroll {
		bottom:100px;
		right: 3px;
		width: 50px;
	    height: 50px;
	    padding-top: .6em !important;
    }
}
/* --------- end PAGETOP -------- */






/* --------- COOKIEFOOT
================================================== */
#cookiedingsbums {
   bottom: 30%;
   left: 15px;
   width: 230px !important;
   max-width: 230px !important;
   border: none !important;
   background: none;
   opacity: .95;
   background: #fff;
   padding: 1em;
   border-radius: 3px;
   box-shadow: .1em .1em .3em rgba(0, 0, 0, 0.5);
   font-size: 10.5pt !important;
   line-height: 1.3em !important;
   color: #444;
   width: 100% !important
   }
#cookiedingsbums a {
	text-decoration:none !important;
	color: #0096dc !important;
	font-weight: normal !important
	}
#cookiedingsbums a:hover {
	color: #223246 !important;
	text-decoration: none !important
	}
#cookiedingsbums .btn {
	margin-top: .5em;
	margin-bottom: 3px;
	background: #0096dc;
	text-shadow: none;
	color: #fff !important;
	float: right
	}

@media (max-width: 767px) {
	#cookiedingsbums {
	   bottom: 15px;
	   width: calc(100% - 30px) !important;
	   max-width: calc(100% - 30px) !important;
	   padding: .7em;
	   }
}
/* --------- end COOKIEFOOT -------- */








/* --------- TEXT / SONSTIGES
================================================== */
h1, h2, h3, h4, h5, h6 {
	color: #0096dc;
	font-weight: normal;
	line-height: 1.35em !important;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .02em;
	}


h1,
.langtext_headline {
	text-transform: none;
	font-size: 270%;
	letter-spacing: 0 !important;
	font-weight: normal;
	font-family: 'FrontPage', sans-serif !important;
	line-height: 1.15em !important;
	margin-bottom: .8em;
	clear: left;
	margin-bottom: .5em;
	-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
	}
	.langtext_headline {
		margin-bottom: .2em
		}

h2 {
	font-size: 165%;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: .5em;
	color: #223246;
	color: #a0c832;
	}

h3 {
	font-size: 160%;
	font-weight: normal;
	letter-spacing: .01em;
	}
h4 {
	font-size: 135%;
	font-weight: 600;
	letter-spacing: .01em;
	margin-top: 2em;
	margin-bottom: .3em;
	/*color: #223246;*/
	}
h5 {
	font-size: 115%;
	font-weight: 600;
	letter-spacing: .01em;
	}
h6 {
	margin-top: 1.5em;
	font-size: 105%;
	font-weight: 600;
	letter-spacing: .01em;
	color: #223246;
	font-weight: bold
	}


.content-rechts h1	{ font-size: 180%; color: #223246; color: rgba(33, 49, 69, 0.7); text-transform: uppercase; margin-bottom: .6em }
.content-rechts h2	{ font-size: 135% }
.content-rechts h3	{ font-size: 135% }
.content-rechts h4	{ font-size: 120%  }
.content-rechts h5	{ font-size: 95% }
.content-rechts h6	{  }

@media  (max-width:1200px) {
	h1, .langtext_headline	{ font-size: 225% }
	h2	{ font-size: 150% }
	h3	{ font-size: 145% }
	h4	{ font-size: 125% }
	h5	{ font-size: 95%  }
	h6	{ font-size: 95% }

	.content-rechts h1	{ font-size: 180%; letter-spacing: .01em }
	.content-rechts h2	{ font-size: 125%; letter-spacing: 0 }
	.content-rechts h3	{ font-size: 125%; letter-spacing: 0 }
	.content-rechts h4	{ font-size: 115%; letter-spacing: 0 }
	.content-rechts h5	{  }
	.content-rechts h6	{  }
	}
@media  (max-width:992px) {
	h1	{  }
	h2	{  }
	h3	{  }
	h4	{ font-size: 115% }
	h5	{  }
	h6	{  }
	
	h1, .langtext_headline	{ font-size: 210% }
	.content-rechts h1		{ font-size: 170%; letter-spacing: 0 }
	}
@media (max-width: 480px) {
	h1, .langtext_headline  { font-size: 180% !important }
	}

sub {
	font-size: 65%;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 300 !important;
	bottom: 0;
	line-height: 1.4em !important;
	display: block;
	padding-bottom: .5em
	}

h1 sub {
	font-size: 55%;
	line-height: 1.2em !important;
	display: block;
	padding-top: .2em
	}
h2 sub {
	font-weight: 400 !important;
	padding-bottom: .7em
	}
h5 sub {
	font-weight: 400 !important;
	font-size: 70%;
	}	
	
		
small { line-height: 1em !important }

a								{ color: #0096dc }
a:hover							{ color: #223246; text-decoration: none }
.content a:hover				{ color: #223246; text-decoration: underline }

a b,
b a 		{ color: #0096dc }
a b:hover,
b a:hover 	{ color: #223246 }

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 		{ color: #0096dc }
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover 	{ color: #223246 !important }

a h2,
h2 a 		{ color: #a0c832 }
a h2:hover,
h2 a:hover 	{ color: #88aa22 !important }


.kontakt-box {	
	}
.kontakt-box h3 {
	text-transform: uppercase;
	}
.kontakt-box h5 {
	font-weight: bold;
	margin: 0 0 1.2em 0;
	color: #223246
	}	


.content ul a 								{ color: #0096dc }
.content ul a:hover 						{ color: #223246 }
.content ul li:before 						{ color: #0096dc; }
.content ul li:hover:before 				{ color: #223246; }
.content ul.list-inline li a:hover 			{ color: #223246 }
.content ul.list-inline li a.active 		{ background: #0096dc }
.content ul.list-inline li a.active:hover 	{ background-color: #0096dc }

.content ul.list-striped > li:nth-of-type(odd) { background-color: rgba(239, 244, 245, 0.7); }


.content ul li ul							{ margin: 0 0 .3em 0 }
.content ul li ul li 						{ padding: 0 0 0 20px }
.content ul li ul li:before 				{ margin-left: -20px; content: '\f178'; color: rgba(0, 150, 220, 0.4) }
.content ul li ul li:hover:before 			{ color: rgba(0, 150, 220, 0.5); }

.content ul li ul li ul li 					{  }
.content ul li ul li ul li:before 			{ content: '\f111'; font-size: 5px; text-align: center  }

.content ul li.hover:hover 					{ background: rgba(0, 150, 220, 0.15) !important }
.content ul.list-striped > li:nth-of-type(odd).hover:hover  { background: rgba(0, 150, 220, 0.25) !important }


.content ul li.pdf:before,
.content ul li.doc:before,
.content ul li.xls:before,
.content ul li.ppt:before,
.content ul li.zip:before,
.content ul li.mov:before,
.content ul li.mp3:before,
.content ul li.pic:before { content: '' }


li.li_shk,
li.li_mvz,
li.li_bruecke {
	padding-left: 55px !important;
	background-position-x: 5px !important;
	
	padding-left: 8px !important; 
	padding-right: 60px !important;
	background-position-x: calc(100% - 10px) !important;
	}
li.li_shk:before,
li.li_mvz:before,
li.li_bruecke:before {
	display: none !important
	}
li.li_shk 		{ background: url(../images/logos/li_shk.png) no-repeat center left }
li.li_mvz		{ background: url(../images/logos/li_mvz.png) no-repeat center left }

li.li_bruecke 	{ 
	padding-right: 100px !important
	}
li.li_bruecke:after 	{ 
	/*background: url(../images/logos/li_bruecke.png) no-repeat center left */
	content:'Die Brücke';
	background: #0096dc;
	padding: .25em .4em;
	float: right;
	display: inline-block;
	position: relative;
	color: #fff;
	font-weight: 500;
	font-size: 70%;
	letter-spacing: -.02em;
	margin-right: -100px;
	line-height: 1.1em;
	font-family: 'Open Sans';
	font-weight: 500;
	border-radius: 4px
	}



li.fileicon a {
	margin: -3px 0 0 0 !important;
	float: left
}






@media  (max-width:767px) {
	.kurztext .bild { margin-bottom: 1em; }
	}


.content ul li:before,
.sort-up:after,
.sort-down:after,
.sort2-up:after,
.sort2-down:after  {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;

	font-family: 'FontAwesome';
	}



blockquote:before {
	top: 30px; left: -7px;
	color: #c8d5dc;
	}
blockquote {
	color: #0096dc;
	font-size: 170%;
	margin: 1em 0;
	letter-spacing: .01em;
	color: #667788;
	float: left;
	width: 100%;
	display: inline-block
	}
blockquote i {
	letter-spacing: 0;
	font-family: 'FrontPage', sans-serif !important;
	font-weight: normal;
	clear: both;
	float: right;
	font-size: 60%;
	color: #999;
	}
@media  (max-width:1200px) {
	blockquote { font-size: 140%; }
	}
@media  (max-width:767px) {
	blockquote { font-size: 120%; }
	blockquote:before {font-size: 80px; top: 25px; left: -3px; }
	}


.light {
	font-family: 'Open Sans';
	font-weight: 300;
	}
.normal {
	font-weight: normal !important;
	}
.bold,
b {
	font-weight: bold !important;
	font-family: 'Open Sans';
	}
.semibold {
	font-family: 'Open Sans';
	font-weight: 700;
	}
.extrabold {
	font-family: 'Open Sans';
	font-weight: 800;
	}






h2.subheading,
h3.subheading,
h4.subheading,
h5.subheading,
h6.subheading {
  	margin-top: 0;
  	margin-bottom: 0;
  	text-transform: none;
  	line-height: 1.25em;
  	letter-spacing: 0;
  	font-size: 240%;
  	color: #445566;
  	}


.kurztext 		{
	border: none;
	padding-bottom: 1em;
	margin-bottom: 0;
	}
.kurztext .bild		{
	max-width: 100%;
	border-radius: 0;
	margin: .3em 0 0 0 !important;
	float: right;
	border-radius: 4px
	}
	@media  (max-width:992px) {
		.kurztext .bild { border-radius: 3px }
		}
	@media  (max-width:767px) {
		.kurztext .bild { border-radius: 2px }
		}
	.kurztext .bild:hover		{
		opacity: .7
		}

.kurztext_dachzeile {
	color: #223246 !important;
	font-weight: 600;
	margin-bottom: .5em;
	font-size: 105%;
	}
.kurztext_headline 		{
	font-size: 190%;
	letter-spacing: 0 !important;
	color: #0096dc !important;
	font-weight: 500;
	font-family: 'Open Sans';
	line-height: 1.3em !important;
	text-transform: none
	}
	.kurztext_headline a 		{
		color: #0096dc !important;
		}
	.kurztext_headline:hover,
	.kurztext_headline a:hover 		{
		color: #223246 !important;
		}
.kurztext_datum {
	background: none;
	padding: 0;
	color: #0096dc;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: .7em !important
	}
@media (max-width: 992px) {
	.kurztext_headline   	{ font-size: 180% }
	.kurztext_datum   		{ font-size: 90% }
}
@media (max-width: 767px) {
	.kurztext_dachzeile   	{ font-size: 100% }
	.kurztext_headline   	{ font-size: 170% }
	.kurztext_datum   		{ font-size: 85% }
	.kurztext .bild   		{  margin-top: 1em !important }
}
@media (max-width: 480px) {
	.kurztext .bild   		{ width: 100%; }
}






.langtext_headline {
	/* ---- siehe H1 ---- */
	}
.langtext_dachzeile {
	color: #000 !important;
	font-weight: 600;
	margin-bottom: .5em;
	font-size: 105%;
	}
.langtext_datum {
	background: none;
	color: #0096dc;
	font-weight: normal;
	font-size: 100%;
	text-transform: none;
	margin: 0 0 3em 0 !important;
	padding: 0 !important;
	white-space: normal;
	letter-spacing: 0
	}
@media (max-width: 992px) {
	.langtext_datum   		{ font-size: 90% }
}
@media (max-width: 767px) {
	.langtext_dachzeile   	{ font-size: 100% }
	.langtext_datum   		{ font-size: 85% }
}






.topline  {
	color: #223246;
	color: #0096dc;
	font-weight: bold;
	font-weight: 500;
	font-family: 'Open Sans';
	font-size: 105% !important;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin-bottom: .3em;
	line-height: 1.3em
	}
	h1 .topline  {
	font-size: 90% !important;
	text-transform: none;
	font-weight: normal !important;
	letter-spacing: .02em;
	}
	.topline sub  {
		font-weight: 300;
		letter-spacing: .02em;
		margin-left: .5em;
		font-size: 100%;
		color: rgba(33, 49, 69, 0.7);
		line-height: 1.3em;
		clear: both;
		margin-left: 0;
		margin-bottom: .5em;
		display: block
		}
	.kurztext .topline {
		/* font-size: 115% !important; */
		margin: .5em 0 .3em 0 !important
		}

@media (max-width: 992px) {
	.topline  { font-size: 110% !important }
	.topline sub  { font-size: 90%;   }
	}
@media (max-width: 767px) {
	.topline  { font-size: 95% !important }
	}
@media (max-width: 480px) {
	.topline  { font-size: 85% !important }
	}







.termin_headline,
.termin_headline a {
	letter-spacing: 0;
	font-weight: normal;
	line-height: 1.3em;
	margin: .1em 0;
	font-size: 130%;
	}
.termin_headline a:hover {
	}
@media  (max-width:1200px) {
	.termin_headline { font-size: 120%; }
	}
@media  (max-width:992px) {
	.termin_headline { line-height: 1.2em }
	}
@media  (max-width:767px) {
	.termin_headline { margin-top: .2em;  }

	}
@media  (max-width:480px) {
	.termin_headline { font-size: 105%; line-height: 1.2em }
	}


.termin_bild {
	}
.termin_bild img {
	padding: 0 !important;
	border-radius: 0 !important
	}
/* ---- end TEXT / SONSTIGES ------------------------------------------ */








				
							
							
/* --------- Gallery
================================================== */
.gallery-wrapper {
	margin: 0 0 1.5em 0;
	width: 100%;
	display: inline-block;
	}
	
img.gallery_bild:hover { border-color: #999 }
			
.gallery {
	float: left;
	text-align: center;
	position: relative;
	margin: .5em 15px .5em 0;
	background: #eee;
	height: auto !important;
	width: calc(16.6% - 15px);
	}
	.row > [class*="-8"] .gallery {
		width: calc(25% - 15px);
		}
img.gallery_bild {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: center;
	position: relative;
	border-radius: 4px;
	min-width: 100%;
	height: auto !important
	}
			
	.col-xs-5 .gallery,
	.col-sm-5 .gallery,
	.col-md-5 .gallery,
	.col-xs-4 .gallery,
	.col-sm-4 .gallery,
	.col-md-4 .gallery,
	.col-xs-3 .gallery,
	.col-sm-3 .gallery,
	.col-md-3 .gallery,
	.col-xs-2 .gallery,
	.col-sm-2 .gallery,
	.col-md-2 .gallery, 
	.col-xs-1 .gallery,
	.col-sm-1 .gallery,
	.col-md-1 .gallery {
		height: 70px;
		width: 70px;
		margin-right: 5px;
		margin-top: .5em
		}	
	.col-xs-5 img.gallery_bild,
	.col-sm-5 img.gallery_bild,
	.col-md-5 img.gallery_bild,
	.col-xs-4 img.gallery_bild,
	.col-sm-4 img.gallery_bild,
	.col-md-4 img.gallery_bild,
	.col-xs-3 img.gallery_bild,
	.col-sm-3 img.gallery_bild,
	.col-md-3 img.gallery_bild,
	.col-xs-2 img.gallery_bild,
	.col-sm-2 img.gallery_bild,
	.col-md-2 img.gallery_bild, 
	.col-xs-1 img.gallery_bild,
	.col-sm-1 img.gallery_bild,
	.col-md-1 img.gallery_bild {
		padding: 2px;
		border-radius: 2px;
		max-width: 70px;
		}	
	
@media (max-width: 1200px) {
	.gallery {
		width: calc(25% - 15px);
		}
	.row > [class*="-8"] .gallery {
		width: calc(33% - 15px);
		}
}
@media (max-width: 992px) {
	.gallery {
	width: calc(33% - 15px);
	}
}

/* --------- end Gallery -------- */









/* --------- HINTERGRÜNDE / FARBEN
================================================== */
.hausfarbe			{ color: #0096dc !important }
.hausfarbe2			{ color: #a0c832 !important }
.hausfarbe_hell		{ color: #4db6e7 !important }
.hausfarbe_heller	{ color: #a6daf3 !important }


.bg-content,
.content-rechts .bg-content {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 .1em .4em rgba(0, 0, 0, 0.2) !important;
	}
.bg-content.border {
	-webkit-background-size: 100% 7px;
	-moz-background-size: 100% 7px;
	background-size: 100% 7px;
	background-image: #0096dc;
	background-image: -moz-linear-gradient(left, #0096dc 0%, #0096dc 6%, #0096dc 6%, #4db6e7 6%, #4db6e7 6%, #4db6e7 14%, #0096dc 14%, #0096dc 14%, #0096dc 35%, #4db6e7 35%, #4db6e7 35%, #4db6e7 50%, #4db6e7 50%, #a0c832 50%, #a0c832 50%, #a0c832 75%, #0096dc 75%, #0096dc 77%, #0096dc 77%, #a0c832 77%, #a0c832 79%, #a0c832 79%, #0096dc 79%, #0096dc 79%, #0096dc 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(left, #0096dc 0%,#0096dc 6%,#0096dc 6%,#4db6e7 6%,#4db6e7 6%,#4db6e7 14%,#0096dc 14%,#0096dc 14%,#0096dc 35%,#4db6e7 35%,#4db6e7 35%,#4db6e7 50%,#4db6e7 50%,#a0c832 50%,#a0c832 50%,#a0c832 75%,#0096dc 75%,#0096dc 77%,#0096dc 77%,#a0c832 77%,#a0c832 79%,#a0c832 79%,#0096dc 79%,#0096dc 79%,#0096dc 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(to right, #0096dc 0%,#0096dc 6%,#0096dc 6%,#4db6e7 6%,#4db6e7 6%,#4db6e7 14%,#0096dc 14%,#0096dc 14%,#0096dc 35%,#4db6e7 35%,#4db6e7 35%,#4db6e7 50%,#4db6e7 50%,#a0c832 50%,#a0c832 50%,#a0c832 75%,#0096dc 75%,#0096dc 77%,#0096dc 77%,#a0c832 77%,#a0c832 79%,#a0c832 79%,#0096dc 79%,#0096dc 79%,#0096dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#0096dc',GradientType=1 ); /* IE6-9 */
	}


.bg-hausfarbe,
.bg-content.bg-hausfarbe {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4db6e7+0,7fd7f9+100 */
background: #4db6e7; /* Old browsers */
background: -moz-linear-gradient(top,  #4db6e7 0%, #a6daf3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4db6e7 0%,#a6daf3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4db6e7 0%,#a6daf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4db6e7', endColorstr='#a6daf3',GradientType=0 ); /* IE6-9 */

	color: #223246
	}
	
.bg-hausfarbe.reverse,
.bg-content.bg-hausfarbe.reverse {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4db6e7+0,7fd7f9+100 */
background: #a6daf3; /* Old browsers */
background: -moz-linear-gradient(top,  #a6daf3 0%, #4db6e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a6daf3 0%,#4db6e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a6daf3 0%,#4db6e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6daf3', endColorstr='#4db6e7',GradientType=0 ); /* IE6-9 */
}
	
	
	.bg-hausfarbe hr,
	.bg-content.bg-hausfarbe hr	{
		border-color: rgba(255, 255, 255, 0.5) !important
		}
	.bg-hausfarbe .icon	{
		color: #223246 !important
		}
	.bg-hausfarbe .icon a	{
		color: #223246 !important;
		}
	.bg-hausfarbe li.fileicon {
		color: rgba(255, 255, 255, 0.6) !important
		}
	.bg-hausfarbe a.fileicon	{
		font-weight: bold
		}
	.bg-hausfarbe .fileicon a,
	.bg-hausfarbe a.fileicon,
	.bg-hausfarbe a[download],
	.bg-hausfarbe ul li a	{
		color: #223246 !important;
		}
	.bg-hausfarbe .icon a:hover,
	.bg-hausfarbe .fileicon a:hover,
	.bg-hausfarbe a:hover.fileicon,
	.bg-hausfarbe a[download]:hover,
	.bg-hausfarbe ul li a:hover	{
		color: #fff !important;
		text-decoration: none !important
		}
	.bg-hausfarbe .icon i 	{
		background: #223246 !important;
		color: #fff !important;
		}
	.bg-hausfarbe h5 {
		font-weight: 600 !important
		}
	.bg-hausfarbe h6 {
		color: #223246 !important
		}




.bg-hausfarbe2	{
	background: #a0c832 !important
	}
	.content ul.hausfarbe2 a {
		color: #a0c832
		}
	.content ul.hausfarbe2 a:hover {
		color: #88aa22;
		text-decoration: underline
		}
	.content ul.hausfarbe2 li:before {
		content: '\f105';
	    font-family: 'FontAwesome';
		color: #a0c832;
		}
	.content ul.hausfarbe2 li:hover:before {
		color: #88aa22;
		}



.bg-grey,
.bg-content.bg-grey {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dae1e8+0,b7c2cc+100 */
background: #dae1e8; /* Old browsers */
background: -moz-linear-gradient(top,  #dae1e8 0%, #b7c2cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dae1e8 0%,#b7c2cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dae1e8 0%,#b7c2cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e8', endColorstr='#b7c2cc',GradientType=0 ); /* IE6-9 */
	}
	.bg-grey .icon,
	.bg-grey .icon a,
	.bg-grey .fileicon a,
	.bg-grey a.fileicon,
	.bg-grey ul li a	{
		}
	.bg-grey .icon a:hover,
	.bg-grey .fileicon a:hover,
	.bg-grey a:hover.fileicon,
	.bg-grey ul li a:hover	{
		text-decoration: underline
		}
	.bg-grey .icon i 	{
		background: #fff !important;
		color: #667788 !important;
		}

.bg-light	{
	background: #edf3f4;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+29,e3ebed+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 29%, #e3ebed 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 29%,#e3ebed 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 29%,#e3ebed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3ebed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
.bg-dark	{
	background: #223246;
	color: #fff
	}


.bg-verlauf,
.outside.right.bg-verlauf {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0096dc+0,4db6e7+50,91e2a4+99 */
	background: #0096dc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.bg-verlauf a 		{ color: #fff }
	.bg-verlauf a:hover { color: #223246 }

	.bg-verlauf .topline {
		color: #fff
	}
	.bg-verlauf h1, .bg-verlauf h2, .bg-verlauf h3,
	.bg-verlauf h4, .bg-verlauf h5, .bg-verlauf h6 {
		color: #fff
	}
	.bg-verlauf small {
		color: #fff
	}
	.bg-verlauf .current h5,
	.bg-verlauf .current .mehr,
	.bg-hausfarbe .current h5,
	.bg-hausfarbe .current .mehr {
	border-color: rgba(255, 255, 255, 0.6) !important
	}
	.bg-verlauf .current h5 a 		{ color: #fff }
	.bg-verlauf .current h5 a:hover { color: #223246 }

	.bg-verlauf .current .datum 	{ color: rgba(255, 255, 255, 0.8) !important }






.alert {
	background: rgba(0, 150, 220, 0.2);
	border-color: rgba(0, 150, 220, 0.5);
	color: #223246;
	line-height: 1.5em;
	}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
	margin-top: 0;
	margin-bottom: 0;
	color: #0096dc;
	font-weight: bold
	}
.alert b {
	color: #0096dc;
	font-weight: bold
	}
	
	
.alert-danger,
.bg-danger {
  color: #fff;
  background-color: #f15c5a;
  border-color: rgba(0, 0, 0, 0.1);
}
.alert-danger hr,
.bg-danger hr {
  border-top-color: rgba(255, 255, 255, 0.5);
}
.alert-danger .alert-link,
.bg-danger .alert-link {
  color: #fff;
  text-decoration: underline
}	
.alert-danger b {
  color: #fff;
}	
/* ---- end HINTERGRÜNDE ------------------------------------------ */








/* ----- LISTEN / FILEICONS -------------
================================================== */
.content ul li:before {
	content: '\f105';
	}
.content ul li:before {
	color: #0096dc;
	}
.content ul li:hover:before {
	color: #223246;
	}


	
.content ul.list-cols {
	display: flex;
	flex-flow: wrap;
	justify-content:space-between;
	justify-content: flex-start;
	column-gap: 20px;
	}
	.content ul.list-cols li {
		width: calc(25% - 15px);
		}
	.content ul.list-cols li:nth-child(4n+1) {
		clear: both;
		}
		
	@media (max-width: 1200px) {
		.content ul.list-cols li {
			width: calc(33% - 11px);
			}
		.content ul.list-cols li:nth-child(4n+1) {
			clear: none;
			}
		.content ul.list-cols li:nth-child(3n+1) {
			clear: both;
			}
		}
	@media (max-width: 768px) {
		.content ul.list-cols li {
			width: calc(50% - 10px);
			}
		.content ul.list-cols li:nth-child(3n+1) {
			clear: none;
			}
		.content ul.list-cols li:nth-child(2n+1) {
			clear: both;
			}
		}	
	@media (max-width: 480px) {
		.content ul.list-cols {
			column-gap: 0;
			}
		.content ul.list-cols li {
			width: 100%;
			}		
		}		
/* ---- end LISTEN / FILEICONS ------------------------------------------ */











.mehr {
	border-top: 1px solid #c8d5dc !important;
	float: right;
	text-align: right;
	margin-top: .8em;
	width: 100%
	}
	.mehr.noborder {
	border: none !important;
	margin: 0
	}
.mehr span {
	background: #a0c832;
	color: #fff;
	padding: .3em 1.2em .3em .6em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 80%;
	float: right;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
	}
.mehr span:after {
    color: #fff !important;
    font-size: 14px;
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    z-index: 1 !important;
    margin-left: .4em;
	}
.mehr:hover span {
	background: #88aa22;
	}
@media  (max-width:767px) {
	.mehr span { border-radius: 2px }
	}






.beschnitt {
	border-radius: 4px;
	}
@media  (max-width:992px) {
	.beschnitt { border-radius: 3px }
	}
@media  (max-width:767px) {
	.beschnitt { border-radius: 2px }
	}




/* --------- AKTUELLES / NEWS / TERMINE / BABY
================================================== */
.current {
	margin-bottom: 1em;
	}
.current .beschnitt {
	height: 150px;
	margin: 0;
	}
.current .beschnitt:hover {
	opacity: .7;
	}
	
.current .bild {
	max-width: 70px;
	width: 100%;
	float: right;
	margin: 0 0 .5em .5em !important;
	padding: 0;
	background: none;
	box-shadow: none
	}	
	
.current h5 {
	border-top: 1px solid #c8d5dc;
	margin: 1.2em 0 .5em 0;
	padding-top: 1em;
	color: #0096dc;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: .04em;
	}
.current h5 a 		{ color: #0096dc }
.current h5 a:hover { color: #223246 }

.current .datum {
	font-size: 90%;
	color: #667788;
	line-height: 1.2em
	}



.current.baby {
	border-bottom: 1px solid #c8d5dc;
	margin-bottom: .5em;
	padding-bottom: .5em;
	float: left;
	width: 100%;
	}
.current.baby .beschnitt {
	width: 80px;
	height: 60px;
	float: left;
	}
.current.baby h5 {
	border: none;
	margin: 0 0 .1em 93px;
	padding: 0;
	line-height: 1.2em !important
	}
.current.baby .datum {
	margin-left: 93px;
	}


.current.termin {
	}
.current.termin .beschnitt {
	}
.current.termin h5 {
	}
.current.termin .datum {
	}



@media  (max-width:1200px) {
	.current .beschnitt {
	height: 120px;
	}
	.current h5 {
	font-size: 95%;
	letter-spacing: 0
	}
}
@media  (max-width:992px) {
	.current .beschnitt {
	height: 85px;
	}
	.current.termin .beschnitt {
	height: 140px;
	}
	
	.current .bild {
	max-width: 120px;
	margin-bottom: 1em !important
	}
	.current h5 {
	font-size: 90%;
	letter-spacing: 0
	}
}
@media  (max-width:767px) {
	.current {
	float: left;
	width: 100%
	}
	.current .beschnitt,
	.current.termin .beschnitt {
	width: 150px;
	height: 90px;
	float: right;
	margin-left: 1em;
	margin-bottom: .5em
	}
	.current.baby .beschnitt {
	margin-left: 0;
	margin-bottom: 0
	}
	
	.current .bild {
	max-width: 80px;
	}
	
	.current h5 {
	border-top:none;
	margin: -.2em 0 .2em 0;
	padding-top: 0;
	font-size: 95%;
	letter-spacing: .01em
	}
	.current .datum {
	margin-bottom: 1em
	}
	.current .mehr {
	margin: .5em 0 0 0 !important
	}
}
@media  (max-width:480px) {
	.current .beschnitt,
	.current.termin .beschnitt {
	width: 100px;
	height: 70px;
	}
	.current h5 {
	font-size: 90%;
	letter-spacing: .01em
	}
}
/* ---- end AKTUELLES / NEWS / TERMINE / BABY ------------------------------------------ */







/* --------- FARBEN bis an Rand
================================================== */
.outside {
	height: 420px;
	}
.outside .image {
	padding: 0 4em;
	min-height: 420px;
	}
	.outside .image .topline,
	.outside .image h1 {
		background: rgba(145, 226, 164, 0.85);
		margin-top: 135px;
		float: left;
		color: #fff;
		padding: .3em .8em;
		font-size: 110% !important;
		border-radius: 3px;
		}
	.outside .image h1 {
		margin-top: .2em;
		clear: both;
		padding: .2em .4em;
		margin-bottom: .2em !important;
		font-size: 230% !important;
		margin-top: 4em
		}




	.outside a.pdf {
		display: none
		}
	.outside .image a.pdf {
		display: inline-block;
		background-color: rgba(145, 226, 164, 0.85);
		margin-top: .5em;
		float: left;
		color: #fff;
		padding: .3em .8em;
		font-size: 110% !important;
		border-radius: 3px;
		padding-left: 30px;
		background-position-x: 7px;
		background-position-y: 5px
		}
	.outside .image a.pdf:hover {
		background: #0096dc url(../images/fileicon_s/file_pdf.png) no-repeat !important;
		background-position-x: 7px !important;
		background-position-y: 5px !important;
		}

	.outside .image a {
		width: auto;
		border-top: none !important
		}
	.outside .image a:hover {
		background: #88aa22;
		}
	@media  (max-width:1400px) {
		.outside .image .topline { margin-top: 120px; }
		}
	@media  (max-width:992px) {
		.outside {
			height: auto;
			padding-bottom: 1em
			}
		.outside h1 {
			margin-bottom: 1em
			}
		.outside .image { display: none !important }

		.outside a.pdf {
			display: inline-block;
			margin: -50px 0 0 0;
			float: right;
			padding-left: 25px;
			color: #223246
			}
		.outside a.pdf:hover {
			color: #fff
			}
		}
	@media  (max-width:767px) {
		.outside {
			height: auto !important;
			}
		.outside .image .topline,
		.outside .image h1 { border-radius: 2px }
		}
	@media  (max-width:550px) {
		.outside a.pdf {
			clear: both;
			float: left;
			margin: -10px 0 1.5em 0
			}
		}




.outside .inhalt {
	padding-top: 3.3em;
	padding-bottom: 1.3em
	}
	@media  (max-width:992px) {
		.outside .inhalt {
		padding: 2em 0 1em 0
		}
		.outside .inhalt .row {
		margin: 0 -15px !important
		}
	}
	.outside.right .inhalt { float: right !important }

.outside.bg-verlauf {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0096dc+0,4db6e7+25,4db6e7+25,91e2a4+50,91e2a4+50,91e2a4+100 */
	background: #0096dc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 25%, #4db6e7 25%, #91e2a4 50%, #91e2a4 50%, #91e2a4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 25%,#4db6e7 25%,#91e2a4 50%,#91e2a4 50%,#91e2a4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 25%,#4db6e7 25%,#91e2a4 50%,#91e2a4 50%,#91e2a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
@media  (max-width:992px) {
	.outside .row 				{ margin: 0; height: auto !important }

	.outside.right.bg-verlauf.sm {
		background: #0096dc; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

	.outside.bg-verlauf.sm {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0096dc+0,4db6e7+50,91e2a4+99 */
		background: #0096dc; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	}
@media  (max-width:767px) {
	.outside.right.bg-verlauf.xs {
		background: #0096dc; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	}
/* ---- end FARBEN bis an Rand ------------------------------------------ */













/* --------- SIGNS
================================================== */
.signs {
	padding: 4em 0 2.5em 0;
	text-align: center;
	color: #223246
	}
.signs [class*="col-"] {
	min-height: 230px !important
	}

.signs a 		{ color: #223246 }
.signs a:hover 	{ color: #0096dc }


.signs .fa-circle {
	color: #4db6e7 !important
	}
.signs a:hover .fa-circle,
.signs a:hover {
	color: #0096dc !important
	}
.signs .fa-stack-1x	{
	font-size: 26pt !important;
	color: #fff
	}

.signs h5 {
	border-top: 1px solid #c8d5dc;
	padding-top: 1.5em;
	margin: 1.5em 1em 0 1em !important;
	color: #223246;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: .04em;
	}
.signs a h5 {
	color: #223246 !important
	}
.signs a:hover h5 {
	color: #0096dc !important
	}

.signs .mehr {
	border: none !important;
	text-align: center
	}


@media  (max-width:1200px) {
	.signs h5 {
	font-size: 95%;
	letter-spacing: 0
	}
}
@media  (max-width:992px) {
	.current h5 {
	font-size: 90%;
	letter-spacing: 0
	}
}
@media  (max-width:767px) {
	.signs {
		padding: 3em 0 2em 0;
		}
	.signs [class*="col-"] {
		min-height: 130px !important;
		}
	.signs .fa-circle {
		font-size: 40pt !important;
		}
	.signs span {
		margin-bottom: -.7em
		}
	.signs .fa-stack-1x	{
		font-size: 20pt !important;
		margin-top: -6px !important
		}
	.signs h5 {
		padding-top: .8em;
		margin-top: .5em !important;
		border: none;

		}
	.signs .mehr {
		display: none
		}
}
@media  (max-width:380px) {
	.signs [class*="col-"] {
		clear: both;
		width: 100%;
		min-height: auto !important;
		margin-bottom: 2.5em
		}
}
/* ---- end SIGNS ------------------------------------------ */












/* --------- TABELLEN
================================================== */
.row.div-head {
	font-weight: bold !important;
	font-family: 'Open Sans';
	}
.row.div-head-bg  				{ background: #0096dc }
.div-striped .row.div-head-bg 	{ background: #0096dc }
.row.div-foot 					{ color: #0096dc }



.table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > th,
table > thead > tr > td 		{ background: #0096dc }

.table > thead.sub > tr > th,
.table > thead.sub > tr > td,
table > thead.sub > tr > th,
table > thead.sub > tr > td   	{ border-bottom-color: #0096dc;
								color: #0096dc; }
.table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td			{ color: #0096dc }

table.abc tr td a				{ background: #0096dc }
table.abc tr td a:hover  		{ color: #0096dc }


thead,
.table-typ-1 tr:nth-child(1) td,
.table-typ-2 tr:nth-child(1) td,
.table-typ-3 table td:first-child {
	font-family: 'Open Sans';
	font-weight: 600;
	}

.border-top,
.table.borderless .border-top 		{ border-top: 2px solid #0096dc !important }
.border-bottom,
.table.borderless .border-bottom 	{ border-bottom: 2px solid #0096dc !important }


.each-2spaltig tr td { width: 50% !important; min-width: 50% !important; max-width: 50% !important }
.each-3spaltig tr td { width: 33% !important; min-width: 33% !important; max-width: 33% !important }
.each-4spaltig tr td { width: 25% !important; min-width: 25% !important; max-width: 25% !important }
.each-5spaltig tr td { width: 20% !important; min-width: 20% !important; max-width: 20% !important }

.text-center table td:first-child 	{ text-align: left }
.text-center table td:last-child 	{  }


table tr:nth-child(even) td:empty {
		background: #edf3f4 !important;
		background: none !important
		}
	table tr:nth-child(odd) td:empty {
		background: none !important
		}

/* - TABLE - Typ 1 -------- */
	.table-typ-1 tr:nth-child(1) td {
		color: #0096dc
		}



/* - TABLE - Typ 2 -------- */
	.table-typ-2 td {
		border-radius: .6em !important;
		}
	.table-typ-2 tr:nth-child(1) td {
		background-color: #0096dc;
		}
	.table-typ-2 tr:nth-child(even) td {
		background-color: #edf3f4;
		}
	.table-typ-2 td:empty,
	.table-typ-2 tr:nth-child(even) td:empty {
		box-shadow: none;
		/*background:  repeating-linear-gradient(
			  -45deg,
			  #edf3f4,
			  #edf3f4 2px,
			  #fff 2px,
			  #fff 9px
			);*/
		}
/* - TABLE - Typ 3 -------- */
	.table-typ-3 td:first-child {
		background-color: #0096dc !important;
		}
/* - TABLE - Typ 4 -------- */
	.table-typ-4 td {
		background-color: #edf3f4;
		}

/* ---- end TABELLEN ------------------------------------------ */










/* --------- BUTTON
================================================================================== */
.btn {
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-family: 'Open Sans';
	font-weight: bold;
	border-radius: 3px;
	line-height: 1.3em !important
	}
	@media  (max-width:767px) {
		.btn { border-radius: 2px }
		}

.btn-md {
	padding-top: .7em !important;
	padding-bottom: .7em !important;
	font-size: 95%
	}
.btn i  {
	font-size: 120% !important;
	}

.btn .fa-lg { font-size: 150% !important; margin-bottom: .6em; margin-top: .2em }



@media  (min-width:768px) {
	.btn#sticky2.affix {
		position: fixed !important;
		z-index: 1 !important;
		right: calc(50% - 360px) !important;
		width: 220px;
		top: 120px;
		}
	}
@media  (min-width:992px) {
	.btn#sticky2.affix {
		right: calc(50% - 470px) !important;
		width: 210px;
		top: 150px;
		}
	}
@media  (min-width:1200px) {
	.btn#sticky2.affix {
		right: calc(50% - 570px) !important;
		width: 260px;
		}
	}		


.btn.btn-icon {
	padding-left: 40px;
	padding-top: .7em !important;
	padding-bottom: .7em !important;
	}
.btn.btn-icon i {
	margin-left: -37px !important;
	width: 37px	!important;
	font-size: 125% !important;
	margin-top: 0 !important
	}
@media  (max-width:1200px) {
	.btn.btn-icon {
	font-size: 80% !important
	}
}



.btn-default 		{
	text-shadow: none;
	border: 1px solid rgba(200, 213, 220, 0.3);
	background: #edf3f4;
	color: rgba(33, 49, 69, 0.65)
	}
.btn-default i		{
	color: #0096dc
	}
.btn-default:hover,
.btn-default:focus 	{ background: #667788 !important;
	 }
.btn-default:hover i,
.btn-default:focus i 	{
	color: #fff
	}
.btn-default:hover,
[class*="bg-"] .btn-default:hover { color: #fff !important }


.btn-primary 		{ background: #0096dc }
.btn-primary:hover,
.btn-primary:focus 	{ background: #006699 !important }

.btn-info 			{ background: #4db6e7 }
.btn-info:hover,
.btn-info:focus 	{ background: #0096dc !important }

.btn-success 		{ background: #a0c832 }
.btn-success:hover,
.btn-success:focus 	{ background: #88aa22 !important }

.btn-danger 		{ background: #f15c5a }
.btn-danger:hover,
.btn-danger:focus 	{ background: #d4423f !important }


.btn.absenden		{ background: #0096dc; color: #fff !important }
.btn.absenden:hover,
.btn.absenden:focus	{ background: #006699 !important }



.btn-verlauf,
[class*="bg-"] .btn-verlauf {
	background: #0096dc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff !important
	}
.btn-verlauf:hover,
.btn-verlauf:focus 	{
	background: #0096dc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0083c0 0%, #0096dc 50%, #73c085 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0083c0 0%,#0096dc 50%,#73c085 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0083c0 0%,#0083c0 50%,#73c085 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083c0', endColorstr='#73c085',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff !important;
	}


.input-group-btn .btn {
	height: 33.5px !important;
	}
.form-xs .input-group-btn .btn {
	height: 22px !important;
	}
.suche .input-group-btn .btn {
	height: 22px !important;
	margin-top: 0 !important;
	padding-top: 0 !important
 	}



.pagination { 
	border: none;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important
	}

@media  (max-width:767px) {
}
@media  (max-width:380px) {
	.pagination .btn { 
		width: 100%; 
		margin: 0 0 .3em 0 !important 
		}
}


.link-mvz {
	margin-top: 4em !important;
	display: inline-block;
	font-size: 80%;
	font-family: 'Open Sans';
	font-weight: 600;
	padding-left: 20px;
	color: #777 !important;
	font-style: italic;s
	}
.link-mvz:hover {
	color: #e64422 !important;
	}	
.link-mvz img {
	width: 130px;
	margin: 0 0 2px -20px !important
	}
.link-mvz span {
	width: 100%;
	clear: both;
	display: block
	}	
.link-mvz i {
	color: #0096dc !important;
	font-size: 80% !important;
	margin-right: 0 !important;
	color: #e64422 !important; 
	}
.link-mvz:hover i,
.link-mvz:hover span {
	color: #e64422 !important
	}	


.abgesagt {
	font-size: 130%;
	right: auto;
	left: 70px;
	top: 130px;
	padding: .4em .9em;
	position: absolute;
	z-index: 10;
	font-weight: bold;
	letter-spacing: .05em;
	text-transform: uppercase;
	background: #f15c5a;
	border-radius: 3px;
	color: #fff;
	transform: skew(8deg, -8deg);
	box-shadow: -.2em .3em .1em rgba(0, 0, 0, 0.4)
	}
@media  (max-width:1200px) {
	.abgesagt {
	font-size: 120%;
	padding: .3em .8em;
	top: 105px;
	left: 55px
	}
}
@media  (max-width:992px) {
	.abgesagt {
	font-size: 140%;
	padding: .5em 1em;
	top: 115px;
	left: 110px
	}
}
@media  (max-width:767px) {
	.abgesagt {
	font-size: 120%;
	padding: .3em .8em;
	left: auto;
	right: 120px;
	top: 30px
	}
}
@media  (max-width:480px) {
	.abgesagt {
	font-size: 100%;
	padding: .2em .7em;
	right: 90px;
	top: 20px
	}
}
/* ---- end BUTTON ------------------------------------------ */







/* --------- FILEICON
================================================================================== */
a[download] {
	margin-bottom: .5em !important;
	line-height: 1.2em;
	background-position-y: 0 !important;
	padding-top: 2px !important
}


li.fileicon {
	font-size: 70% !important;
	line-height: 1.6em;
	margin-bottom: .5em !important;
	background-position-y: 0 !important;
	padding-top: 2px !important
	}
.content-rechts li.fileicon {
	margin-bottom: 1em !important
	}
li.fileicon a,
li.fileicon a[download] {
	font-size: 145% !important;
	width: 100%;
	margin-bottom: 0 !important;
	}


.fileicon a:hover,
a:hover.fileicon,
a[download]:hover,
ul li a:hover	{
	text-decoration: none !important
	}
/* ---- end FILEICON ------------------------------------------ */






/* --------- SHORTLINKS
================================================================================== */
.shortlinks {
	margin-top: -3.3em;
	margin-bottom: 2em !important
	}
.shortlinks .btn  {
	min-height: 44px;
	padding-top: .9em !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 95%
	}

.shortlink-suche {
	width: 100%;
	margin-top: 7px !important;
	height: 34px !important;
	padding-top: .8em !important;
	text-align: left;
	letter-spacing: -.02em;
	background: #0096dc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.shortlink-suche:hover,
	.shortlink-suche:focus 	{
		background: #0096dc; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #0096dc 0%, #4db6e7 50%, #91e2a4 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #0096dc 0%,#4db6e7 50%,#91e2a4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc', endColorstr='#91e2a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	.shortlink-suche .form-control {
		border-radius: 0;
		border: none;
		width: 67%;
		height: 34px;
		float: right;
		position: absolute;
		top: 12px;
		right: 5px;
		padding-right: 35px;
		padding-left: 10px;
		}

	.shortlink-suche .search_icon {
		position: absolute;
	   width: 32px;
	   height: 34px;
	   top: 12px;
	   right: 5px;
	   border: none;
	   background: url(../images/lupe/lupe_m_mint.png) no-repeat 7px 8px !important;
		background-size: 18px !important
		}
	.shortlink-suche .search_icon:hover {
		background: #85d8b3 url(../images/lupe/lupe_m_fff.png) no-repeat 7px 8px !important;
		background-size: 18px !important
		}

@media (max-width: 1200px) {
	.shortlinks {
		margin-bottom: 1.5em !important
		}
	.shortlink-suche span {
		display: none
		}
	.shortlink-suche .form-control  {
		width: calc(100% - 25px) !important;
		padding-right: 30px
		}
	.shortlinks .btn  {
		font-size: 90%;
		letter-spacing: 0
		}
}
@media (max-width: 992px) {
	.shortlinks .btn  {
		font-size: 80%;
		min-height: 37px;
		letter-spacing: 0
		}
	.shortlink-suche  {
		letter-spacing: -.07em !important
		}
	.shortlink-suche .form-control  {
		height: 31px;
		top: 10px;
		right: 3px;
		width: calc(100% - 21px) !important;
		}
	.shortlink-suche .search_icon {
		height: 31px;
		width: 31px;
		top: 10px;
		right: 2px;
		background: url(../images/lupe/lupe_s_mint.png) no-repeat 7px 7px !important
		}
	.shortlink-suche .search_icon:hover {
		background: #85d8b3 url(../images/lupe/lupe_s_fff.png) no-repeat 7px 7px !important
		}
	.shortlink-suche .form-control {
		padding-right: 30px !important
		}

}
@media (max-width: 767px) {
	.shortlinks {
		margin-top: -1.8em;
		margin-bottom: .3em !important
		}
	.shortlinks .btn  {
		padding-top: .75em !important;
		font-size: 85%
		}
	.shortlink-suche span {
		display: inline-block;
		}
	.shortlink-suche .form-control  {
		width: calc(100% - 130px) !important;
		padding-right: 30px;
		padding-left: 5px
		}
}
@media (max-width: 580px) {
	.shortlinks .btn  {
		min-height: 30px;
		padding-top: .7em !important;
		font-size: 70%
		}
	.shortlink-suche {
		height: 30px !important;
		}
	.shortlink-suche span {
		display: none
		}
	.shortlink-suche .form-control  {
		width: calc(100% - 21px) !important;
		height: 24px;
		}
	.shortlink-suche .search_icon  {
		height: 24px;
		}
		.shortlink-suche .search_icon {
		background: url(../images/lupe/lupe_s_mint.png) no-repeat 8px 4px !important
		}
	.shortlink-suche .search_icon:hover {
		background: #85d8b3 url(../images/lupe/lupe_s_fff.png) no-repeat 8px 4px !important
		}
}
/* ---- end SHORTLINKS ------------------------------------------ */





/* --------- SHORTLINKS-START
================================================== */
.shortlinks-start {
	margin-top: -3.3em;
	margin-bottom: 2em !important;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	width: calc(100% + 10px)
	}


.shortlinks-start [class*="col-"] {
	padding-left: 0;
	padding-left: 0;
	}

.shortlinks-start .btn {
	color: #fff !important;
	padding: .8em .1em;
	letter-spacing: -.01em;
	font-size: 90%;
	font-weight: 600 !important;
	}	
	
	
.shortlinks-start .btn.schnellsuche {
	padding: 4px 4px 4px 15px;
	background: #0096dc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #91e2a4 0%, #4db6e7 50%, #0096dc 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #91e2a4 0%,#4db6e7 50%,#0096dc 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #91e2a4 0%,#4db6e7 50%,#0096dc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e2a4', endColorstr='#0096dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.shortlinks-start .btn.schnellsuche:hover,
	.shortlinks-start .btn.schnellsuche:focus 	{
		}
	.shortlinks-start span 	{
		float: left;
		text-align: left;
		width: calc(35% - 5px);
		margin-right: 5px;
		margin-top: 10px
		}	
	.shortlinks-start form 	{
		width: 65%;
		}	
		.shortlinks-start .btn.schnellsuche .form-control {
		padding-top: .2em !important;
		padding-bottom: .2em !important;
		height: auto;
		border-radius: 0;
		height: 36px;
		}
		.shortlinks-start .btn.schnellsuche .search_icon {
		position: absolute;
	   width: 36px;
	   height: 36px;
	   top: 12px;
	   right: 17px;
	   border: none;
	   background: url(../images/lupe/lupe_m_ccc.png) no-repeat 7px 8px !important;
		background-size: 16px !important
		}
		.shortlinks-start .btn.schnellsuche .search_icon:hover {
		background: url(../images/lupe/lupe_m_888.png) no-repeat 7px 8px !important;
		background-size: 16px !important
		}
		
		
@media (max-width: 1200px) {
	.shortlinks-start span 	{
		width: calc(20% - 5px);
		}	
	.shortlinks-start form 	{
		width: 80%;
		}		
}
@media (max-width: 992px) {
	.shortlinks-start .btn {
		letter-spacing: -.01em;
		font-size: 80%;
		margin-bottom: 5px
		}
	.shortlinks-start .btn.schnellsuche .search_icon {
		top: 6px;
		}	
}
@media (max-width: 768px) {
	.shortlinks-start {
		width: calc(100% + 20px);
		margin-top: -1.5em;
		margin-bottom: 1.5em !important;
		}	
	.shortlinks-start span 	{
		width: calc(25% - 5px);
		}	
	.shortlinks-start form 	{
		width: 75%;
		}	
}					



/*---- neu ---*/
.shortlinks-start.shortlinks-start2 {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: calc(100% + 10px);
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -3em;
	}
.shortlinks-start.shortlinks-start2 .btn {
	width: 100%;
	margin: 0 5px
	}
.shortlinks-start.shortlinks-start2 .btn.schnellsuche {
	padding-left: 4px;
	display: inline-block;
	background: #0096dc !important
	}	
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche form {
	width: 100%;
	margin: 0 !important
	}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .form-control {
	padding-left: 7px;
	padding-right: 26px;
	border: none !important;
	font-weight: normal
	}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .search_icon {
	left: calc(16.7% - 36px);
	right: auto;
	top: 6px;
	background-image: url(../images/lupe/lupe_m_hausfarbe.png) !important;
	}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .search_icon:hover {
	background-image: url(../images/lupe/lupe_m_333.png) !important;
	}
					
@media (max-width: 1200px) {
	.shortlinks-start.shortlinks-start2 {
		margin-top: -2.9em;
		}
	.shortlinks-start.shortlinks-start2 .btn {
		font-size: 80%;
		height: 40px !important;
		padding-top: .9em !important;
		letter-spacing: 0
		}
	.shortlinks-start.shortlinks-start2 .btn:nth-child(2) {
		letter-spacing: -.07em
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche {
		padding-top: 4px !important;
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .form-control {
		height: 32px !important
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .search_icon {
		top: 4px;
		left: calc(16.7% - 33px);
		background-size: 14px !important
		}	
}	
@media (max-width: 992px) {
	.shortlinks-start.shortlinks-start2 {
		width: calc(100% + 6px);
		margin-left: -3px;
		margin-right: -3px;
		display: block;
		padding: 0 !important
		}
	.shortlinks-start.shortlinks-start2 .btn {
		display: inline-block;
		width: 136px;
		font-size: 75%;
		font-weight: normal;
		margin: 0 3px;
		height: 35px !important;
		padding-top: .85em !important
		}
	.shortlinks-start.shortlinks-start2 .btn i {
		margin-right: 2px
		}	
	
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche {
		margin-bottom: 7px;
		padding-left: 4px;
		width: calc(100% - 6px)
		}	
		.shortlinks-start.shortlinks-start2 .btn.schnellsuche .form-control {
		padding-left: 10px;
		padding-right: 35px;
		height: 28px !important
		}
		.shortlinks-start.shortlinks-start2 .btn.schnellsuche .search_icon {
		left: calc(100% - 36px);
		top: 3px;
		}
}
@media (max-width: 768px) {
	.shortlinks-start.shortlinks-start2 {
		margin-top: -1em;
		margin-bottom: .7em !important
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche,
	.shortlinks-start.shortlinks-start2 .btn {
		width: 32% !important;
		display: inline-block !important;
		font-size: 80%;
		margin-bottom: 8px
		}
	.shortlinks-start.shortlinks-start2 .btn {
		padding-top: .7em !important
		}		
	.shortlinks-start.shortlinks-start2 .btn:nth-child(2) {
		letter-spacing: -.02em
		}		
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .form-control {
		padding-left: 7px;
		padding-right: 26px;
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .search_icon {
		left: calc(32% - 30px);
		}
}
@media (max-width: 680px) {
	.shortlinks-start.shortlinks-start2 {
		width: calc(100% + 8px);
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche,
	.shortlinks-start.shortlinks-start2 .btn {
		width: calc(32% - 1px) !important;
		}
}	
@media (max-width: 600px) {
	.shortlinks-start.shortlinks-start2 {
		width: calc(100% + 10px);
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche,
	.shortlinks-start.shortlinks-start2 .btn {
		width: calc(32% - 3px) !important;
		}
}	
@media (max-width: 480px) {
	.shortlinks-start.shortlinks-start2 {
		width: calc(100% + 10px);
		margin-bottom: .5em !important
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche,
	.shortlinks-start.shortlinks-start2 .btn {
		width: calc(50% - 10px) !important;
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .form-control {
		height: 26px
		}
	.shortlinks-start.shortlinks-start2 .btn.schnellsuche .search_icon {
		left: calc(50% - 40px);
		}	
}	
@media (max-width: 350px) {
	.shortlinks-start.shortlinks-start2 .btn i {
		display: none
		}
}		
/* ---- end SHORTLINKS-START ------------------------------------------ */





/* --------- SOCIALMEDIA
================================================== */
.socialmedia {
	right: 5px;
	top: 45%;
	position: fixed;
	z-index: 1000000;
	font-weight: 600;
	}
	.socialmedia a {
		padding: .55em 0 0 .25em;
		text-decoration: none;
		float: right;
		display: block;
		text-transform: uppercase;
		clear: both;
		text-align: center;
		font-size: 85%;
		color: #fff;
	    background: #e2001a;
	    margin-bottom: 3px;
		border-radius: 35px;
		height: 35px;
		width: 35px;
	}
	.socialmedia a.facebook		{ background-color: #4060A5 }
	.socialmedia a.twitter		{ background-color: #00ABE3 }
	.socialmedia a.instagram	{ background-color: #bc2a8d }
	.socialmedia a.googleplus	{ background-color: #e64522 }
	.socialmedia a.youtube		{ background-color: #fd0011 }
	.socialmedia a.linkedin		{ background-color: #1c68be }

	.socialmedia a i {
		font-size: 21px;
		opacity: .8;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-family: 'FontAwesome';
		font-weight: 400;
		}
	.socialmedia a:hover {
		color: #fff;
		background-image: url(../images/dot25.png);
		border-radius: 45px;
		height: 45px;
		width: 45px;
		padding: .8em 0 0 .3em
		}
	.socialmedia a:hover i {
		font-size: 26px;
		opacity: 1
	    }
	.socialmedia a span {
		display: none
		}


@media (max-width: 1200px) {
	.socialmedia a {
		padding: .45em 0 0 .25em;
		border-radius: 30px;
		height: 30px;
		width: 30px;
		}
	.socialmedia a i {
		font-size: 19px;
		}
	.socialmedia a:hover {
		border-radius: 37px;
		height: 37px;
		width: 37px;
		padding: .5em 0 0 .3em
		}
	.socialmedia a:hover i {
		font-size: 24px;
		}
}
@media (max-width: 767px) {
	.socialmedia {
		bottom: 180px;
		top: auto
		}
}
/* --------- end SOCIALMEDIA -------- */









/* --------- ICON
================================================== */
.icon{
	padding-left: 35px;
	}
.icon,
.icon a {
	color: #444;
	text-decoration: none;
	border: none;
	padding-bottom: .2em;
	}
.icon a:hover {
	color: #0096dc;
	}
.icon i 	{
	border-radius: 27px;
	width: 27px;
	height: 27px;
	font-size: 12pt;
	padding: .25em 0 0 .35em;
	background: #c8d5dc;
	border: none;
	color: #fff;
	margin-left: -35px;
	margin-top: -2px;
	position: absolute;
	text-align: left
	}
	.icon i.fa-user 	{
		padding-left: .4em
		}
	.icon i.fa-phone 	{
		padding-top: .3em;
		padding-left: .3em
		}
	.icon i.fa-print {
		}
	.icon i.fa-clock,
	.icon i.fa-clock-o {
		padding-top: .3em;
		}
	.icon i.fa-clock,
	.icon i.fa-clock-o {
		padding-top: .32em;
		padding-left: .34em
		}
	.icon i.fa-info {
		}
	.icon i.fa-user {
		}
	.icon i.fa-print {
		padding-top: .32em;
		}
	.icon i.fa-globe {
		padding-top: .36em;
		padding-left: .37em
		}
	.icon i.fa-send,
	.icon i.fa-paper-plane {
		padding-top: .33em;
		padding-left: .25em
		}
	.icon i.fa-envelope {
		padding-top: .3em
		}
	.icon i.fa-bank {
		}	




/* --------- end ICON -------- */









/* --------- BABY kurz
================================================== */
.baby_kurz {
	margin-bottom: 2em;
	line-height: 1.1em !important
}

.baby_kurz .beschnitt {
	margin: 0 !important;
	height: 180px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-size: cover;
	background-position-y: 50%;
	margin-bottom: -.7em !important
	}
.baby_kurz .beschnitt:hover {
	opacity: .7
	}


.baby_kurz .daten {
	clear: both;
	margin-top: .7em;
	background: #edf3f4;
	padding: .2em .4em;
	border-top: 5px solid #c8d5dc !important;
	float: left;
	background: #fff;
	padding: .5em 0;
	font-size: 90%;
	width: 100%;
	letter-spacing: -.01em
	}
	.baby_kurz.baby_m .daten {
	border-color: #0096dc !important
	}
	.baby_kurz.baby_w .daten {
	border-color: #ff88bb !important
	}

	.baby_kurz h2 {
		margin: 0 0 .5em 0 !important;
		text-transform: none;
		font-weight: normal;
		font-size: 160%;
		letter-spacing: 0;
		min-height: 50px;
		}
	.baby_kurz h2 a {
		color: rgba(33, 49, 69, 0.5);
		}
	.baby_kurz.baby_m h2 a {
		color: #0096dc
		}
	.baby_kurz.baby_w h2 a {
		color: #ff88bb
		}
	.baby_kurz h2 a:hover {
		color: #223246 !important
		}

.baby_kurz .mehr {
	margin-top: .5em
	}


@media (max-width: 1200px) {
	.baby_kurz .beschnitt {
		height: 150px;
		}
}
@media (max-width: 992px) {
	.baby_kurz .beschnitt {
		height: 115px;
		}
	.baby_kurz h2 {
		font-size: 140%;
		min-height: 45px;
		}
}
@media (max-width: 767px) {
	.baby_kurz .beschnitt {
		height: 150px;
		}
}
@media (max-width: 600px) {
	.baby_kurz .beschnitt {
		height: 120px;
		}
}
@media (max-width: 480px) {
	.baby_kurz {
		margin-bottom: 1.3em
		}
	.baby_kurz .beschnitt {
		height: 105px;
		}
	.baby_kurz h2 {
		font-size: 130%;
		min-height: 40px;
		}
	.baby_kurz .mehr {
		margin-top: 0
		}
}
/* --------- end BABY kurz -------- */




/* --------- BABY lang
================================================== */
.baby_lang {
	margin-bottom: 2em !important;
	padding-bottom: 2.5em !important
	}
	

.baby_lang h1 {
	margin-bottom: .5em
	}
.baby_lang .sub {
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin-top: .2em !important;
	color: rgba(33, 49, 69, 0.5);
	font-style: normal;
	font-size: 45% !important;
	}
/*.baby_lang img.baby_pic {
	width: 100%;
	height: auto;
	border-radius: 4px;
	margin-bottom: -2em
	}*/
.baby_lang .beschnitt {
	min-height: 530px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 4px;
	}
.baby_lang .btn-detail {
	text-transform: none;
	padding: .7em 1.6em;
	font-size: 120%;
	margin-top: -1.4em;
	margin-bottom: 0
   }
.baby_lang .daten {
	margin: 1.5em 0 1em 0;
	}


.babysmile {
	color: #aaa;
	font-style: italic;
	font-size: 90%;
	text-align: center;
	float: right;
	margin-top: 0;
	}
	.babysmile img {
		width: 150px !important;
		margin-top: 0
		}
@media (max-width: 1200px) {
	.baby_lang .beschnitt {
		min-height: 430px;
		}
	.baby_lang .btn-detail {
		padding: .5em 1.2em;
		font-size: 110%;
	   }
}
@media (max-width: 992px) {
	.baby_lang h1 {
		font-size: 200% !important
		}
	/*.baby_lang img.baby_pic {
		margin-bottom: -1.5em
		}*/
	.baby_lang .beschnitt {
		min-height: 440px;
		}
	.baby_lang .btn-detail {
		padding: .4em .9em;
		font-size: 105%;
	   }
	.babysmile img {
		width: 150px !important;
		}
}
@media (max-width: 767px) {
	/*.babysmile img {
		width: 120px !important;
		}*/
	.baby_lang .beschnitt { min-height: 440px; }	
	
	.baby_lang .btn-detail {
		font-size: 100%;
	   }
}
@media (max-width: 680px) {
	.baby_lang .beschnitt { min-height: 380px; }
}
@media (max-width: 580px) {
	.baby_lang .beschnitt { min-height: 310px; }
}
@media (max-width: 480px) {
	.baby_lang .beschnitt { min-height: 240px; }
}
@media (max-width: 380px) {
	.baby_lang .beschnitt { min-height: 180px; }
}
/* --------- end BABY lang -------- */








/* --------- KALENDER
================================================== */
.cal {
	}


.cal-head {
	margin-bottom: .5em;
	width: 100%;
	float: left
	}
	.cal-title {
		float: left;
		min-width: 400px;
		text-transform: none;
		font-size: 300%;
		letter-spacing: 0 !important;
		color: #0096dc;
		font-weight: normal;
		font-family: 'FrontPage', sans-serif !important;
		line-height: 1.15em !important;
		margin: 0 0 .3em 0 !important;
		padding: 0 !important;
		}
		@media  (max-width:1200px) {
			.cal-title	{ font-size: 250%; min-width: 330px }
			}
		@media (max-width: 992px) {
			.cal-title 	{ margin-bottom: .3em; min-width: auto }
			}
		@media  (max-width:767px) {
			.cal-title	{ font-size: 220%; letter-spacing: 0 }
			}
		@media (max-width: 480px) {
			.cal-title  { font-size: 150% !important }
			}


	.legende {
		float: left;
		color: #666;
		margin: 1.9em 0 0 2em;
		font-size: 85%;
		text-align: right;
		line-height: 1.5em
		}
		.legende div {
			float: left;
			margin-right: 1em;
			}
			.farbe1 { color: #a0c832 }
			.farbe2 { color: rgba(120, 171, 0, 0.35);  }
			.farbe3 { color: rgba(0, 150, 220, 0.5) }


	.cal-head .text-right {
		margin-top: .75em;
		margin-bottom: .5em;
		}
	.cal-head .text-right .btn.btn-sm {
		padding: .35em .8em !important;
		font-size:  10pt !important;
		line-height: 1.3em !important;
		border: 1px solid rgba(200, 213, 220, 0.3) !important;
		margin-top: 0 !important
		}
		.cal-prev,
		.cal-next {
			}
		.cal-prev i,
		.cal-next i {
			color: rgba(33, 49, 69, 0.8);
			}
		.cal-today,
		.cal-head .text-right .cal-today.btn.btn-sm {
			text-align: right;
			margin-left: .5em;
			padding: .45em .8em !important;
			margin-top: -1px !important
			}


.cal-week {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	background: #0096dc;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	}
	.cal-week-days{
		border: 1px solid rgba(255, 255, 255, 0.1);
		margin: 0;
		padding: 0;
		width: 14.3%;
		text-align: center
		}


.cal-row {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	border-bottom: 1px solid #ddd;
	}
	.cal-row:last-child {
		border-bottom: none
		}

	.cal-col {
		border-left: 1px solid #ddd;
		margin: 0;
		padding: 0 0 8px 0;
		width: 14.3%;
		text-align: right;
		min-height: 80px
		}
		.cal-col:nth-of-type(2),
		.cal-col:nth-of-type(3),
		.cal-col:nth-of-type(4),
		.cal-col:nth-of-type(5) {
		}
		.cal-col:nth-of-type(6),
		.cal-col:nth-of-type(7) {
			background: #f7f7f7;
		}
		.cal-col:nth-of-type(1) { border-left: none }


	.cal-col-day {
		text-align: right;
		position: relative;
		top: 3px;
		right: 3px;
		text-align: right;
		padding: .1em .2em .1em .1em;
		border-radius: 25px;
		width: 25px;
		height: 25px;
		font-size: 12pt;
		text-align: center;
		display: inline-block;
		letter-spacing: -.05em;
		margin-bottom: .3em;
		}
		.cal-col:hover .cal-col-day,
		.cal-col-day:hover {
			background: rgba(0, 0, 0, 0.3);
			color: #fff !important;
			transition: .2s
			}
		.deaktiv .cal-col-day {
			color: #bbb;
			font-weight: normal !important
			}
			.cal-col:hover.deaktiv .cal-col-day,
			.deaktiv .cal-col-day:hover {
			background: rgba(0, 0, 0, 0.1);
			}
		.today .cal-col-day {
			background: red;
			color: #fff;
			font-family: 'Open Sans', sans-serif;
			font-weight: 600
			}
			.cal-col:hover.today .cal-col-day,
			.today .cal-col-day:hover {
			background: #cc0000;
			}
		.weekend .cal-col-day {
			font-weight: bold
			}

	.cal-termin {
		font-size: 80%;
		line-height: 1.2em;
		float: left;
		letter-spacing: -.005em;
		color: #fff;
		border-radius: 2px;
		width: 90%;
		margin: 3px 5% 0 5%;
		padding: .3em;
		text-align: left;
		font-weight: 500;
		background: #a0c832;
		font-family: 'Open Sans', sans-serif;

		}
		.cal-termin span { /* --- Datum ---*/
		font-weight: normal;
		width: 100%;
		display: inline-block;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: -.02em
		}
		.cal-termin:hover span {
		color: #000
		}
		.cal-termin:hover {
			background:  #88aa22;
			color: #fff !important;
			transition: .2s
			}


	.cal-termin.termin-typ2 {
		background: rgba(120, 171, 0, 0.35);
		color: #77aa00
		}
		.cal-termin.termin-typ2:hover {
		background: #77aa00;
		}

	.cal-termin.termin-typ3 {
		background: rgba(0, 150, 220, 0.65)
		}
		.cal-termin.termin-typ3:hover {
		background: #0096dc !important;
		}

	.cal-termin.termin-typ2:hover span {
		color: rgba(255, 255, 255, 0.6)
		}



@media (max-width: 1200px) {
	.legende {
		margin-top: 1.5em;
		}
	.cal-head .text-right {
		margin-top: .4em;
		}
	.cal-termin span { /* --- Datum ---*/
		font-size: 85%;
		letter-spacing: -.03em
		}
}
@media (max-width: 992px) {
	.legende {
		float: left;
		margin-left: 0;
		margin-bottom: 1em;
		clear: both
		}
	.cal-head .text-right {
		float: right;
	}
	.cal-prev,
	.cal-next,
	.cal-today {
		float: left
		}
	.cal-next {
		margin-left: .5em
		}

	.cal-termin span { /* --- Datum ---*/
		font-size: 100%;
		letter-spacing: 0
		}
}


@media (max-width: 767px) {
	.cal {
		margin-top: .5em
		}
	.cal-head {
		margin-bottom: 0
		}
	.cal-head .text-right {
		margin-top: 0;
		clear: both;
		float: left
		}

	.cal-week {
		display: none;
		}

	.cal-col-day {
	float: left;
	margin-bottom: -25px;
	margin-top: 5px
		}

	.cal-row {
		display: inline;
		text-align: left
		}

	.cal-col {
		border-left: none;
		border-bottom: 1px solid #ccc;
		width: 100% ;
		min-height: auto;
		float: left;
		text-align: left;
		min-height: 40px;
		padding-bottom: 10px
		}

	.cal-termin {
		width: 90%;
		margin: 5px 0 0 10%;
		letter-spacing: 0 !important;
		line-height: 1.3em;
		font-size: 100%
		}
}
/* --------- end KALENDER -------- */






/* --------- PANEL für Downloads,...
================================================== */
.panel.openclose {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	clear: none !important
	}
[class*="-12"].panel.openclose { width: 100% }
[class*="-11"].panel.openclose { width: 91.66666667%; }
[class*="-10"].panel.openclose { width: 83.33333333%; }
[class*="-9"].panel.openclose { width: 75%; }
[class*="-8"].panel.openclose { width: 66.66666667%; }
[class*="-7"].panel.openclose { width: 58.33333333%; }
[class*="-6"].panel.openclose { width: 50%; }
[class*="-5"].panel.openclose { width: 41.66666667%; }
[class*="-4"].panel.openclose { width: 33.33333333%; }
[class*="-3"].panel.openclose { width: 25%; }
[class*="-2"].panel.openclose { width: 16.66666667%; }
[class*="-1"].panel.openclose { width: 8.33333333%; }

.downloads	 {
	line-height: 1.2em !important;
	}
.downloads h2	 {
	color: #0096dc !important;
	text-transform: uppercase;
	margin-bottom: .4em;
	}
.downloads h3	 {
	margin-left: 0 !important;
	margin-top: 1em;
	color: #0096dc !important;
	text-shadow: #535c69 .01em .01em .07em;
	}
.downloads .row	 {
	margin: 0
	}
.downloads .thumb {
	float: left;
	width: 40px;
	}
	.downloads .thumb img {
		margin-top: -7px;
		margin-left: -7px
	}
	@media (max-width: 992px) {
		.downloads .thumb img { width: 95% }
	}
.downloads .panel {
	float: left;
	width: calc(100% - 190px);
	}
.downloads .panel.openclose a {
	display: inline-block;
	font-size: 110% !important;
	margin-top: .3em;
	margin-bottom: .4em
	}
.downloads i.details {
	width: 50px;
	margin: 0;
	margin-top: 8px !important;
	font-size: 12pt;
	text-align: center;
	color: #c8d5dc
	}
.downloads i.details:hover {
	color: #0096dc
	}
.downloads .btn {
	float: right;
	width: 100px;
	margin: 0;
	margin-top: 5px !important;
	white-space: nowrap
	}
.downloads hr {
	margin: 0;
	padding: 0 0 .5em 0
	}

@media (max-width: 992px) {
	.downloads h3	 {
		margin-left: 1.25em
	}
	.downloads .thumb {
		width: 30px;
		}
	.downloads .thumb img {
		width: 95%;
		margin-top: -2px;
		margin-left: -2px
		}
	.downloads .panel {
		width: calc(100% - 60px);
		}
	.downloads .panel.openclose a {
		font-size: 100% !important;
		margin-top: .2em;
		margin-bottom: 0
		}
	.downloads i.details {
		text-align: right;
		width: 30px;
		margin-top: 4px !important;
		}
	.downloads .btn { display: none }

	.downloads hr {
		padding: 0 0 .3em 0
		}
}


/* --------- end PANEL für Downloads,... -------- */









/* --------- PANEL Accordion
================================================== */
.panel.accordion {
	border: none;
	margin: 0
	}	
.panel.accordion .panel-row {
	border-bottom: 1px solid #ddd;
	}	
	.panel.accordion .panel-row:last-child {
	border-bottom: none
	}	
	

.panel.accordion h3 {
	margin: 0;
	font-size: 110%;
	color: #444;
	color: #0096dc;
	cursor: pointer;
	padding: .8em .3em
	}
.panel.accordion h3:hover{
	color: #0096dc;
	transition: 0s;
	background: rgba(0, 150, 220, 0.05);
	}
.panel.accordion h3[aria-expanded="true"] {
	color: #0096dc;
	font-weight: 700;
	}
	.panel.accordion h3[aria-expanded="true"]:hover {
	color: #223246;
	color: #0096dc;
	background-color: rgba(239, 244, 245, 0.7);
	}		
.panel.accordion h3:before {
	content: '\f078';
	font-family: 'FontAwesome';
	position: relative;
	font-size: 110%;
	color: #ccc;
	top: 0;
	margin-right: 7px;
	float: right;
	margin-left: .5em
	}
.panel.accordion h3:hover:before {
	color: #f15c5a;
	color: #0096dc
	}
.panel.accordion.accordion-active h3:before {
	content: '\f077';
	color: #ccc;
	}	
.panel.accordion.accordion-active h3:hover:before {
	color: #0096dc;
	}	
.panel.accordion.accordion-active h3:before {
	content: '\f078';
	}		
.panel.accordion h3[aria-expanded="true"]:before {
	color: #a6daf3;
	content: '\f077';
	}
	.panel.accordion h3[aria-expanded="true"]:hover:before {
	color: #0096dc;
	}
	
	

	
.panel.accordion .panel-collapse,
.panel.accordion .panel-collapse.collapse {
	background-color: rgba(239, 244, 245, 0.7);
	padding: 10px 15px;
	margin-top: 0;
	max-height: 100% !important;
	}

.panel.accordion .panel-collapse ul {
	margin: 0
	}	
.panel.accordion .panel-collapse li {
	padding-left: 15px !important;
	border-bottom: 1px dotted #ccc;
	line-height: 1.3em;
	padding: .6em 0;
	}
	.panel.accordion .panel-collapse li:before {
	content: '\f105';
	color: #0096dc;
	
	font-family: 'FontAwesome';
	display: inline-block !important;
	font-size: 80%;
	width: 15px;
	margin-left: -15px
	}
.panel.accordion .panel-collapse li:last-child {
	border: none
	}
.panel.accordion .panel-collapse li a {
	color: #444 !important
	}	
.panel.accordion .panel-collapse li a:hover {
	color: #0096dc !important;
	transition: 0s
	}	
	
@media (max-width: 768px) { 
	.panel.accordion .panel-row {
	margin-bottom: .6em;
	padding-bottom: .6em;
	}	
	.panel.accordion h3 {
	font-size: 105%;
	}
}		
/* --------- end PANEL Accordion -------- */









/* --------- PERSONAL
================================================== */
.personal {
	float: left;
	width: 100%;
	border-top: 1px dotted #ccc;
	padding-top: 2em;
	margin-top: 2em
	}
@media (min-width: 601px) { 
	.personal:nth-child(2),
	.personal:nth-child(3) { 
		border-top: none !important;
		margin-top: 1em;
		padding-top: 0
	}
	.personal {
		width: 47.5% !important;
		margin-right: 0;
		}
	.personal:nth-child(2n+2) {  /* bei 2 Spalten */
		clear: both;
		margin-right: 5%
	}
}
@media (max-width: 600px) { 
	.personal:nth-child(2) { 
		border-top: none !important;
		margin-top: 0
	}
	.personal:nth-child(3) { 
		border-top: 1px dotted #ccc;
		padding-top: 2em;
		margin-top: 2em
	}
}



	.personal_wrap [class*="col-"] .personal {
		border-top: 1px dotted #ccc;
		}
	@media (min-width: 767px) 	{
	.personal_wrap [class*="col-"]:nth-child(1) .personal,
	.personal_wrap [class*="col-"]:nth-child(2) .personal {
		border-top: none !important;
		}
	}
	@media (max-width: 768px) 	{
	.personal_wrap [class*="col-"]:nth-child(1) .personal {
		border-top: none !important;
		}
	}

.personal img {
	float: right;
	margin: .3em 0 0 1em !important;
	}
.personal a:hover img {
	opacity: .8
	}
.personal h4 {
	margin: 0;
	font-weight: 400;
	line-height: 1.15em !important;
	font-size: 110%;
	letter-spacing: 0;
	}
.personal h3 {
	line-height: 1.2em !important;
	margin: .15em 0 .7em 0;
	font-size: 130%;
	letter-spacing: 0;
	}
.personal .icon {
	margin: .25em 0 ;
	padding-left: 28px
	}
	.personal .icon i {
		width: 23px;
		height: 23px;
		font-size: 14px !important;
		text-align: center;
		padding: .25em .15em 0 0 !important;
		margin-top: -1px;
		margin-left: -28px;
		}
	.personal .icon i.fa-phone {
		font-size: 16px !important;
		padding: .2em 0 0 .05em !important
		}
	.personal .icon i.fa-info {
		font-size: 16px !important;
		padding-left: .15em !important;
		padding-top: .15em !important
		}

@media (max-width: 1200px) {
	.personal h4 {
	font-size: 100%;
	line-height: 1.2em !important;
	}
	.personal h3 {
	font-size: 120%
	}
	.personal img {
	max-width: 100px
	}
}
@media (max-width: 992px) {
	.personal h4 {
	font-size: 105%;
	}
}
@media (max-width: 767px) {
	.personal h4 {
	font-size: 100%
	}
	.personal h3 {
	font-size: 110%
	}
}
/* --------- end PERSONAL -------- */






/* --------- PERSONAL lang
================================================== */
.personal_lang {
	}
	
.personal_lang .bild {
	float: right;
	margin-left: 1em
	}
.personal_lang b {
	color: #0096dc;
	font-weight: 600 !important
	}	
.personal_lang ul {
	margin-top: 0
	}		
.personal_lang h4 {
	margin: 0;
	font-weight: 400;
	line-height: 1.15em !important;
	font-size: 130%;
	letter-spacing: 0;
	}
.personal_lang h3 {
	line-height: 1.2em !important;
	margin: .15em 0 .7em 0;
	font-size: 160%;
	letter-spacing: 0;
	}

.personal_lang h5 {
	font-size: 115%;
	margin-top: 2em;
	color: #223246;
	font-weight: 600;
	text-transform: uppercase;
	border-top: 1px dotted #ccc;
	padding-top: 2em
	}
@media (max-width: 767px) {
	.personal_lang h5 {
	font-size: 105%;
	}
}


.personal_lang table {
		margin-top: 1em;
		border: none !important;
		line-height: 1.6em;
		font-size: 100%
		}
.personal_lang tbody {
		}	
.personal_lang table tr {
		}
.personal_lang table td {
		border: 3px solid #fff;
		padding: .5em .5em .5em .5em;
		border-radius: .6em !important;
		border: 1px dotted #bbb !important;
		border-left: none !important;
		border-right: none !important;
		line-height: 1.1em !important
		}
.personal_lang table tr:nth-child(odd) td {
		background-color: #fff;
		}
.personal_lang table  td:first-child {
		font-family: 'Open Sans';
		font-weight: 600 !important;
		color: #0096dc !important
		}
/* 1. Spalte */
.personal_lang table td:first-child {
		border-right-width: 15px !important;

		font-weight: bold;
		color: #223246 !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
		
		font-weight: 600 !important;
		color: #0096dc !important
		}
.personal_lang table td:empty,
.personal_lang table td:first-child:empty,
.personal_lang table td:empty:first-child {
		background: none
		}

.personal_lang table td:last-child {
	padding-bottom: 1em
	}
/* --------- end PERSONAL lang -------- */





/* --------- SPRECHZEITEN / PERSONAL 2
================================================== */
.personal-2 {
	float: left;
	width: 100%;
	padding: 2.5em 0 !important;
	margin: 0 !important;
	border-bottom: 1px dotted #ccc
	}
.personal-2 .bild {
	float: right;
	margin-left: 1em
	}
.personal-2 h4 {
	margin: 0;
	font-weight: 400;
	line-height: 1.15em !important;
	font-size: 130%;
	letter-spacing: 0;
	}
.personal-2 h3 {
	line-height: 1.2em !important;
	margin: .15em 0 .7em 0;
	font-size: 160%;
	letter-spacing: 0;
	}
.personal-2 .zeit {
	font-weight: bold;
	color: #223246	;
	background: #edf3f4;
	font-weight: normal;
	float: left;
	width: 70%;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin-bottom: 1.5em
	}
	.personal-2 .zeit i {
	background: #0096dc
	}
	.personal-2 .zeit h5 {
	margin: .5em 0 0 0 !important;
	font-weight: 600 !important;
	padding: 0 !important;
	letter-spacing: 0em !important;
	color: #333 !important;
	font-size: 95% !important;
	display: inline-block !important;
	
	}
	.personal-2 .zeit u {
	color: #0096dc;
	font-weight: 600;
	font-family: 'Open Sans';
	font-size: 95%
	}
.personal-2 table {
	float: left;
	width: auto;
	margin: 0 0 1em 0 !important;
	display: inline-block
	}
.personal-2 .icon {
	clear: left;
	padding-left: 40px !important
	}

@media (max-width: 767px) {
	.personal-2 h4 {
	font-size: 110% !important;
	line-height: 1.2em !important;
	}
	.personal-2 h3 {
	font-size: 140% !important
	}
}
@media (max-width: 480px) {
	.personal-2 h4 {
	font-size: 100% !important
	}
	.personal-2 h3 {
	font-size: 110% !important
	}
}


.sprechzeiten {
	float: left;
	width: 100%;
	background: #edf3f4;
	padding: 1.2em 1.2em 1.2em 50px;
	margin: 0 0 1em 0 !important;
	border-radius: 5px;
	}
.sprechzeiten b {
	line-height: 1.1em
	}
.sprechzeiten .bild {
	float: right;
	margin: 0 0 .5em 1em !important;
	width: 100px
	}	
.sprechzeiten i {
	background: #0096dc;
	width: 25px;
	height: 25px;
	border-radius: 50px;
	color: #fff;
	padding-top: .25em;
	text-align: center;
	margin-left: -35px;
	margin-right: 5px
	}
	
@media (max-width: 480px) {
	.sprechzeiten {
		padding: 1em 1em 1em 50px;
		}
	.sprechzeiten .bild {
		width: 80px
		}
}	
/* --------- end SPRECHZEITEN / PERSONAL 2 -------- */











/* --------- VERZEICHNIS
================================================== */
.abc_verzeichnis {
	}
.abc_verzeichnis a {
	background: #a6daf3;
	color: #fff
    }
.abc_verzeichnis a:hover {
	color: #fff;
	background: rgba(0, 150, 220, 0.8);
	}
.abc_verzeichnis a.active {
	background: #0096dc;
	color: #fff;
	}


.abc_verzeichnis[=$0] {
	color: red !important
}
/* --------- end VERZEICHNIS -------- */










/* --------- INFOBOX
================================================================================== */
.infobox {
	float: left;
	width: 100%;
	margin: 0 0 2.5em 0 !important;
	background: #0096dc;
	background: #a0c832;
	background: #4db7e8;
	
	background: rgba(77, 183, 232, 0.07);
	padding: 2em 1em;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
	border: 1px solid #fff
	}
.infobox h2 {
	margin: 0 0 .7em 0;
	text-transform: none;
	color: #0096dc;
	}
.infobox p,
.infobox [class*="col-"]:first-child b {
	font-size: 105%;
	letter-spacing: .01em;
	color: #000;
	font-family: 'Open Sans';
	font-weight: bold;
	margin-bottom: 1em
	}	
	
.infobox .hotline {
	font-size: 130%;
	color: #0096dc;
	margin-top: .2em;
	margin-bottom: .2em;
	font-weight: bold
	}
.infobox .hotline:before {
	content: '\f095';
	font-family: 'FontAwesome';
	position: relative;
	font-size: 110%;
	color: #0096dc;
	top: 0;
	margin-right: 7px
	}
	
	
.infobox .nachricht {
	font-size: 110%;
	font-weight: bold;
	margin-right: 2px
	}
.infobox .nachricht:before {
	font-family: 'FontAwesome';
	position: relative;
	
	content: '\f1d8';
	font-size: 95%;
	color: #0096dc;
	margin: 4px 3px 0 3px;
	font-weight: 400;
	
	content: '\f044';
	font-size: 105%;
	margin: 0 3px 0 4px;
	top: 1px;
	}
	.infobox .nachricht:hover:before {
	color: #000
	}
	
			
 .infobox ol,
 .infobox ol ul {
   list-style: none !important;
   counter-reset: item;
   margin-bottom: 0;
   margin-left: 0;
   padding-left: 0
 	}
.infobox ol li,
.infobox ol ul li {
   counter-increment: item;
   margin-bottom: 5px;
   list-style: none;
   padding-left: 35px !important;
   margin-left: 0 !important
 	}
.infobox ul li:before,
.infobox ol ul li:before {
   content: counter(item);
   text-align: center;
   display: inline-block;
   width:25px;
   height:25px;
   display:inline-flex;
   align-items:center;
   justify-content: center;
   border-radius:50%;
   color:#fff;
   margin-left: -35px;
   margin-right: 5px;
	background-color:rgba(0, 150, 220, 0.5);
	font-family: 'Open Sans';
	font-weight: 700 !important;
	font-size: 105%
 	}
.infobox ul li:hover:before,
.infobox ol ul li:hover:before {
	color: #fff !important
	}
.infobox ol li b,
.infobox ol ul li b {
	color: #000;
	margin-bottom: 0;
	font-size: 105%;
	margin-left: 5px
	} 
			
/* --------- end INFOBOX ----------------------------------------------------
================================================================================== */








/* --------- DRUCKVERSION
================================================================================== */
@media print {

}
/* --------- end DRUCKVERSION ----------------------------------------------------
================================================================================== */