/* ---- Version: 02.06.2026 --- */


/*		
html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
	height: 100%;
}
*/
.debug-box {
	z-index: 10000 !important
}


/* --------- POPUP-Box
================================================== */
.modal-backdrop {
	background: rgba(0, 0, 0, 0);
	}
	
#popup-box {
	background: rgba(0, 0, 0, .4);
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
	padding: 25px;
	box-sizing: border-box;
	}
#popup-box-content {
	width: 630px;
	max-width: 100%;
	max-height: 100%;
	background: #fff;
	overflow-x: hidden;
	border-radius: 5px;
	top: auto !important;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	padding: 2.5em 2em;
	border: 3px solid rgba(255, 255, 255, 1);
	box-shadow: 0 .2em .6em rgba(0, 0, 0, 0.5);
	background-image: none;
	background-color: #efeeec;
	text-align: center;
	opacity: 1;
	color: #444 !important;
	line-height: 1.4em;
	}	
	@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-31px) }
	60% {-webkit-transform: translateY(-21px);}
	} 
	@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-31px);}
	60% {transform: translateY(-21px);}
	}
#popup-box h2 {
	text-transform: uppercase;
	color: #5bc0de;
	color: #2aabd2;
	color: #ff0000;
	display: block;
	margin: 0 0 1.3em 0;
	letter-spacing: .05em;
	text-align: center;
	font-weight: 600;
	line-height: 1.1em !important
	}
#popup-box h2 i {
	font-size: 130%;
	margin-bottom: .3em
	}	
#popup-box h3 {
	line-height: 1.4em !important;
	text-align: left;
	font-weight: 700;
	color: #000;
	margin: .5em 0 0 0;
	font-size: 110%
	}
#popup-box p {
	text-align: left
	}	
#popup-box ul  {
	text-align: left;
	margin: 1em 50px 1.5em 0
	}	
#popup-box ul li  {
	list-style: none;
	padding: .6em 0 .6em 15px;
	margin: 0;
	border-bottom: 1px solid rgba(255, 0, 0, 0.3)
	}
#popup-box ul li:last-child  {
	border-bottom: none
	}	
#popup-box ul li:before {
	content: '\F054';
	font-family: 'FontAwesome';
	color: red;
	display: inline-block;
	margin-left: -15px;
	width: 15px;
	font-size: 80%;
	}
#popup-box b { 
	color: #000;
	}	
#popup-box .btn {
	font-size: 110%;
	margin: 1.5em 0;
	font-weight: 500 !important;
	}	
#popup-box .achtung {
	color: red !important;
	text-align: center;
	line-height: 1.2em;
	letter-spacing: 0;
	font-size: 95%
	}  		
@media (max-width:580px) {
	  #popup-box {
	padding:25px;	
	}
	#popup-box-content {
	padding: 1.5em 1.5em;
	line-height: 1.3em
	}	

}
@media (max-width: 480px) {
	#popup-box {
	font-size: 95%
	}
}
/* --------- end POPUP-Box -------- */











/* --------- STARTBUTTON
================================================== */ 
.startbutton .btn 		{ 
	font-size: 80% !important; 
	line-height: 1.3em !important;
	text-transform: uppercase;
	text-align: left;
	padding: 1em 0 1.1em 35px;
	margin: 0 0 .6em 0;
	}
.startbutton i { 
	margin-left: -35px;
	width: 35px;
	text-align: center;
	font-size: 12pt;
	margin-right: 0;
	}



.startbutton .btn-doppelt { 
	padding-top: .6em !important;
	padding-bottom: .5em !important;
	}
.startbutton .btn-doppelt a { 
	color: #fff;
	}
.startbutton .btn-doppelt a:hover { 
	color: #fff; text-decoration: underline
	}		
.startbutton .btn-doppelt i { 
	vertical-align: top
	}	
.startbutton .btn-doppelt .btn-sub { 
	margin-top: -3em !important;
	font-size: 85% !important;
	display: inline-block;
	text-transform: none;
	margin-left: 40px;
	}	
.startbutton .btn-doppelt .btn-sub i { 
	font-size: 9pt;
	width: auto;
	vertical-align: top;
	margin-right: .3em;
	}	
	
	
	
@media (max-width: 1200px) {
	.startbutton .btn 		{ 
		padding-left: 40px;
		font-size: 85% !important; 
		}
	.startbutton i { 
		margin-left: -40px;
		width: 40px;
		font-size: 13pt;
		}
	.startbutton .btn-doppelt .btn-sub { 
		margin-left: 40px;
		}	
}
@media (max-width: 992px) {
	.startbutton .btn 		{ 
		padding-left: 32px;
		font-size: 80% !important; 
		letter-spacing: -0.01em
		}
	.startbutton i { 
		margin-left: -32px;
		width: 32px;
		font-size: 11pt;
		}
	.startbutton .btn-doppelt .btn-sub { 
		margin-left: 32px;
		}
}
@media (max-width: 767px) {	
	.startbutton .btn 		{ 
		padding-left: 40px;
		font-size: 90% !important; 
		letter-spacing: 0
		}
	.startbutton i { 
		margin-left: -40px;
		width: 40px;
		font-size: 11pt;
		}
	.startbutton .btn-doppelt .btn-sub { 
		margin-left: 40px;
		}
	.startbutton .btn-doppelt { 
		padding-top: .3em !important;
		padding-bottom: .4em !important;
		}	
}
@media (max-width: 580px) {
	.startbutton .btn 		{ 
		padding-left: 32px;
		font-size: 80% !important; 
		letter-spacing: -0.01em
		}
	.startbutton i { 
		margin-left: -32px;
		width: 32px;
		font-size: 11pt;
		}
	.startbutton .btn-doppelt .btn-sub { 
		margin-left: 32px;
		}
}
/* --------- end STARTBUTTON -------- */






.form-inline.label-oben button[type=submit].absenden,
.form-inline.label-oben button.absenden,
.form-inline.label-oben input[type=submit].absenden,
.form-inline.label-oben input.absenden,
.form-inline.label-oben .absenden  {
	margin-top: 19px !important;
	}






/* --------- 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: #535c69 !important;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: .4em
}
.downloads h3	 {
	margin-left: 1.05em;
	margin-top: 1em;
	color: #535c69 !important;
	font-weight: 300;
	letter-spacing: -0.02em !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 i.details {
	width: 50px;
	margin: 0;
	margin-top: 8px !important;
	font-size: 12pt;
	text-align: center;
	color: #2266aa
	}
.downloads i.details:hover { 
	color: #4db6e7 
	}
.downloads .btn {
	float: right;
	width: 100px;
	margin: 0;
	margin-top: 5px !important;
	white-space: nowrap
}
@media (max-width: 992px) {
	.downloads h3	 {
		margin-left: 1.25em
	}
	.downloads .thumb {
		width: 30px;
		}
	.downloads .thumb img {
		margin-top: -2px;
		margin-left: -2px
		}	
	.downloads .panel {
		width: calc(100% - 60px);
		}
	.downloads i.details {
		text-align: right;
		width: 30px;
		}
	.downloads .btn { display: none }
}

.downloads hr {
	margin: 0;
	padding: 0 0 .5em 0
}
/* --------- end PANEL für Downloads,... -------- */







/* --------- Zusatz-Link im Menu
================================================== */ 
nav .link {
	position: fixed;
	float: right;
	text-align: right;
	margin-top: 14px;
	margin-right: 200px;
	right: 0;
	top: 0;
	font-size: 75%;
}
nav .link span {
	display: none;
	color: rgba(255, 255, 255, 0.6);
}
nav .link i {
	color: rgba(255, 255, 255, 0.5);
}

nav .link:hover,
nav .link:hover span,
nav .link:hover i,
nav .link span:hover,
nav .link i:hover {
	color: #4db6e7 !important
}


@media (min-width: 410px) {
	nav .link {
		margin-right: 250px;
	}
}
@media (min-width: 450px) {
	nav .link {
		margin-right: 250px;
	}
	nav .link span {
		display: inline;
	}
}
@media (min-width: 768px) {
	nav .link {
		position: relative;
		margin-top: -46px;
		margin-right: 165px;
		font-size: 80%;
	}
	nav .link span {
		color: rgba(108, 118, 135, 0.7);
	}
	nav .link i {
		color: rgba(108, 118, 135, 0.5);
	}
	#sticky.affix {
		height: 70px
	}
	#sticky.affix nav .link {
		margin-top: -44px;
		margin-right: 113px;
		letter-spacing: -0.03em
	}
}
@media (min-width: 992px) {
	nav .link {
		margin-right: 220px;
	}
	#sticky.affix nav .link {
		margin-top: -46px;
		margin-right: 185px;
		letter-spacing: 0
	}
}
@media (min-width: 1200px) {
	nav .link {
		margin-right: 220px;
	}
	
	#sticky.affix {
		height: 75px
	}
	#sticky.affix nav .link {
		margin-top: -47px;
	}
}	
/* --------- end Zusatz-Link im Menu -------- */




/* --------- SUCHE
================================================== */ 	
.search {
	margin: -3.4em 0 0 1.5em !important;
	width: 200px;
	}			
.search .form-control {
	  width: 100%;
	  border-radius: 5px;
	  height: 24px;
	  font-size: 100%;
	  padding-right: 29px;
	  padding-left: 10px !important;
	  border-color: #ddd;
	}
	
.search .lupe {
	margin-top: 1px;
	margin-right: 1px;
	width: 29px;
	border: none;
	background: url(../images/lupe/lupe_xs_ccc.png) center center no-repeat;
	}
	.search .lupe:hover {
		background: url(../images/lupe/lupe_xs_333.png) center center no-repeat;
		border: none;
		}	
		
.search input::-webkit-input-placeholder {
	color: #bbb !important;
	font-size: 90%;
	padding-top: .1em
	}
	.search input:-moz-placeholder 	{ color: #bbb !important }
	.search input::-moz-placeholder { color: #bbb !important }
	.search input:-ms-input-placeholder 	{ color: #bbb !important }	
	.search .form-control:focus::-webkit-input-placeholder	{ color: #fff !important }
	.search .form-control:focus:-moz-placeholder 	{ color: #fff !important }
	.search .form-control:focus::-moz-placeholder 	{ color: #fff !important }
	.search .form-control:focus:-ms-input-placeholder{ color: #fff !important }		


	.headtop .search {
		margin-top: 2.2em !important
		}
	.headtop .search .form-control {
		background: #878e9a;
		border:none
		  }	
	  .headtop .search .form-control:focus {
		background: #bbc0cc;
		border:none
		  }	
	  .headtop .search .lupe {
		background: url(../images/lupe/lupe_xs_fff.png) center center no-repeat;
		}
	.headtop .search .lupe:hover {
		background: url(../images/lupe/lupe_xs_333.png) center center no-repeat;
		}	
	.headtop .search input::-webkit-input-placeholder {
		color: #bbc0cc !important;
		}
	.headtop .search input:-moz-placeholder 	{ color: #bbc0cc !important }
	.headtop .search input::-moz-placeholder { color: #bbc0cc !important }
	.headtop .search input:-ms-input-placeholder 	{ color: #bbc0cc !important }	
	.headtop .search .form-control:focus::-webkit-input-placeholder	{ color: #bbc0cc !important }
	.headtop .search .form-control:focus:-moz-placeholder 	{ color: #bbc0cc !important }
	.headtop .search .form-control:focus::-moz-placeholder 	{ color: #bbc0cc !important }
	.headtop .search .form-control:focus:-ms-input-placeholder{ color: #bbc0cc !important }		
	


@media (min-width: 768px) {
	.search {
		width: 150px !important
	}	
	#sticky.affix .search {
		width: 105px !important;
		margin-top: -3.2em !important
	}					
}

@media (min-width:992px) {
	.search {
		width: 200px !important
	}
	
	#sticky.affix .search {
		width: 170px !important;
		margin-top: -3.4em !important
	}
}
@media (min-width:1200px) {
	.search {
		margin-top: -3.5em !important
	}
	#sticky.affix .search {
		margin-top: -3.5em !important
	}
}
@media (max-width: 767px) {
	.search {
		position: absolute !important;
		margin: 0 !important;
		top: 13px;
		width: 170px;
		right: 70px;
		}
		
		
		
	.search {
		}
	.search .form-control {
		background: #878e9a;
		background: rgba(188, 193, 204, 0.6);
		border:none
		  }	
	  .search .form-control:focus {
		background: #bbc0cc;
		border:none
		  }	
	  .search .lupe {
		background: url(../images/lupe/lupe_xs_fff.png) center center no-repeat;
		}
	 .search .lupe:hover {
		background: url(../images/lupe/lupe_xs_333.png) center center no-repeat;
		}	
	.search input::-webkit-input-placeholder {
		color: #bbc0cc !important;
		}
	.search input:-moz-placeholder 	{ color: #bbc0cc !important }
	.search input::-moz-placeholder { color: #bbc0cc !important }
	.search input:-ms-input-placeholder 	{ color: #bbc0cc !important }	
	.search .form-control:focus::-webkit-input-placeholder	{ color: #bbc0cc !important }
	.search .form-control:focus:-moz-placeholder 	{ color: #bbc0cc !important }
	.search .form-control:focus::-moz-placeholder 	{ color: #bbc0cc !important }
	.search .form-control:focus:-ms-input-placeholder{ color: #bbc0cc !important }		
	
}
@media (max-width: 400px) {
	.search {
		width: 125px;
		}
}

	

					
/* --------- end SUCHE -------- */









/* ---------HEADTOP 
================================================== */
.headtop {
	float: left;
	width: 100%;
	z-index: 1;
	background: #eee;
	line-height: 1em;
	padding-top: 1em;
	padding-bottom: .8em;
	border-bottom: 1px solid #ddd;
	background: #535c69 url(../images/bg_intranet_20.png) center center repeat-x;
	}	
@media (min-width: 768px) {
	#sticky.affix .headtop {
		height: 0;
		padding: 0;
		border: none;
		margin-top: 0;
		}			
	}
@media (max-width: 767px) {
	.headtop {
		height: 0;
		padding: 0;
		border: none;
		margin-top: 0;
		}
	}				


.logo {
	display: inline-block;
	background: url(../images/logo/logo_l_fff.png) top center no-repeat;
	width: 188px;
	height: 84px;
	transition: .2s
	}
	.logo:hover {
		opacity: .7
		}
@media (max-width: 992px) {		
		.logo {
		background: url(../images/logo/logo_m_fff.png) top center no-repeat;
		width: 112px;
		height: 50px;
		}
	}					
@media (min-width: 768px) {
	#sticky.affix .logo {
		position: absolute;
		background: url(../images/logo/logo_m_333.png) top left no-repeat;
		z-index: 100000;
		width: 112px;
		height: 50px;
		margin-top: .5em
		}	
	#sticky.affix .logo:hover {
		}			
}
@media (max-width: 767px) {
	.logo {
		position: absolute;
		background: url(../images/logo/logo_s_fff.png) top center no-repeat;
		width: 85px;
		height: 38px;
		z-index: 100000;
		margin: 7px 0 0 0;
		padding: 0;
		}	
	.logo:hover {
		}
}
/* --------- end HEADTOP -------- */








.sub-home i {
	vertical-align: top;
	margin-top: .2em;
	margin-right: 0
	}





	

/* --------- NAVBAR
================================================== */
nav { 
	z-index: 100;
	}


		
		
@media (min-width: 768px) 	{
	#sticky {
		height: 150px
		}
	.navbar {
		background: #fff;
		padding: 0;
		border: none;
		/*box-shadow: 0 .3em .5em 0 rgba(0, 0, 0, 0.15);*/
		/*border-bottom: 1px solid #ddd;*/
		border-radius: 0;
		border-bottom: 1px solid #ddd;
		}
	.navbar-fixed-top {
		  /*position: relative;*/
		  }
	
	.collapse {
		padding: 0;
		}
	.nav {
		text-align: left;
		width: 100%;
		padding: 1.3em 0 1em 0 !important;
		margin: 0 !important;
		}
	.nav > li {
		float: none;
		display: inline-block;
		clear: none;
		margin: 0 !important;
		padding: 0 !important;
		}
	.nav > li a {
		text-transform: uppercase;
		  font-size: 95%;
		  color: #6d7788;
		display: inline;
		font-weight: normal;
		letter-spacing: 0;
		margin: 0 .2em !important;
		padding: .45em .4em !important;
		float: left !important;
		line-height: 1.4em
		}
	
	.nav > li a:hover,
	.nav > li a:focus,
	.nav > li a#active {
		color: #535c69;
		background: none;
		}
	.nav > li a#active {
		color: #2266aa;
		font-weight: bold;
		/*background: rgba(83, 92, 104, 0.1)*/
		}	
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
		color: #6d7788;
		background: #f4f4f4;
		padding: .5em .8em .35em .8em;
		font-weight: bold
		}	
	.underline .nav .open > a:hover:after {
		display: none
		}
	
	
	
	.nav > li.home a,
	.nav > li.home a:hover,
	.nav > li.home a:focus,
	.nav > li.home a#active,
	.nav .open > .home a,
	.nav .open > .home a:hover,
	.nav .open > .home a:focus {
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		background: none !important
		}
	.nav > li.home a:hover,
	.nav > li.home a#active:hover {
		color: #2266aa !important;
		transition: 0
		}
	.nav > li.home a#active {
		color: #535c69 !important;
		}		
	.underline .home a:hover:after {
		display: none
		}
	
		
	
	#sticky.affix {
		width: 100%;
		z-index: 10000 !important;
		top: 0;
		}
	#sticky.affix .navbar {
		border: none;
		box-shadow: 0 .2em .7em rgba(0, 0, 0, 0.3);
		z-index: 10000000;
		} 
	#sticky.affix .navbar-fixed-top {
		  }     
	#sticky.affix .nav {
		padding-left: 140px !important
		}    	
	#sticky.affix .nav > li a {
		font-size:85% !important;
		padding-left: .25em !important;
		padding-right: .25em !important;
		margin: 0 !important;
	   }
				
}
@media (min-width: 992px) {
	#sticky {
		height: 190px;
		}
	.nav > li a {
		font-size: 105%;
		padding-left: .8em !important;
		padding-right: .8em !important;
		}
	#sticky.affix .nav {
		padding-left: 155px !important
		}
	#sticky.affix .nav > li a {
		font-size: 100% !important;
		padding-left: .5em !important;
		padding-right: .5em !important;
		}				
}
@media (min-width: 1200px) {
	#sticky {
		height: 193px;
		}
	.nav > li a {
		font-size: 115% !important;
		letter-spacing: .02em
		}	
	#sticky.affix .nav > li a {
		font-size: 115% !important;
		letter-spacing: .02em;
		padding-left: .9em !important;
		padding-right: .9em !important;
		}
}



@media (max-width: 992px) {
	#sticky.affix {
		position: fixed !important;
		top: 0 !important;
		margin-top: 0 !important
		}	
}	


@media (max-width: 767px) {
	.nav > li.home {
		display: none
		}
		
	#sticky.affix,
	nav {
		position: fixed !important;
		z-index: 10000;
		margin-top: 0 !important;
		top: 0 !important
		}	
	
	.nav { 
		border: none;
		overflow: hidden;
		margin: 1.5em 0;
		}
	.navbar {
		border: none;
		padding: 0;
		background: #fff;
		box-shadow: 0 .3em .5em 0 rgba(0, 0, 0, 0.15);
		margin-bottom: 0;
		}	
	.navbar-header {
		   margin: 0;
		   text-align: center;
		   height: 50px;
		   border-bottom: 1px solid #ddd;
		   border: none;
		   
		   background: #535c69 url(../images/bg_intranet_20.png) center center repeat-x;
		  background-size: 25%
		  }  
		  
	
		
	.navbar-toggle {
		background: none;
		border-color: none;
		margin-top: 8px
		}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background: none;
		border-color: none;
		color: #fff;
		background: none;
		border-radius: 0;
		}
	.navbar-toggle .icon-bar{
		background-color: #bbc0cc;
		}
	.navbar-toggle:hover .icon-bar {
		background-color: #fff;
		}	
		
	.nav > li a {
		text-transform: uppercase;
		letter-spacing: .1em;
		border-top: 1px solid #ddd;
		font-size: 100%;
		padding: .8em .8em .6em .8em;
		margin: 0;
		text-shadow: none;
		color: #666;
		}
	
	.nav > li a:hover,
	.nav > li a:focus,
	.nav > li a#active {
		background: #f6f6f6;
		text-transform: uppercase;
		letter-spacing: .1em;
		border-top: 1px solid #ddd;
		font-size: 100%;
		padding: .8em .8em .6em .8em;
		margin: 0;
		text-shadow: none;
		color: #666
		}
	.nav li:last-child{
		border-bottom: 1px solid #ddd;
		}	
	.nav > li a#active {
		background: none;
		color: #2266aa;
		font-weight: bold;
		}
	.nav > li a#active:hover {
		background: #f6f6f6;
		}	
		
			
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
		padding-bottom: 0;
		color: #535c69;
		padding-top: .8em;
		padding-bottom: .7em;
		border-top: 1px dotted #bbb;
		  border-bottom: none;
		  margin-bottom: 0 !important;
		  font-weight: bold;
		  background: rgba(35, 103, 171, 0.15);
		  background: none;
		  /*background: rgba(0, 0, 0, 0.04) !important;*/
		}
	.nav .open .dropdown-menu {
		/*background: rgba(0, 0, 0, 0.04) !important;*/
		}
	.nav .open .dropdown-menu .dropdown-submenu .dropdown-menu {
		}	
	.nav .open > a:hover {
		background: rgba(35, 103, 171, 0.15);
		}	
		
	
	i.fa.fa-angle-down {
		float: right;
	}	
}




.nav > li.pull-right {
	right: 200px;
}
@media (max-width: 1200px) {
	.nav > li.pull-right {
	top: 3px !important
	}
}
@media (max-width: 992px) {
	.nav > li.pull-right {
	right: 150px;
	top: 0 !important
	}
}
@media (max-width: 767px) {
	.nav > li.pull-right {
	right: 0;
	font-size: 100% !important;
	border: none !important
	}
	.nav > li.pull-right a {
	border: none !important
	}
	.nav > li.pull-right:hover,
	.nav > li.pull-right a:hover {
	border: none !important
	}
}

@media (min-width: 768px) {
	#sticky.affix .nav > li.pull-right {
		right: 115px;
		top: -1px !important
	}					
}
@media (min-width:992px) {
	#sticky.affix .nav > li.pull-right {
		right: 175px;
		top: 0 !important
	}
}






.logout {
	position: relative;
	float: right !important;
	font-size: 90% !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: rgba(83, 92, 104, 0.6) !important;
	/*
		background: rgba(83, 92, 104, 0.1) !important;
	border-radius: 3px;
	padding: .1em .4em !important;
	line-height: 1.1em !important
	*/
}
.logout:hover {
	color: #000 !important;
	background: none !important;
	/*background: rgba(83, 92, 104, 0.3) !important;*/
	border: none !important;
	transition: none
	}
.logout:after {
	display: none
	}	
	






/* --------- end NAVBAR -------- */	






/* --------- DROPDOWN
================================================== */
.dropdown-menu .container { 
	overflow: auto; 
	overflow-x: hidden;
	}
	
.underline .dropdown-menu li a:after,
.underline .dropdown-menu a:after {
	display: none
	}

.mega-dropdown {
	position: static !important;
	}

.mega-dropdown-menu {
	margin: 0 !important;
	padding: .5em 0 1.8em 0 !important;
	width: 100%;
	border-radius: 0;
	border: none;
	background: #fff !important;
	box-shadow: 0 .6em .6em rgba(0, 0, 0, 0.25);
	border-top: 1px dotted #ccc;
	}	
	@media (min-height: 400px) {
		.mega-dropdown-menu {
		max-height: 300px;
		overflow:  scroll;
		}
	}
	@media (min-height: 768px) {
		.mega-dropdown-menu {
		max-height: 450px;
		overflow:  scroll;
		}
	}
	@media (min-height: 950px) {
		.mega-dropdown-menu {
		max-height: 750px;
		overflow:  scroll;
		}
	}
	@media (min-height: 1200px) {
		.mega-dropdown-menu {
		max-height: none;
		overflow: none
		}
	}
	@media (max-width: 767px) {
		.mega-dropdown-menu {
		max-height: none !important;
		overflow: none !important
		}
	}

.mega-dropdown-menu .container {
	padding: 0 5px !important;
	}
	
	
	
.dropdown-menu li h2 {
	font-weight: 300;
	font-size: 13pt;
	letter-spacing: .03em;
	text-transform: uppercase;
	margin: 1.3em 0 0 0 !important;
	padding: 0 10px !important;
	line-height: 1.4em !important;
	color: #2266aa;
	background: rgba(34, 102, 170, 0.1);
	width: 100%;
	}
.dropdown-menu li h2:first-child {
	}			


@media (min-width: 767px) {
	.dropdown-menu li h2 {
		float: left;
		margin-top: 2.8em;
		padding: 0 4px !important;
		}
}		
/*
.dropdown-menu h2:first-child {
	margin-top: 0;
	padding-top: 0 !important
	}*/
		
		
			
/* ------------ Icon offen / geschlossen ------------*/	
.dropdown-menu i { 
	color: #2266aa;
	float: right;
	margin-top: 4px;
	margin-right: .5em;
	margin-left: .3em;
	font-size: 13px;
	}
.dropdown-submenu .dropdown-menu i { 
	margin-top: 0;
	}				
.dropdown-submenu a i:after,
.dropdown-submenu.open .dropdown-submenu3 a i:after,
.dropdown-submenu.open .dropdown-submenu3.open .dropdown-submenu4 a i:after {
	color: #aaa;
	font-size: 7pt;
	content: '\f067';
	font-family: 'FontAwesome';
	}   		
.dropdown-submenu.open a i:after,
.dropdown-submenu.open .dropdown-submenu3.open a i:after,
.dropdown-submenu.open .dropdown-submenu3.open .dropdown-submenu4.open a i:after {
	color: #535c69 !important;
	content: '\f068';
	}
	
@media (max-width: 767px) {	
	.dropdown.dropdown-submenu i { 
		margin-top: 4px !important;
		}
	.dropdown-submenu .dropdown-menu i { 
		margin-top: 2px !important;
		}
}
/* ------------ end Icon offen / geschlossen ------------*/
	
	




		
		
			

/*---------------- Dropdown ---------------*/		
	.dropdown-menu .container ul {
		padding: 0;
		margin: 0
		}
	.dropdown-menu li {
		margin: 0 10px !important;
		padding: 0 !important;
		width: auto !important;
		border: none !important;
		list-style: none;
		}	
	.dropdown-menu li a {
		color: #535c69;
		text-align: left;
		border: none !important;
		width: 100%;
		margin: 0 !important;
		height: auto !important;
		display: block;
		letter-spacing: 0;
		text-transform: none;
		font-size: 90% !important;
		border-bottom: 1px dotted #cdcdcd !important;
		padding-top: .3em !important;
		padding-bottom: .3em !important
		}
	@media (min-width: 768px) {
	#sticky.affix .dropdown-menu li a {
			font-size: 90% !important
			}			
		}
			
	.dropdown-menu li a#active {
		}		
	.dropdown-menu li a:hover{
		background: rgba(35, 103, 171, 0.15) !important;
		}		
	
	
	
/*---------------- 2. Dropdown -------------------*/	
	.dropdown-submenu.open a,
	.dropdown-submenu.open a:hover,
	.dropdown-submenu.open a#active{
		color: #535c69;
		background: rgba(83, 92, 104, 0.05)
		}
	.dropdown-submenu.open .dropdown-menu li a,
	.dropdown-submenu.open .dropdown-menu li a:hover {
		padding-left: 6% !important;
		}	
	@media (min-width: 768px) {
	#sticky.affix .dropdown-submenu.open .dropdown-menu li a,
	#sticky.affix .dropdown-submenu.open .dropdown-menu li a:hover {
		padding-left: 6% !important;
		}			
	}	
		
	.dropdown-submenu ul.dropdown-menu {
		border-radius: none !important;
		border: none !important;
		background: none !important;
		box-shadow: none !important;
		position: relative;
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		}	
	.dropdown-submenu ul.dropdown-menu li {
		margin-left: 0 !important;
		margin-right: 0 !important;
		}
	.dropdown-submenu .dropdown-menu li a {
		padding: .4em 1em .4em 1em !important;
		}
	
		
	.dropdown-submenu ul.dropdown-menu li a,
	.dropdown-submenu ul.dropdown-menu .dropdown-submenu3 ul.dropdown-menu li a,
	.dropdown-submenu ul.dropdown-menu .dropdown-submenu3 ul.dropdown-menu .dropdown-submenu4 ul.dropdown-menu li a {
		   font-weight: normal !important;
		text-transform: none;
		}	
	.dropdown-submenu ul.dropdown-menu li a:hover,
	.dropdown-submenu ul.dropdown-menu .dropdown-submenu3 ul.dropdown-menu li a:hover,
	.dropdown-submenu ul.dropdown-menu .dropdown-submenu3 ul.dropdown-menu .dropdown-submenu4 ul.dropdown-menu li a:hover {
		font-weight: normal !important;
		}	
		
		

/*---------------- 3. Dropdown -----------------------*/
	.dropdown-submenu3.open a,
	.dropdown-submenu3.open a:hover,
	.dropdown-submenu3.open a#active {
		background: rgba(83, 92, 104, 0.12);
		}	
	.dropdown-submenu3.open .dropdown-menu li a,
	.dropdown-submenu3.open .dropdown-menu li a:hover {
		padding-left: 12% !important;
		}		
	@media (min-width: 768px) {
	#sticky.affix .dropdown-submenu3.open .dropdown-menu li a,
	#sticky.affix .dropdown-submenu3.open .dropdown-menu li a:hover {
		padding-left: 12% !important;
		}		
	}


/*---------------- 4. Dropdown -----------------------*/	
	.dropdown-submenu4.open a,
	.dropdown-submenu4.open a:hover,
	.dropdown-submenu4.open a#active {
		background: rgba(83, 92, 104, 0.18);
		}
	.dropdown-submenu4.open .dropdown-menu li a,
	.dropdown-submenu4.open .dropdown-menu li a:hover {
		padding-left: 18% !important;
		}	
	@media (min-width: 768px) {
	#sticky.affix .dropdown-submenu4.open .dropdown-menu li a,
	#sticky.affix .dropdown-submenu4.open .dropdown-menu li a:hover {
		padding-left: 18% !important;
		}		
	}
	
		
		

/*---------------- Dropdown - Open + Active -----------------------*/
	.dropdown-submenu ul.dropdown-menu li.open a,
	.dropdown-submenu ul.dropdown-menu .dropdown-submenu3 ul.dropdown-menu li.open a,
	.dropdown-submenu ul.dropdown-menu .dropdown-submenu3 ul.dropdown-menu .dropdown-submenu4 ul.dropdown-menu li.open a  {
		font-weight: bold !important;
		}
	.dropdown-submenu .dropdown-menu li a#active,
	.dropdown-submenu3 .dropdown-menu li a#active,
	.dropdown-submenu4 .dropdown-menu li a#active {
		font-weight: bold !important;
		}	
/*---------------- end Dropdown - Open + Active -----------------------*/





@media (max-width: 767px) {
	.mega-dropdown-menu .container {
		margin: 0 !important;
		padding: 0 0 1em 0 !important;
		width: 100% !important;
		box-shadow: none !important;
		background: none !important
		}
	.mega-dropdown-menu .container ul {
		margin: 0 !important;
		padding: !important;
		width: 100%;
		float: left;
		list-style: none;
		}
	.mega-dropdown-menu .container ul li {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
		}
			
	
			
	.dropdown-menu {
		padding: 0 !important;
		}	
	.dropdown-menu ul li a {
		padding: .35em .8em !important;
		line-height: 1.4em
		}		
	.dropdown-menu ul li a#active, 
	.dropdown-menu ul li a:hover {
		text-transform: none;
		letter-spacing: 0;
		}	
		
	
	.dropdown-submenu .dropdown-menu li a {
		padding-top: .2em !important;
		padding-bottom: .2em !important;
		}	
		
		
	.dropdown-submenu a i {
		right: 1em !important;
		margin: 0 !important;
		position: absolute !important
		}
}		
/* --- end DROPDOWN --- */









/* --------- HOVER Effekt Navigation
================================================== */
@media (min-width: 768px) {
	.underline li a:after{
		background: rgba(83, 92, 104, 0.1);
		padding-top: 1.7em;
		top: 0;
		z-index: 0;
		height: 0;
		color: rgba(255, 255, 255, 0);
		}
	.underline li a{
		padding-left: .5em;
		padding-right: .5em;
		border-top: 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;
		}	
		

	#sticky.affix .underline li a {
		padding-left: .5em;
		padding-right: .5em;
		margin: 0
		}		
	#sticky.affix .underline li a:after{
		}			
}				
@media (max-width: 767px) {
	.underline li a:after,
	.underline li a:hover:after {
		opacity: 0
		}
		
	.underline ul li a,
	.underline ul li a:after,
	.underline ul li a:before{
		transition: none;
		}
}
/* --- end HOVER Effekt Navigation --- */		













/* --------- CAROUSEL
================================================== */
.carousel-wrapper {
	margin-top: 50px;
	margin-bottom: -9em;
	padding-bottom: 55px;
	text-align: center
	}
	@media (min-width: 767px) {
		.carousel-wrapper {
			margin-top: 1.5em;
			margin-bottom: -6.5em;
			}
		}
	@media (min-width: 992px) {
		.carousel-wrapper {
			margin-bottom: -7em
			}
		}
	@media (min-width: 1200px) {
		.carousel-wrapper {
			margin-bottom: -7.5em
			}
		}	
	
.carousel-wrapper .carousel {
	margin: 0 !important;
	padding: 0 !important;
	}

.schatten {
	width: 100%;
	height: auto;
}	
@media (max-width: 600px) {
	.schatten {
		margin-top: -9px;
		}
	}


	
.carousel .item img,
.carousel .item a img {
	top: 66%;
	-webkit-transform: translateY(-66%);
	-ms-transform: translateY(-66%);
	transform: translateY(-66%);
	}	
.carousel .item {
	height: 70px;
	width: auto;
	}
@media (min-width: 480px) {
	.carousel .item { height: 115px }
}
@media (min-width: 600px) {
	.carousel .item { height: 145px }
}	
@media (min-width: 768px) {
	.carousel .item { height: 168px }
}
@media (min-width: 992px) {
	.carousel .item { height: 220px }
}		
@media (min-width: 1200px) {
	.carousel .item { height: 268px }
}			
	  
.carousel-indicators {
	  top: 25px;
	  margin: -20px 0 0 0;
	  height: 20px;
	  padding: 0;
	  width: 97%;
	  position: relative;
	  right: 0;
	  left: 0;
	  text-align: right;
	  }	
.carousel-indicators li,
.carousel-indicators li.active {
	border-radius: 0;
	  width: 7px;
	  height: 6px;
	  border: none;
	  background: #d0e4f7;
	  margin: 0 0 0 1px;
	  opacity: .5;
	  }
.carousel-indicators li.active {
	opacity: .8;
	background: #d0e4f7;
	  }  		
.carousel-indicators li:hover {
	opacity: 1;
	background: #d0e4f7;
	  } 	 	
	  
	  
	  
	  


.carousel-control {
	z-index: 0;
	top: 43%;
	opacity: 0.7;
	}
.left.carousel-control,
.right.carousel-control {
	background: none;
	text-align: left
	}
.right.carousel-control {
	text-align: right
	}	
.carousel-control .fa,
.carousel-control .glyphicon {
	margin: 0 !important;
	padding: .2em .5em;
	text-align: center;
	width: 26px;
	height: 28px;
	background: #535c69;
	background: #2266aa;
	box-shadow: .06em .06em .06em rgba(0, 0, 0, 0.6)
	}		
.carousel-control:hover {
	opacity: 1;
	}		
.left.carousel-control	{ margin-left: -8px }	
.right.carousel-control	{ margin-right: -8px }	

@media (max-width: 767px) {	
	.carousel-control {
		top: 39%;
		background: none;
		padding: 0
		}	
	.carousel-control .fa,
	.carousel-control .glyphicon {
		padding: .1em .3em;
		width: 25px;
		height: 25px;
		}
	.carousel-control .fa,
	.carousel-control .glyphicon {
		background: none;
		box-shadow: none
		}	
	.left.carousel-control	{ margin-left: 0 }	
	.right.carousel-control	{ margin-right: 0 }	

}
@media (max-width: 600px) {	
	.carousel-control {
	top: 33%;
	}
}
@media (max-width: 480px) {	
	.carousel-control {
	display: none
	}
}		
	



.carousel-caption {
	bottom: 12%;
	left: 40px;
	right: 30%;
	z-index: 0
	}
		
a .carousel-caption h1,
a .carousel-caption h1.h1_100,
a .carousel-caption span,
a .carousel-caption span.text_100 {
	color: #fff !important;
	text-decoration: none;
	}
a:hover .carousel-caption h1,
a:hover .carousel-caption h1.h1_100,
a:hover .carousel-caption span,
a:hover .carousel-caption span.text_100 {
	color: #ddd !important;
	text-decoration: none;
	text-shadow: .05em .05em .08em #000 !important;
	}	
	a:hover .carousel-caption span {
	text-shadow: .08em .08em .08em #000 !important;
	}
		
.carousel-caption h1,
.carousel-caption h1.h1_100 {
	font-size: 265%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 1.1em !important;
	text-shadow: .05em .05em .08em rgba(0, 0, 0, 0.8) !important;
	text-transform: none;
	}
	.carousel-caption h1.h1_100 {
	}
	
.carousel-caption span,
.carousel-caption span.text_100 {
	clear: both;
	font-size: 140%;
	font-weight: normal;
	margin: .2em 0 0 0;
	padding: 0;
	color: #fff;
	line-height: 1.25em !important;
	text-shadow: .08em .08em .08em rgba(0, 0, 0, 0.8) !important;
	text-transform: none;
	}
	.carousel-caption span.text_100 {
	}
	
	
	@media (max-width: 1200px) {	
		.carousel-caption h1,
		.carousel-caption h1.h1_100 {
			font-size: 250%;
			
			}
		.carousel-caption span,
		.carousel-caption span.text_100 {
			font-size: 135%;
			}
			
		.carousel-caption h1,
		.carousel-caption h1.h1_100,
		.carousel-caption span,
		.carousel-caption span.text_100 {
			text-shadow: .07em .07em .07em rgba(0, 0, 0, 0.8) !important;
			}
			.carousel-caption span,
			.carousel-caption span.text_100 {
			text-shadow: .1em .1em .1em rgba(0, 0, 0, 0.8) !important;
			}		
		a:hover .carousel-caption h1,
		a:hover .carousel-caption h1.h1_100,
		a:hover .carousel-caption span,
		a:hover .carousel-caption span.text_100 {
			text-shadow: .07em .07em .07em  #000 !important;
			}	
			a:hover .carousel-caption span,
			a:hover .carousel-caption span.text_100 {
			text-shadow: .1em .1em .1em #000 !important;
			}		
	}
	@media (max-width: 767px) {	
		.carousel-caption {
			bottom: 12% !important;
			left: 30px !important;
			right: 5% !important;
			width: 80% !important;
			padding: 0 !important;
			margin: 0 !important;
			text-align: left !important;
		}  
	
	
		.carousel-indicators {
			  display: none
		}
		 
		.carousel-wrapper,
		.carousel,
		.carousel-inner,
		.carousel-caption  {
			text-align: left !important;
		}
				
		.carousel-caption h1,
		.carousel-caption h1.h1_100,
		.carousel-caption span,
		.carousel-caption span.text_100 {
			font-size: 210%;
			text-align: left !important;
			padding: 0 !important;
			margin: 0 !important;
			float: left !important;
			display: inline-blocks !important
			}
		.carousel-caption span,
		.carousel-caption span.text_100 {
			font-size: 150%;
			}
			
		
			
	}
	@media (max-width: 550px) {	
		.carousel-caption {
			bottom: 10% !important;
			right: 10% !important;
			width: 75% !important;
		} 
		.carousel-caption h1,
		.carousel-caption h1.h1_100,
		.carousel-caption span,
		.carousel-caption span.text_100 {
			font-size: 190%;
			}
		.carousel-caption span,
		.carousel-caption span.text_100 {
			font-size: 140%;
			line-height: 1.15em !important
			}	
	}	
	@media (max-width: 430px) {	
		.carousel-caption {
			bottom: 15% !important;
			left: 15px !important;
		} 
		.carousel-caption h1 {
			font-size: 180%;
			line-height: 1.3em !important
		}
		.carousel-caption span {
			display: none !important
		}		
	}

/* --------- end CAROUSEL -------- */










/* --------- BUTTONS ---
================================================= */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #265a88 !important;
}


.btn-success {
  background-image: -webkit-linear-gradient(top, #a0c832 0%, #68a000 100%);
  background-image:      -o-linear-gradient(top, #a0c832 0%, #68a000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a0c832), to(#68a000));
  background-image:         linear-gradient(to bottom, #a0c832 0%, #68a000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c832', endColorstr='#68a000', GradientType=0);
  border-color: #a0c832;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #68a000 !important;
  border-color: #68a000 !important;
}
/* --------- end BUTTONS -------- */










/* --------- ABWEICHUNGEN MASTER --- ABWEICHUNGEN MASTER --- ABWEICHUNGEN MASTER ---
================================================================================== */
body {
	background: #e6eaed;
	font-weight: normal;
	font-family: 'opensans', sans-serif;
	/*margin-bottom: 100px;*/
	}
	
	

.content {
	margin-top: .5em;
	}	
.bg-content,
.content.bg-content,
.row .bg-content {
	border-radius: 0;
	padding-top: 2.5em;
	}
.content.bg-content {
	margin-top: 2.75em;
	}		
@media (max-width: 767px) {
	.content,
	.content.bg-content {
		margin-top: 3em !important;
		padding-top: 2em
		}
	/*.content.bg-content {
		margin-top: 5.5em !important;
		padding-top: 2em
		}	*/	
	[class*="col-"] .bg-content {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 2em;
		}
	}


.bg-content.border,
.well.border {
	background-image: none;
	border-top: 5px solid #6d7788 !important;
	}	

.well,
.bg-content {
	box-shadow: none !important;
	border-radius: 6px !important;
	box-shadow: .1em .1em rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #ddd !important;
	}

.bg-white {
	background: #fff;
	}
.bg-white .container {
	padding-top: 1.8em;
}
@media (max-width: 767px) {
	.bg-white {
		background: none
	}
	.bg-white .container {
		padding-top: 0;
	}
}




.thumbnail .caption {
	border-top: 5px solid #2266aa;	
}
.thumbnail h2 {
	color: #2266aa;	
}





.content ul li.fileicon {
	padding-top: .3em;
	padding-bottom: .3em;
	}

.content ul li {
	margin: 0 0 .8em 0;
	}




h1, h2, h3, h4, h5, h6 {
	color: #2266aa;
	line-height: 1.2em !important;
	font-weight: bold;
	clear: both
	}
h1 { font-weight: 300;
	color: #535c69;
	letter-spacing: 0;
	margin-bottom: 1em;
	text-transform: none
	}		
h2 {
	font-weight: normal;
	}
h3 { 
	font-weight: normal;
	}
h4 { 
	font-weight: 600;
	color: #535c69;
	}
h5 {
	}
h6 {
	}  
:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6).border {
	border: none;
	border-top: 1px solid #ddd;
	}
 
.content-rechts h1	{ font-size: 250% }
.content-rechts h2	{ font-size: 165% }
.content-rechts h3	{ font-size: 135% }
.content-rechts h4	{ font-size: 130% }
.content-rechts h5	{ font-size: 105% }	
.content-rechts h6	{ font-size: 100% }	

@media  (max-width:992px) {
	h1	{ font-size: 250% }
	h2	{ font-size: 165% }
	h3	{ font-size: 135% }
	h4	{ font-size: 130% }
	h5	{ font-size: 105% }	
	h6	{ font-size: 100% }	
	}

	
.border-middle {
	margin-top: 0 !important;
	margin-bottom: 1.2em !important
}
.border-middle.margin-unten-xs { margin-bottom: .25em !important }
.border-middle.margin-unten-s { margin-bottom: .5em !important }
.border-middle.margin-unten-m { margin-bottom: .75em !important }
.border-middle.margin-unten-l { margin-bottom: 1em !important }
.border-middle.margin-unten-xl { margin-bottom: 1.5em !important }

.equalheight .border-middle {
	margin-top: .6em !important;
	}
@media (max-width: 1200px) {
		.shortview,
		.equalheight {
			font-size: 100% !important;
			line-height: 1.3em !important
			}			
	}
@media (max-width: 992px) {
		.shortview,
		.equalheight {
			font-size: 100% !important;
			}			
	}
@media (max-width: 767px) {
		.shortview,
		.equalheight {
			font-size: 100% !important;
			}			
	}
	
.select {
	background: #2266aa;
	color: #fff;
	padding: .2em 30px;
	margin: 1em 41px .3em -40px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: .1em;
	line-height: 1.3em
	}	
.select-2 {
	background: #bbc0cc;
	font-weight: normal;
	marker-offset: 0
	
	}
@media  (max-width:767px) {
	.select {
		padding: .2em 25px;
		margin: 1em 26px .3em -25px !important;
	}	
	.select-2 {
		margin-top: 0 !important;
	}	
}			
	
	
a								{ color: #2266aa }
a:hover							{ color: #4db6e7; text-decoration: none }
.content a:hover				{ color: #4db6e7; text-decoration: none }



a b,
b a 		{ color: #2266aa }
a b:hover,
b a:hover 	{ color: #4db6e7 }

a h1, 
a h2, 
a h3, 
a h4, 
a h5, 
a h6 		{ color: #2266aa }
a h1:hover, 
a h2:hover, 
a h3:hover, 
a h4:hover, 
a h5:hover, 
a h6:hover 	{ color: #4db6e7 }
	
.content ul a 								{ color: #2266aa }
.content ul a:hover 						{ color: #4db6e7 }	
.content ul li:before 						{ color: #2266aa }
.content ul li:hover:before 				{ color: #4db6e7 }		
.content ul.list-inline li a:hover 			{ color: #000 }
.content ul.list-inline li a.active 		{ background: #2266aa }		
.content ul.list-inline li a.active:hover 	{ background-color: #2266aa }	


.content ul li 	{ 
	padding-bottom: .1em; 
	padding-top: .1em;  
	}


.content ul.navi-parallel li {
	padding-top: .1em;
	padding-bottom: .1em;
}



.content ul.list-inline		 				{ font-size: 105% !important; }
.content ul.list-inline li 					{ margin: 0 4px 4px 0; color: #2266aa; border: 1px solid #bbb; border-radius: 3px; box-shadow: none !important; font-weight: 500 !important }
.content ul.list-inline li a 				{ text-shadow: none; color: #777 !important; text-decoration: none;  }
.content ul.list-inline li a:hover 			{ color: #333 !important; text-decoration: none; font-weight: 500 !important }
.content ul.list-inline li a.active,
.content ul.list-inline li a#active 		{ background: #2266aa; color: #fff !important; border-color: #2266aa !important; font-weight: 500 !important  }		
.content ul.list-inline li a.active:hover,
.content ul.list-inline li a#active:hover 	{ color: #fff !important; font-weight: 500 !important }	
.content ul.list-inline li span 			{ color: #2266aa !important; font-weight: 500 !important }
.content ul.list-inline li a:hover span 	{ color: #fff !important; font-weight: 500 !important }
.content ul.list-inline li a.active span,
.content ul.list-inline li a#active span 	{ color: #fff !important; font-weight: 500 !important  }		



@media (max-width: 992px) {
	.content ul.list-inline 				{ 
		font-size: 115% !important
		}
	.content ul.list-inline li a				{ 
		padding-top: 0 !important;
		padding-bottom: 0 !important
		}
	.content ul.list-inline li a.active				{ 
		}		
}
@media (max-width: 767px) {
	.content ul.list-inline 				{ 
		padding: 0 !important;
		margin: 0
		}
	.content ul.list-inline li 				{ 
		float: left;
		clear: none;
		width: auto;
		padding: 0 !important;
		margin: 0 4px 4px 0 !important;
		width: auto !important
		}
	.content ul.list-inline li a				{ 
		padding: 0 .5em !important;
		margin: 0 !important;
		width: auto !important
		}
	.content ul.list-inline li a.active				{ 
		padding: 0 .5em !important;
		margin: 0 !important;
		width: auto !important
		}		
}



	
	
blockquote 						{ color: #2266aa }
blockquote cite 				{ color: #2266aa }	

.row.div-head  {
		color: rgba(83, 92, 105, 0.6);
		border-bottom: 1px solid rgba(83, 92, 105, 0.35);
		font-weight: 600;
		letter-spacing: .05em
		}
	
.row.div-head-bg  				{ background: #2266aa }
.div-striped .row.div-head-bg 	{ background: #2266aa }	
.row.div-foot 					{ color: #2266aa } 

.table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > th,
table > thead > tr > td 		{ background: #2266aa } 

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

table.abc tr td a				{ background: #2266aa }
table.abc tr td a:hover  		{ color: #2266aa }


.hausfarbe, .text-hausfarbe 					{ color: #2266aa !important }
.hausfarbe_hell, .text-hausfarbe_hell			{ color: #2266aa !important; opacity: .7em }
.hausfarbe_hell2, .text-hausfarbe_hell2 		{ color: #2266aa !important; opacity: .55em }
.hausfarbe_hell3, .text-hausfarbe_hell3			{ color: #2266aa !important; opacity: .4em }
.hausfarbe_dunkel, .text-hausfarbe_dunkel		{ color: #535c69 !important }
.hausfarbe_dunkel2, .text-hausfarbe_dunkel2		{ color: #313a47 !important }
.hausfarbe_dunkel3, .text-hausfarbe_dunkel3		{ color: #191925 !important }


.text-darkgray, .darkgray,
.text-darkgrey, .darkgrey {
	color: #535c69 !important
}


.text-warning, .warning, .orange { color: #ff7700 !important }


.bg-grey .border-middle span					{ background: #f6f6f6 }
.bg-hausfarbe .border-middle span				{ background: #2266aa }
.bg-hausfarbe2 .border-middle span				{ background: #bbc0cc }
.bg-transp .border-middle span					{  }	
.border-middle.rot:before						{  border-color: rgba(255, 0, 0, 0.3) !important }



.bg-light 										{ background: #e6eaed !important }
	
.bg-hausfarbe,
.bg-content.bg-hausfarbe,
.well.bg-hausfarbe,
.well-sm.bg-hausfarbe 		{ 
	background: #2266aa;
	color: rgba(255, 255, 255, 0.7);
	border: none
	 }	
.bg-hausfarbe hr { 
	border-color: #fff
	  } 
	  
	  
	  
		 

.bg-hausfarbe2,
.bg-content.bg-hausfarbe2,
.well.bg-hausfarbe2,
.well-sm.bg-hausfarbe2 		{ 
	background: #bbc0cc; 
	border: none
	 }	
.bg-hausfarbe2 hr { 
	border-color: #fff
	  }  
.bg-hausfarbe2 h1 	{ 
	color: #fff !important
	}
.bg-hausfarbe2 h4 	{ 
	color: #535c69 !important
	}
.bg-hausfarbe2 h2,
.bg-hausfarbe2 h3,
.bg-hausfarbe2 h5,
.bg-hausfarbe2 h6 	{ 
	color: #2266aa !important
	}
.bg-hausfarbe2 .border	{ 
	border-color: #fff !important
	} 	
.bg-hausfarbe2 a,
.bg-hausfarbe2 .icon a,
.bg-hausfarbe2 a.fileicon,
.bg-hausfarbe2 .fileicon a,
.bg-hausfarbe2 ul li a	{ 
	color: #2266aa !important
	} 	
.bg-hausfarbe2 a:hover,
.bg-hausfarbe2 .icon a:hover,
.bg-hausfarbe2 a.fileicon:hover,
.bg-hausfarbe2 .fileicon a:hover,
.bg-hausfarbe2 ul li a:hover	{ 
	color: #fff !important;
	text-decoration: none !important
	}
.bg-hausfarbe2 .icon a { 
	color: #fff !important
	} 	
.bg-hausfarbe2 .icon a:hover	{ 
	color: #fff !important;
	text-decoration: underline !important
	}	

.bg-hausfarbe ul.list-lines li,
.bg-hausfarbe .div-lines	{ 
	border-bottom-color: rgba(255, 255, 255, 0.25) !important
	}
.bg-hausfarbe2 ul.list-lines li,
.bg-hausfarbe2 .div-lines	{ 
	border-bottom-color: #ddd !important
	}	
	
.bg-hausfarbe a:hover,
.bg-transp a:hover,
.bg-darkgrey a:hover	{ 
	color: #4db6e7 !important
	}




a.fileicon:hover,
.fileicon a:hover	{ 
	text-decoration: none !important
	}


.footer-abstand {
	height: 1em;
}
.footer{
	height: 50px !important;
	background:none;
	border: none;
	box-shadow: none;
	color: #999;
	padding: 0 !important;
	text-align: left;
	margin: 0 0 1em 0;
	position: relative
	}
.footer a,
.footer ul li a 		{ color: #6d7788 !important; text-decoration: none }	 
.footer a:hover,
.footer ul li a:hover 	{ color: #4db6e7 !important; text-decoration: none }


 
 
 
 




/* --------- ICON
================================================== */
.icon	{ 
	line-height: 1.4em;
	margin-bottom: .2em;
	color: #444;
	}
.icon i 	{ 
	background: #2266aa;
	background: none;
	color: #2266aa;
	font-size: 115%
	}
.icon.icon-xl i 	{ 
	}
.icon a {
	text-decoration: none;
	color: #444;
	}		
.icon a:hover {
	text-decoration: none;
	color: #4db6e7;
	background: none !important
	}
	
.bg-hausfarbe .icon 	{ 
	border-bottom-color: rgba(255, 255, 255, 0.35) !important
	}
.bg-hausfarbe .icon i 	{ 
	background: #fff;
	color: #2266aa;
	background: none;
	color: #fff
	}
.bg-hausfarbe2 .icon i 	{ 
	background: #fff;
	color: #bbc0cc;
	background: none;
	color: #2266aa
	}
.bg-hausfarbe2 .icon 	{ 
	border-color: #ddd !important
	}
.bg-darkgrey .icon i 	{ 
	background: none;
	color: #fff
	}
.bg-transp .icon i 	{ 
	background: none;
	color: #fff}	
/* --------- end ICON -------- */







/* --------- NEWS
================================================== */
.kurztext {
	padding-bottom: 1em
}
.kurztext_datum,
.langtext_datum {
	background: none;
	padding: 0;
	color: #000;
	letter-spacing: 0;
	margin-top: 1em;
	font-weight: 600;
	font-size: 100%;
	text-transform: none
}
.kurztext_dachzeile {
	color: #2266aa;
	font-weight: bold
	}
.kurztext_headline {
	text-transform: none;
	font-size: 185%
	}
.kurztext_headline {
	clear: none
	}	
.langtext_headline {
	color: #2266aa;
	margin-bottom: .3em;
	letter-spacing: 0;
	font-size: 300% !important;
	}
	@media (max-width: 1200px) {
		.langtext_headline {
			font-size: 250% !important
		}
	}
	@media (max-width: 992px) {
		.langtext_headline {
			font-size: 270% !important
		}
	}
.langtext_datum {
	margin-top: 0;
	margin-bottom: 2.5em;
	font-size: 100%;
	text-transform: none
}		
/* --------- end NEWS -------- */




/* --------- SHORTVIEW
================================================== */
.shortview .row {
	padding-bottom: .5em;
	}		
.shortview .img-thumbnail {
	padding: 0;
	margin-bottom: .2em;
	}		
.shortview h5 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: .3em;
	font-size: 100%;
	text-transform: uppercase;
	}	
.shortview h6,
.bg-hausfarbe .shortview h6,
.bg-darkgrey .shortview h6 {
	font-size: 90%;
	font-weight:normal;
	letter-spacing: 0
	}			
/* --------- end SHORTVIEW -------- */





/* --------- ALERTS / HINWEISE
================================================== */
.alert {
	margin-top: .5em;
	border-radius: 6px;
	box-shadow: .1em .1em rgba(0, 0, 0, 0.15) !important;
	}

.alert-danger {
	background-color: #ffe9e9;
	color: #333
	}
.alert-danger:hover {
	background-color: #ffdddd;
	}	

.alert h6 {
	color: #333
	}
	
.content .alert-danger ul li:before { color: red }
	
	
.alert .accrodion {
	margin-bottom: 0
}	



.alert h1:after,
.alert h2:after,
.alert h3:after,
.alert h4:after,
.alert h5:after,
.alert p:after {
	content: '\f067';
	font-family: 'FontAwesome';
	
	float: right;
	font-size: 8pt;
	opacity: .25;
	margin: 0;
	position: absolute;
	right: .5em;
	top: auto;
	bottom: -1em;
	color: #444
	} 
.alert h1:hover:after,
.alert h2:hover:after,
.alert h3:hover:after,
.alert h4:hover:after,
.alert h5:hover:after,
.alert p:hover:after {
	opacity: .6
	} 	
		
.alert-danger h1,
.alert-danger h2,
.alert-danger h3,
.alert-danger h4,
.alert-danger h5		{ color: red } 	

.alert-danger a:hover h1,
.alert-danger a:hover h2,
.alert-danger a:hover h3,
.alert-danger a:hover h4,
.alert-danger a:hover h5,		{ color: #cc0000 } 	




.bg-content.border.hinweis {
	border-top: 7px solid red !important;
	background-image: none !important
	}
		

		
.hinweis h2	{ 	
	margin-top: -7px !important
	}


.hinweis-8,
.hinweis-16,
.hinweis-128 {
	padding-left: 40px
	}	
.hinweis hr	{ 
	margin-left: -40px;
	}

.hinweis .fa	{ 
	position: absolute;
	display: inline;
	left: 85px
	}	
	@media (max-width: 768px) {
		.hinweis .fa	{ left: 70px }	
	}
.hinweis .fa:before	{ 
	margin-left: -40px;
	width: 30px; height: 30px;
	padding-top: 5px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #ddd;
	border-radius: 50px;
	font-size: 15pt;
	font-family: 'FontAwesome';
	}
	.hinweis-8 .fa:before 	{ content: '\f00d' } /* Störung */
	.hinweis-16 .fa:before 	{ content: '\f12a'; padding-top: 6px } /* Wartung */
	.hinweis-128 .fa:before { content: '\f0eb' } /* sonstiges */
	
	
.fa-8:after,
.fa-16:after,
.fa-64:after	{ 
	margin-top: 16px;
	margin-left: -11px;	
	display: inline-block;
	text-align: center;
	color: #ccc;
	vertical-align: top;
	font-family: 'FontAwesome';
	font-size: 11pt;
	content: '\f111';
	}	
	
	.fa-8:after 	{ color: #68b700 }	/* abgeschlossen */
	.fa-16:after 	{ color: red }	/* offen */
	.fa-64:after 	{ color: orange }	/* unbekannt */
	

	
/* --------- end ALERTS / HINWEISE -------- */




  
  
  
/* --------- PAGETOP
================================================== */
.pagetop-scroll {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	padding: .9em 0 0 .2em;
	text-align: center;
	bottom: 100px;
	background: rgba(0, 0, 0, 0.15);
	border: none
	}
.pagetop-scroll span {
	font-size: 160%
	}	
.pagetop-scroll:hover {
	background: rgba(0, 0, 0, 0.3);
	}
@media (max-width: 767px) {
	.pagetop-scroll {
		padding: .5em 0 0 .2em;
		bottom:8%;
		right: 5px;
		width: 40px;
		height: 40px;
	}
	.pagetop-scroll span {
	}
}
/* --------- end PAGETOP -------- */




/* --------- nur bei INTRANET
================================================== */

@media (min-width: 768px) {
	.search {
	margin-top: 53px
	}
}
@media (max-width: 992px) {
	#sticky.affix .head-info {
		display: inline
		}
}
/* --------- end nur bei INTRANET -------- */



@media (max-width: 992px) {
	.min_height_30,
	.min_height_40,
	.min_height_50,
	.min_height_60,
	.min_height_70,
	.min_height_80,
	.min_height_90,
	.min_height_75,
	.min_height_100,
	.min_height_125,
	.min_height_150,
	.min_height_175,
	.min_height_190,
	.min_height_200,
	.min_height_225,
	.min_height_250,
	.min_height_275,
	.min_height_300,
	.min_height_325,
	.min_height_350,
	.min_height_375,
	.min_height_400,
	.min_height_425,
	.min_height_450,
	.min_height_475,
	.min_height_500,
	.min_height_525,
	.min_height_550,
	.min_height_575,
	.min_height_600,
	.min_height_625,
	.min_height_650,
	.min_height_675,
	.min_height_700,
	.min_height_800,
	.min_height_900	{ min-height:auto; height:auto !important; max-height: auto }
	}
	


.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte,
img.bildrahmen,
img.bildrahmenlinks,
img.bildrahmenrechts,
img.bildrahmenmitte,
.bildrahmen-nb,
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmen-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb {
	padding: 3px;
	}
.bildlinks,
img.bildlinks,
.bildrahmenlinks,
img.bildrahmenlinks,
.bildrahmenlinks-nb,
img.bildrahmenlinks-nb 	{ 
	margin-right: 1.2em !important; 
	}
.bildrechts,
img.bildrechts,
.bildrahmenrechts,
img.bildrahmenrechts,
.bildrahmenrechts-nb,
img.bildrahmenrechts-nb 	{ 
	margin-left: 1.2em !important;
	}

/* --------- Bilder, wenn sie nicht in einem div/span liegen
================================================== */
img.bildrahmenmitte:not(.bildunterschrift-bildrahmenmitte),
img.bildrahmenlinks:not(.bildunterschrift-bildrahmenlinks),
img.bildrahmenrechts:not(.bildunterschrift-bildrahmenrechts),
img.bildrahmenmitte-nb:not(.bildunterschrift-bildrahmenmitte-nb),
img.bildrahmenlinks-nb:not(.bildunterschrift-bildrahmenlinks-nb),
img.bildrahmenrechts-nb:not(.bildunterschrift-bildrahmenrechts-nb) 	{ min-width: auto; }




/* --------- VERZEICHNIS
================================================== */
.abc_verzeichnis a {
	background: rgba(83, 92, 105, 0.4);
	color: #fff !important;
	}	
.abc_verzeichnis a:hover {
	background: #4db6e7;
	color: #fff !important
	}	
.abc_verzeichnis a.active {
	background: #2266aa;
	color: #fff !important
	}	
/* --------- end VERZEICHNIS -------- */





/* --------- SONSTIGES / TEXT
================================================== */

.text-break {
	-webkit-hyphens: auto; 
  hyphens: auto; 
}
/* --------- end SONSTIGES / TEXT -------- */




/* --------- ASSET-ERSATZ
================================================== */
.container #c-page {
	width: 100%;
}

.bottom-info > .container {
	width: 100%;
}
.card {
}
.card.bg-light {
	background: rgba(230, 234, 237, .5) !important
}
.card.bg-primary {
	background: #2266aa;
	color: #fff
}
.shadow {
	box-shadow:  .25em .25em .4em rgba(0, 0, 0, .2);
}
.icon-list i,
.icon-md-list i,
.icon-lg-list i {
	color: #2266aa !important;
	}	


[data-bs-theme=primary]  { color: #fff !important; }
[data-bs-theme=primary] a { color: #5bc0de !important; }
[data-bs-theme=primary] a.fileicon { color: #fff !important; }
[data-bs-theme=primary] a:hover,
[data-bs-theme=primary] a.fileicon:hover { color: #fff !important; text-decoration: underline !important }
[data-bs-theme=primary] li::before { color: #5bc0de !important; }
[data-bs-theme=primary] :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { color: #5bc0de !important; }
[data-bs-theme=primary] :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6).border { border-color: rgba(255, 255, 255, 0.3) !important; }

/* --------- Navigationsliste --------- */
.navigationsliste ul li > a {
	background: rgba(34, 102, 170, 0.07) !important;
	border: 2px solid #2266aa !important;
	color: #faa600 !important;
	color: rgba(0, 0, 0, .8) !important;
	text-transform: uppercase;
	font-weight: 600
	}
.navigationsliste ul li > a:hover {
	background: #2266aa !important;
	border-color: #2266aa !important;
	color: #fff !important;
	color: #000 !important;
	}	
/* --------- end Navigationsliste -------- */


	
/* --------- Kacheln --------- */
.kacheln .card {
		color: #2266aa !important;
		border: 2px solid rgba(34, 102, 170, .5);
		background: linear-gradient(to left,rgba(255,255,255, 1) 50%, rgba(34, 102, 170, 1) 50%) !important;
		background-size: 200% 100% !important;
		background-position: right !important;
		transition: background-position .4s ease, color .2s ease, border-color .2s ease !important;
		}
		.kacheln .wrapper-link:hover .card {
		border-color: rgba(34, 102, 170, 1);
		background-position: left !important;
		border-color: rgba(34, 102, 170, 1) !important;
		color: #fff !important;
		}
		.kacheln .wrapper-link:hover,
		.kacheln .wrapper-link .card:hover,
		.kacheln .wrapper-link:hover .card-body,
		.kacheln .wrapper-link .card:hover :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
		color: #fff !important;
		}	
		.kacheln .card-body {
		color: #2266aa;
		}		
		.kacheln i {
		color: rgba(255,255,255, 1);
		}
		.kacheln .wrapper-link:hover i {
		}	
		
.kacheln-wrapper.typ2 .kacheln .card {
		border: 2px solid rgba(255,255,255, 1);
		background: linear-gradient(to left,rgba(255,255,255, .3) 50%, rgba(255,255,255, 1) 50%) !important;
		background-size: 200% 100% !important;
		background-position: right !important;
		}
		.kacheln-wrapper.typ2 .kacheln .wrapper-link:hover .card {
		background-position: left !important;
		color: #2266aa !important;
		}
		.kacheln-wrapper.typ2 {
		background: #e6eaed !important;
		box-shadow:0 0 0 100vmax #e6eaed !important
		}
		.kacheln-wrapper.typ2 .kacheln .wrapper-link:hover,
		.kacheln-wrapper.typ2 .kacheln .wrapper-link .card:hover,
		.kacheln-wrapper.typ2 .kacheln .wrapper-link:hover .card-body,
		.kacheln-wrapper.typ2 .kacheln .wrapper-link .card:hover :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
		color: #2266aa !important;
		}
		
	
	
	
/* --------- end Kacheln -------- */


/* --------- Tabellen --------- */
.table-top table tbody tr:first-child > td,
.table-front table tbody tr > td:first-child,
.table-striped.table-front table tbody tr > td:first-child,
.table-striped.table-top.table-front table tbody tr > td:first-child,
.table-striped-columns.table-top table tbody tr:first-child > td,
.table-striped-columns.table-front table tbody tr > td:first-child,
.table-bg.table-front table tbody tr > td:first-child,
.table-front table tbody tr > td:first-child,
.table-bg.table-top table tbody tr:first-child > td,
.table-front table tbody tr > td:first-child,
.table-striped.table-front table tbody tr > td:first-child,
.table-striped.table-top.table-front table tbody tr:nth-child(even) > td:first-child,
.table-striped.table-top.table-front table tbody tr:nth-child(odd) > td:first-child {
	background-color: rgba(34, 102, 170, 1) !important;
	color: #fff !important
	}
.table-bg table tbody tr > td {
	background-color: rgba(34, 102, 170, 0.3);
	}
.table-bg.table-hover table tbody tr:hover > td {
	background-color: rgba(34, 102, 170, 0.5);
	}		
/* --------- end TABELLEN -------- */