html { /* wichtig für Sticky Footer */
    position: relative;
    min-height: 100%;
}

body {
  	/*margin-bottom: 230px;  Margin bottom by footer height */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+10,cccccc+10,ffffff+70 */
	/*
	background: #cccccc;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 150px, #cccccc 150px, #ffffff 65%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 150px,#cccccc 150px,#ffffff 65%);
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 150px,#cccccc 150px,#ffffff 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	*/
	font-weight: 300;

	background: url(../images/bg.jpg) top center repeat-x;
	margin: 0 0 325px 0; /* sticky footer height */
}
@media screen and (max-width: 768px) {
	body {
	   background: #dbdbdb;
	  }
}







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








/* ----- Header ----------------------------------
================================================== */
.balken {
	background: url(../images/balken2.gif) top center repeat-x;
	height: 20px
}

.logo {
	float: left;
	width: 50%;
	background: url(../images/logo_350.png) top left no-repeat;
	height: 83px;
	margin-top: .3em;
	margin-bottom: 1.3em;
	opacity: 1
	}
.logo:hover {
	text-decoration: none;
	opacity: .85
	}

.header_info {
	float: right;
	text-align: right;
	width: 49%;
	margin-top: 40px;
	padding-right: 2px
	}
.header_info a {
	font-weight: 400;
	letter-spacing: .03em;
	font-size: 110%;
	color: #777
	}
.header_info a b {
	color: #e64422;
	font-weight: 400
	}	
.header_info a i {
	color: #e64422;
	vertical-align: top;
	margin: 3px 5px 0 0;
	font-size: 105%
	}
.header_info a span {
	color: #e64422;
	}		
.header_info a:hover {
	color: #000;
	text-decoration: none;
	transition: .4s;
	text-decoration: underline
	}
	.header_info a:hover span {
	color: #000;
	}
	.header_info a:hover i {
	text-decoration: none
	}
.abstand {
	border-right: 1px solid #ccc;
	margin-right: 1.8%;
	margin-left: 2%;
	height: 1em;
	display: inline
	}

@media screen and (max-width: 1200px) {
	.header_info {
		margin-top: 40px;
		}
	.header_info a {
		font-size: 100%;
		}
}	
@media screen and (max-width: 1000px) {
	.header_info a {
		letter-spacing: 0;
		}	
	.abstand {
		display: block;
		margin: 0;
		height: 0;
		border: none
	}
}
@media screen and (max-width: 768px) {
	.balken {
		height: 8px
		}
	.container.responsive100 {
	   padding: 0;
	  }
	.logo,
	.header_info {
	    display: none
	  }
}




/* ----- Karussell -------------------------------
================================================== */
.header-img {
	box-shadow: 0 -.2em 1em 0 rgba(0, 0, 0, 0.25);
	z-index: 10000;
	width: 100%;
	border-radius: 6px 6px 0 0;
	margin-bottom: -4px;
}


#myCarousel {
	box-shadow: 0 -.2em 1em 0 rgba(0, 0, 0, 0.25);
	z-index: 100;
	border-radius: 6px 6px 0 0;
	margin-bottom: -4px;
}


.carousel-caption {
	background: rgba(0, 0, 0, 0.2);
	background: url(../images/dot25.png) top center;
	border-radius: 7px;
	line-height: 1.2em;
	padding: .9em 1em 1em 1em;
	margin-bottom: 8px;
	/*left: 10%;
	bottom: 30px*/
	left: 30%;
	right: 30%
}
.carousel-caption h1 {
	font-size: large;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: .3em;
	margin-top: 0;
	color: #fff
}
.carousel-caption p {
	line-height: 1em;
	margin-bottom: .8em;
	font-weight: normal
}
.carousel-caption .btn {
	margin-bottom: 0;
	padding: .2em .7em
}

.carousel-indicators,
.carousel-control {
	display: none
	 }

.carousel-indicators {
  bottom: 0;
  left: 0;
  right: 0;
  width: 94%;
  padding: 0;
  margin: 0 3% 5px 3%;
  text-align: right;
}
.carousel-indicators li {
  margin: 0;
  margin-right:1px;
  border: 1px solid #fff;
}
.carousel-indicators .active {
   width: 11px;
  height: 11px;
}


@media screen and (max-width: 768px) {
	#myCarousel {
		margin-bottom: 0
	}
	.carousel-caption {
	    display: none
	  }

	.carousel-indicators {
	    display: none
	 }
}









/* ----- Navbar ----------------------------------
================================================== */
#sticky.affix {
	z-index: 1000 !important;
	width: 100%;
	top: 0
  	}
.nav li input { 
	display: none
	}
	  	
@media (min-width: 768px) {
  .navbar {
    border-radius: 7px;
  }
}
@media (max-width: 768px) {
  #sticky.affix .navbar .dropdown-menu {
	overflow-y: scroll;
	max-height: 300px
	}
}



.navbar {
    box-shadow: 0 .4em 1em 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 1.9em;
}
.navbar-default {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
	background: #ddd; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav > li {
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > label {
  	text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    padding-left: 1.1em;
    padding-right: 1.1em;
    margin: 0;
    float: left
}
.navbar-brand {
	display: none
}


.navbar-default ul {
   border-left: 1px solid #d4d4d4;
   border-right: 1px solid #fff
}
.navbar-default .navbar-nav > li a,
.navbar-default .navbar-nav > li label {
  color: #555;
  font-weight: 300;
  border-left: 1px solid #fff;
  border-right: 1px solid #d4d4d4;
  padding-top: 1.1em;
  padding-bottom: 1.1em
}
.navbar-default .navbar-nav > li#active a,
.navbar-default .navbar-nav > li#active a:hover,
.navbar-default .navbar-nav > li#active a:focus,
.navbar-default .navbar-nav > li#active label,
.navbar-default .navbar-nav > li#active label:hover,
.navbar-default .navbar-nav > li#active label:focus {
  color: #fff;
  background: #e64422;
  font-weight: normal;
}
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li label:hover:hover {
  background-color: #ddd;
  color: #000
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav li input:checked ~ label {
  background-color: #fff;
  border-color: #ccc;
}



.dropdown-menu {
	display:none; 
	padding: 0;
	margin: 0;
	}
.nav li input:checked ~ .dropdown-menu  { 
	display:block;
	}	
.dropdown-menu li {
	background: #fff;
	}
.dropdown-menu li a {
	padding: .3em 1em;
	border: none;
	border-bottom: 1px solid #ddd;
	background: #fff !important;
	color: #555 !important;
	font-weight: 300 !important
	}
#navbar .dropdown-menu > li > a:hover,
#navbar .dropdown-menu > li > a:focus {
	color: #e64422 !important;
	background: #eee !important
	}
#navbar .dropdown-menu li a,
#navbar .dropdown-menu li label {
	  padding-top: .3em;
	  padding-bottom: .3em
	}
.dropdown-menu .divider {
	height: 1px;
	margin:.5em 0;
	background-color: #ccc;
	}


#navbar form {
	padding: 0;
	margin: .7em 0 .5em 0;
	}
#navbar form .navbar-form {
	padding: 0;
	border: none;
	margin: 0;
	margin-top: .8em;
}
#navbar form .navbar-form input {
	height: 2.2em;
	margin-right: 7px;
	float: left;
	margin-bottom: .5em;
}
#navbar form .navbar-form btn,
#navbar form .navbar-form btn-default,
#navbar form .navbar-form button {
	clear: none;
	float: left;
	display: block;
}

@media screen and (max-width: 1000px) {
	#navbar .navbar-form .form-control {
		display: none
		}
}

@media screen and (max-width: 768px) {
	#navbar {
	   border: none;
		}
	.container .navbar {
		box-shadow: 0 .2em .8em 0 rgba(0, 0, 0, 0.4);
		border: none;
		margin: 0 -1.5rem 1.9em -1.5rem;
		}

	.navbar-default ul {
	   border: none;
	   border-top: 1px solid #ddd;
	   margin-bottom: 0
		}
	.navbar-default .navbar-nav > li a,
	.navbar-default .navbar-nav > li label {
	  border-left: none;
	  border-right: none;
	  border-top: 1px solid #fff;
	  border-bottom: 1px solid #d4d4d4;
	  padding: .8em 1.5em;
	  letter-spacing: 1px;
	  float: none;
	  width: 100%
		}
	#navbar li a:hover,
	#navbar li a:focus,
	#navbar li label:hover,
	#navbar li label:focus {
	  color: #e64422;
		}

	.navbar-brand {
		display: inline;
		padding-top: 7px;
		margin-left: .5em
		}
	.navbar-toggle {
	  	margin-right: 1.5em
  		}


  	#navbar .dropdown-menu {
		position: relative;
		width: 100%;
		box-shadow: none;
		float: left;
		margin-bottom: 1em !important
		}
	#navbar li:last-child .dropdown-menu {
		margin-bottom: 0 !important
		}	
	#navbar .dropdown-menu li a {
	  	padding-top: .2em;
	  	padding-bottom: .2em
		}
	.dropdown-menu .divider {
		height: 2px;
		margin:0;
		background-color: #ddd;
		}


	#navbar .navbar-form .form-control {
		display: inline; width: 70%
		}
}











/* ----- Footer ----------------------------------
================================================== */
.footer {
  bottom: 0;
  width: 100%;
   background: #eee;
  border-top: 1px solid #DBDBDB;
  padding-top: 0;
  position: absolute;
  height: 325px
}
@media screen and (max-width: 768px) {
	.footer {
	  position: relative;
	  height: auto;
	}
	body {
  	margin: 0;
	}
}

.footer .heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-top: 2em
}

.footer a {color: #000;}
.footer a:hover {color: #e64422;}

.footer .footer-navigate {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.footer .footer-navigate li {
    border-bottom: 1px solid #DADADA;
}
.footer .footer-navigate li a {display: block; padding: 5px 0;}


/* Footer Menu ----------*/
.footer-menu {
    background-color: #333;
    color: #aaa;
    font-size: 80%;
    padding: 1.5em 0 .5em 0;
    clear: both;
    margin: 2.5em 0 0 0 !important
}
.footer-menu ul {list-style-type: none;}
.footer-menu li {float: left; margin-left: 10px;}
.footer-menu a {color: #ccc;}
.footer-menu a:hover {color: #fff;}
.footer-menu .copyright {}






/* ----- Main Container --------------------------
================================================== */
.jumbotron {
  background-color: #fff;
  padding-top: 3em;
  padding-bottom: 3em;
  font-size: 100%
}
.container .jumbotron,
.container-fluid .jumbotron {
  box-shadow: 0 .4em 1em 0 rgba(0, 0, 0, 0.25);
  border-radius: 7px;
}

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

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

.jumbotron.bg-hausfarbe ul,
.jumbotron.bg-hausfarbe ul li,
.jumbotron.bg-hausfarbe ul li a {
	color: #fdddd7
	}
.jumbotron.bg-hausfarbe ul li {
	border-color: #f07d66
	}
.jumbotron.bg-hausfarbe ul li a.active,
.jumbotron.bg-hausfarbe ul li a.active:hover,
.jumbotron.bg-hausfarbe ul li a:hover {
	border-left: 3px solid #fff;
	color: #fff
	}
.jumbotron.bg-hausfarbe .icon,
.jumbotron.bg-hausfarbe .icon i,
.jumbotron.bg-hausfarbe .icon a {
	color: #fff
	}
.jumbotron.bg-hausfarbe .icon a {
	color: #fff;
	border: none
	}
.jumbotron.bg-hausfarbe .icon a:hover {
	text-decoration: underline
	}


@media screen and (max-width: 768px) {
	.jumbotron {
		background: none;
	}
	.container .jumbotron,
	.container-fluid .jumbotron {
	    box-shadow: none;
	    padding-bottom: 0;
	  }
	 .jumbotron.bg-grey,
	 .jumbotron.bg-hausfarbe {
		padding:  .8em 3% 1.5em 3%;
		box-shadow: 0 .4em 1em 0 rgba(0, 0, 0, 0.25);
	}
}













/* --------- end NAVI-PARALLEL -------- */










/* ----- Listen / Adress / Downloads -------------
================================================== */

.list,
.list2,
.list3,
.content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: .5em
}


.list li,
.content ul li {
	list-style: none;
	padding: 0 0 .6em 20px;
	margin: 0;
	background: url(../images/pfeile/pfeil_next2.gif) no-repeat top left;
	background-position-x: 5px
	}
.list a,
.content ul li a { 
	color: #e64422;
	margin-right: .3em;
	}
.list a:hover,
.content ul li a:hover { color: #e64422; text-decoration: underline }




.list2 li {
	border-bottom: 1px solid #ccc;
	padding: .4em 0 .4em 20px !important;
	margin-top: .4em;
	width: 100%;
	line-height: 1.3em;
	background: url(../images/pfeile/pfeil_next2.gif) no-repeat top left;
	background-position-x: 5px;
	background-position-y: 4px !important;
	}
.list2 li a {
	color: #000;
	}
.list2 li a:hover,
.list2 li a.active,
.list2 li a.active:hover { color: #e64422; text-decoration: none }



.list3 li {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: .4em 10px .4em 10px;
	list-style: none;
	line-height: 1.3em;
	background: none;
}
.list3 li a {
	color: #000;
	margin-right: .3em;
	}
.list3 li a.active,
.list3 li a.active:hover {
	color: #e64422;
	border-left: 3px solid #e64422;
	text-decoration: none;
	}
.list3 li a:hover {
	color: #e64422;
	border-left: 3px solid #e64422;
	text-decoration: none;
	padding-left: 7px;
	margin-left: -10px
	}








/* ----- Navi Ebene 3 ----------------------------
================================================== */

ul.ebene3 {
	padding: 0;
	float: left;
	width: 100%;
	margin: 2.5em 0 1.5em 0
	}
ul.ebene3 li {
	list-style: none;
	background: none;
	padding: 0
	}
ul.ebene3 li a {
	padding: .1em .6em;
	margin: 0 .4em .3em 0;
	float: left;
	border-radius: 3px;
	background: #b3b3b3;
	border: 1px solid #a5a5a5;
	color: #fff;
	line-height: 1.3em;
	font-size: 105%;
	}
ul.ebene3 li a:hover,
ul.ebene3 li a.active:hover {
	padding: .1em .6em;
	margin: 0 .4em .3em 0;
	background: #d64325;
	border: 1px solid #bc3322;
	color: #fff;
	text-decoration: none
	}
ul.ebene3 li a.active {
	background: #e64422;
	border: 1px solid #dd4422;
	}








/* --------- NAVI-PARALLEL
================================================================================== */
.navi-parallel {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em
	}
.navi-parallel li {
	list-style: none;
	padding: 0 0 .6em 20px;
	margin: 0;
	background: url(../images/pfeile/pfeil_next2.gif) no-repeat top left;
	background-position-x: 5px
	}
.navi-parallel li:hover {
	}	
.navi-parallel a { 
	color: #000;
	margin-right: .3em;
	}
.navi-parallel a:hover{ 
	color: #e64422; 
	text-decoration: none 
	}









/* --------- DOWNLOADS
================================================================================== */
.downloads {
	padding: 0;
	color: #999;
	list-style: none
	}
.downloads li {
	margin-top: .6em;
	padding-left: 22px;
	background: url(../images/pfeile/pfeil_next2.gif) no-repeat top left;
	background-position-x: 10px;
	list-style: none
	}
.downloads li a.pdf,
.downloads li a.word,
.downloads li a.mp3,
.downloads li a.audio,
.downloads li a.mov,
.downloads li a.video,
.list li a.pdf,
.list li a.word,
.list li a.mp3,
.list li a.audio,
.list li a.mov,
.list li a.video,
.list2 li a.pdf,
.list2 li a.word,
.list2 li a.mp3,
.list2 li a.audio,
.list2 li a.mov,
.list2 li a.video {
	color: #e64422;
	margin-left: -22px;
	/* display: block;  lässt z.B. Datengröße umbrechen */
	list-style: none
	}
	
.downloads li.pdf,
.downloads li.word,
.downloads li.mp3,
.downloads li.audio,
.downloads li.mov,
.downloads li.video,
.list li.pdf,
.list li.word,
.list li.mp3,
.list li.audio,
.list li.mov,
.list li.video,
.list2 li.pdf,
.list2 li.word,
.list2 li.mp3,
.list2 li.audio,
.list2 li.mov,
.list2 li.video,
li a.pdf,
li a.word,
li a.mp3,
li a.audio,
li a.mov,
li a.video {
	margin-left: 0;
	list-style: none
	}	
	
li a.pdf,
li a.word,
li a.mp3,
li a.audio,
li a.mov,
li a.video,
li.pdf,
li.word,
li.mp3,
li.audio,
li.mov,
li.video {
	color: #e64422;
	margin-left: -42px;
	padding-left: 32px;
	margin-top: .6em;
	/* display: block;  lässt z.B. Datengröße umbrechen */
	list-style: none
	}	

.list2 li.pdf a,
.list2 li.word a,
.list2 li.mp3 a,
.list2 li.audio a,
.list2 li.mov a,
.list2 li.video a {
	color: #e64422;
	margin-right: .3em
	}
.list2 li.pdf a:hover,
.list2 li.word a:hover,
.list2 li.mp3 a:hover,
.list2 li.audio a:hover,
.list2 li.mov a:hover,
.list2 li.video a:hover,
.list2 li a.pdf:hover,
.list2 li a.word:hover,
.list2 li a.mp3:hover,
.list2 li a.audio:hover,
.list2 li a.mov:hover,
.list2 li a.video:hover {
	text-decoration: underline
	}
	
	
		
.list3 li.pdf,
.list3 li.word,
.list3 li.mp3,
.list3 li.audio,
.list3 li.mov,
.list3 li.video {
	padding-left: 22px;
	background-position-y: 10px
	}
.list3 li.pdf a,
.list3 li.word a,
.list3 li.mp3 a,
.list3 li.audio a,
.list3 li.mov a,
.list3 li.video a {
	color: #e64422;
	}
.list3 li.pdf a:hover,
.list3 li.word a:hover,
.list3 li.mp3 a:hover,
.list3 li.audio a:hover,
.list3 li.mov a:hover,
.list3 li.video a:hover {
	color: #e64422;
	border-left: none;
	text-decoration: underline;
	padding-left: 10px
	}		
.list3 li a.pdf,
.list3 li a.word,
.list3 li a.mp3,
.list3 li a.audio,
.list3 li a.mov,
.list3 li a.video {
	color: #e64422;
	margin-left: -10px
	}
.list3 li a.pdf:hover,
.list3 li a.word:hover,
.list3 li a.mp3:hover,
.list3 li a.audio:hover,
.list3 li a.mov:hover,
.list3 li a.video:hover {
	color: #e64422;
	border-left: none;
	text-decoration: underline;
	padding-left: 22px
	}
				
a.pdf,
a.word,
a.mp3,
a.audio,
a.mov,
a.video {
	padding-left: 22px;
	}
a.pdf,
li.pdf 				{ background: url(../images/icons/pdf_k.gif) no-repeat top left }
a.word,
li.word 			{ background: url(../images/icons/word.gif) no-repeat top left }
a.mp3, a.audio,
li.mp3, li.audio	{ background: url(../images/icons/mp3_k.gif) no-repeat top left }
a.video, a.mov,
li.video, li.mov	{ background: url(../images/icons/mov_k.gif) no-repeat top left }

/* --------- end LISTEN / DOWNLOADS -------- */





.list_info {
	float: right;
	color: #999;
	font-size: 85%;
	margin-left: 1em;
	letter-spacing: -.05em;
	white-space: nowrap;}
.list_info i {
	margin-right: .5em;
	color: #aaa
}









.icon {
	margin: 0 0 .5em 25px;
	display: block;
	position: relative
	}
.icon i {
	margin-left: -25px;
	width: 25px;
	color: #333;
	top: .45em;
	position: absolute
	}
.icon a {
	color: #000;
	border-bottom: 1px dotted #666
	}
.icon a:hover {
	color: #e64422;
	border-bottom: 1px dotted #e64422;
	text-decoration: none
	}

.icon i.hausfarbe { color: #e64422 }

.icon table {
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	}
.icon table tr {
	min-width: 250px;
	}

.pfeil {
	padding: 0 0 0 12px;
	background: url(../images/pfeile/pfeil_next2.gif) no-repeat top left;
	color: #000;
	margin-left: 0
	}
a.pfeil			{ color: #e64422 }
a.pfeil:hover 	{ color: #e64422; text-decoration: underline }




.icon-fachbereiche {
	color: #888;
	float: right;
	}
.icon-fachbereiche i {
	font-size: 90%;
	color: #a0a0a0;
	margin-right: 5px;
	}
@media (max-width: 992px) { 
	.icon-fachbereiche { float: left; }
}





.btn.icon-fachbereiche {
	float: right;
	color: #888;
	margin-right: 1%;
	font-size: 95%
	}
	.btn.btn-grey.icon-fachbereiche {
		color: #fff
		}
.btn.icon-fachbereiche i {
	font-size: 90%;
	margin-right: .4em;
	margin-left: 0;
	width: auto
	}



/* ----- Bilder ---------------------------------
================================================== */


.galerie {
	margin: 2em 0 0 0;
}


.galerie_wrap {
	padding: 2em 0;
	clear: both;
}


.bildrahmenmitte,
.bildrahmenmitte-nb {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  margin-bottom: 1.5em
}

.bildrahmenrechts,
.bildrahmenlinks,
.bildrahmenrechts-nb,
.bildrahmenlinks-nb {
  float: right;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  margin-top: .2em;
  margin-bottom: 1em;
  margin-left: 1.5em
}
.bildrahmenlinks,
.bildrahmenlinks-nb {
  float: left;
  margin-left: 0;
  margin-right: 1.5em
}


.bildrahmenrechts-nb,
.bildrahmenlinks-nb,
.bildrahmenmitte-nb {
	padding: 0;
	border: none
}








/* --------- VIDEO
================================================== */
.video_wrap {
	margin-bottom: 2em
}

video {
	width:100%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #eee;
	background: #000;
	padding: 0;
	margin: 0;
}

.video_curser {
	cursor: pointer;
}
/* --------- end VIDEO -------- */






/* ----- Buttons ---------------------------------
================================================== */
.btn {
	white-space: normal
}

.btn-default {
	background: #e64422;
	border-color: #c94429;
	border-top-color: #f6836c;
	border-left-color: #f6836c;
	border-bottom-color: #bc3322;
	border-right-color: #bc3322;
	color: #fff;
	}
.btn-default:hover {
	background: #d64325;
	border: 1px solid #bc3322;
	color: #fff
	}
	
.bg-hausfarbe .btn-default {
	background: #eee;
	color: #666;
	border-top-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #aaa;
	border-right-color: #aaa;
	}
.bg-hausfarbe .btn-default:hover {
	background: #fff;
	color: #000
	}


.btn-warning {
	background: #e38900;
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	border-top-color: rgba(255, 255, 255, 0.2) !important;
	border-left-color: rgba(255, 255, 255, 0.2) !important;
	color: #fff;
	}
.btn-warning:hover {
	background: #d78500;
	}


.bg-hausfarbe .pdf,
.bg-hausfarbe .word,
.bg-hausfarbe .mp3,
.bg-hausfarbe .audio,
.bg-hausfarbe .mov,
.bg-hausfarbe .video {
	color: #eb9387 !important
	}
.bg-hausfarbe a.pdf,
.bg-hausfarbe a.word,
.bg-hausfarbe a.mp3,
.bg-hausfarbe a.audio,
.bg-hausfarbe a.mov,
.bg-hausfarbe a.video,
.bg-hausfarbe .pdf a,
.bg-hausfarbe .word a,
.bg-hausfarbe .mp3 a,
.bg-hausfarbe .audio a,
.bg-hausfarbe .mov a,
.bg-hausfarbe .video a {
	color: #fff !important
	}
.bg-hausfarbe a.pdf:hover,
.bg-hausfarbe a.word:hover,
.bg-hausfarbe a.mp3:hover,
.bg-hausfarbe a.audio:hover,
.bg-hausfarbe a.mov:hover,
.bg-hausfarbe a.video:hover,
.bg-hausfarbe .pdf a:hover,
.bg-hausfarbe .word a:hover,
.bg-hausfarbe .mp3 a:hover,
.bg-hausfarbe .audio a:hover,
.bg-hausfarbe .mov a:hover,
.bg-hausfarbe .video a:hover {
	border: none !important
	}	


.btn-grey {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,c1c1c1+100 */
	background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top, #dbdbdb 0%, #c1c1c1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#c1c1c1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dbdbdb 0%,#c1c1c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
	color: #fff;
	border-color: #ccc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-grey:hover {
	background: #bbb;
	color: #fff;
	border: 1px solid #aaa
}
.btn-grey i {
	color: #fff
}


.btn-white {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	color: #888;
	border: 1px solid #eee;
}
.btn-white:hover {
	background: #eee;
	border: 1px solid #ddd
}
.btn-white i {
	color: #999
}


.btn-primary:hover {
	border: 1px solid #204d74;
}


.btn-link {
	float: right;
	color: #888;
	margin: 0 0 0 0;
	text-align: right;
	padding: 0 0 0 .2em;
	clear: both;

	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #888;
	line-height: 0px;
	_border-color: #ffffff #ffffff #ffffff #888;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
.btn-link:hover {
	color: #000;
	text-decoration: none;

	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #000;
	line-height: 0px;
	_border-color: #ffffff #ffffff #ffffff #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');


}










/* ----- Bilder ----------------------------------
================================================== */

.img-thumbnail { margin-right: 2.7%; margin-bottom: 1em; margin-top: .3em }
.img-thumbnail.pull-right { margin-left: 2.5%; margin-right: 0;  }

.img-thumbnail:last-child { margin-right: 0 }






/* ----- sonstiges / Text / Farben ---------------
================================================== */


p {
	font-size: 100%;
	margin: 0 0 1em 0;
	font-weight: 300;
}

a { color: #e64422 }
a:hover { color: #e64422; text-decoration: underline; border: none }

h1, h2, h3, h4, h5, h6 { color: #e64422 }

h1 {
	font-size: 290%;
	font-weight: 200;
	letter-spacing: 1px;
	padding-top: .5em;
	margin-bottom: .5em;
	}
h2 {
	font-size: 230%;
	font-weight: 200;
	padding-top: .5em;
	margin-bottom: .5em;
	}
h3 {
	font-size: 180%;
	font-weight: 200;
	padding-top: .8em;
	margin-bottom: .5em;
	}
h4 {
	font-size: 125%;
	font-weight: 400;
	padding-top: 1.3em;
	margin-bottom: .5em;
	}
h5 {
	font-size: 120%;
	font-weight: bold;
	padding-top: 1em;
	margin-bottom: 1em;
	line-height: 1.3em;
	}
h6 {
	font-size: 100%;
	font-weight: bold;
	padding-top: 1em;
	margin-bottom: 1em;
	line-height: 1.3em
	}

@media screen and (max-width: 768px) {
	h1 { font-size: 220%; font-weight: 300; }
	h2 { font-size: 190%; font-weight: 300; }
	h3 { font-size: 165%; font-weight: 300; }
	h4 { font-size: 130% }
	h5 { font-size: 110% }
	h6 { font-size: 105% }
}


sub {
	margin-bottom: 1.5em;
	display: inline-block;
	letter-spacing: 0
	}

.col-xs-2 h1, .col-xs-2 h1, .col-xs-3 h1, .col-xs-3 h1, .col-xs-4 h1, .col-xs-4 h1,
.col-sm-2 h1, .col-sm-2 h1, .col-sm-3 h1, .col-sm-3 h1, .col-sm-4 h1, .col-sm-4 h1,
.col-md-2 h1, .col-md-2 h1, .col-md-3 h1, .col-md-3 h1, .col-md-4 h1, .col-md-4 h1,
.col-lg-2 h1, .col-lg-2 h1, .col-lg-3 h1, .col-lg-3 h1, .col-lg-4 h1, .col-lg-4 h1 { font-size: 220%; font-weight: 300; }

.col-xs-2 h2, .col-xs-2 h2, .col-xs-3 h2, .col-xs-3 h2, .col-xs-4 h2, .col-xs-4 h2,
.col-sm-2 h2, .col-sm-2 h2, .col-sm-3 h2, .col-sm-3 h2, .col-sm-4 h2, .col-sm-4 h2,
.col-md-2 h2, .col-md-2 h2, .col-md-3 h2, .col-md-3 h2, .col-md-4 h2, .col-md-4 h2,
.col-lg-2 h2, .col-lg-2 h2, .col-lg-3 h2, .col-lg-3 h2, .col-lg-4 h2, .col-lg-4 h2 { font-size: 190%; font-weight: 300; }

.col-xs-2 h3, .col-xs-2 h3, .col-xs-3 h3, .col-xs-3 h3, .col-xs-4 h3, .col-xs-4 h3,
.col-sm-2 h3, .col-sm-2 h3, .col-sm-3 h3, .col-sm-3 h3, .col-sm-4 h3, .col-sm-4 h3,
.col-md-2 h3, .col-md-2 h3, .col-md-3 h3, .col-md-3 h3, .col-md-4 h3, .col-md-4 h3,
.col-lg-2 h3, .col-lg-2 h3, .col-lg-3 h3, .col-lg-3 h3, .col-lg-4 h3, .col-lg-4 h3 { font-size: 165%; font-weight: 300; }

.col-xs-2 h4, .col-xs-2 h4, .col-xs-3 h4, .col-xs-3 h4, .col-xs-4 h4, .col-xs-4 h4,
.col-sm-2 h4, .col-sm-2 h4, .col-sm-3 h4, .col-sm-3 h4, .col-sm-4 h4, .col-sm-4 h4,
.col-md-2 h4, .col-md-2 h4, .col-md-3 h4, .col-md-3 h4, .col-md-4 h4, .col-md-4 h4,
.col-lg-2 h4, .col-lg-2 h4, .col-lg-3 h4, .col-lg-3 h4, .col-lg-4 h4, .col-lg-4 h4 { font-size: 130% }

.col-xs-2 h5, .col-xs-2 h5, .col-xs-3 h5, .col-xs-3 h5, .col-xs-4 h5, .col-xs-4 h5,
.col-sm-2 h5, .col-sm-2 h5, .col-sm-3 h5, .col-sm-3 h5, .col-sm-4 h5, .col-sm-4 h5,
.col-md-2 h5, .col-md-2 h5, .col-md-3 h5, .col-md-3 h5, .col-md-4 h5, .col-md-4 h5,
.col-lg-2 h5, .col-lg-2 h5, .col-lg-3 h5, .col-lg-3 h5, .col-lg-4 h5, .col-lg-4 h5 { font-size: 110% }

.col-xs-2 h6, .col-xs-2 h6, .col-xs-3 h6, .col-xs-3 h6, .col-xs-4 h6, .col-xs-4 h6,
.col-sm-2 h6, .col-sm-2 h6, .col-sm-3 h6, .col-sm-3 h6, .col-sm-4 h6, .col-sm-4 h6,
.col-md-2 h6, .col-md-2 h6, .col-md-3 h6, .col-md-3 h6, .col-md-4 h6, .col-md-4 h6,
.col-lg-2 h6, .col-lg-2 h6, .col-lg-3 h6, .col-lg-3 h6, .col-lg-4 h6, .col-lg-4 h6 { font-size: 105%  }





h2.black {
	color: #000;
	}

.bg-hausfarbe h1,
.bg-hausfarbe h2,
.bg-hausfarbe h3,
.bg-hausfarbe h4,
.bg-hausfarbe h5 {
	color: #fff
	}

.abstand_gering,
h1.abstand_gering,
h2.abstand_gering,
h3.abstand_gering,
h4.abstand_gering,
 h5.abstand_gering
	{ margin-top: 0; padding-top: 0; margin-bottom: .2em }
.abstand_gering_oben,
h1.abstand_gering_oben,
h2.abstand_gering_oben,
h3.abstand_gering_oben,
h4.abstand_gering_oben,
h5.abstand_gering_oben
	{ margin-top: 0; padding-top: 0 }
.abstand_gering_unten,
h1.abstand_gering_unten,
h2.abstand_gering_unten,
h3.abstand_gering_unten,
h4.abstand_gering_unten,
h5.abstand_gering_unten
	{ margin-bottom: 0; padding-bottom: 0;  }
.abstand_mittel,
h1.abstand_mittel,
h2.abstand_mittel,
h3.abstand_mittel,
h4.abstand_mittel,
h5.abstand_mittel
	{ margin-top: .5em; margin-bottom: .5em;   }
.abstand_mittel_oben,
h1.abstand_mittel_oben,
h2.abstand_mittel_oben,
h3.abstand_mittel_oben,
h4.abstand_mittel_oben,
h5.abstand_mittel_oben
	{ margin-top: 0; padding-top: .8em}
.abstand_viel_oben,
h1.abstand_viel_oben,
h2.abstand_viel_oben,
h3.abstand_viel_oben,
h4.abstand_viel_oben,
h5.abstand_viel_oben
	{ margin-top: 2em  }
.abstand_viel_unten {
	margin-bottom: 2em
}

.abstand_negativ_oben {
	margin-top: -1.6em;
	position: relative;
	display: block
}
.abstand_negativ_unten {
	margin-bottom: -1.6em;
	position: relative;
	display: block
}



/* @group Textgroessen */
.txt_xxxs 	{ font-size: 50%; line-height: 1.2em }
.txt_xxs 	{ font-size: 60%; line-height: 1.3em }
.txt_xs 	{ font-size: 80%; line-height: 1.3em }
.txt_s 		{ font-size: 90%; line-height: 1.3em }
.txt_m 		{ font-size: 100% }
.txt_l 		{ font-size: 130% }
.txt_xl 	{ font-size: 160% }
.txt_xxl 	{ font-size: 200% }
.txt_xxxl 	{ font-size: 230% }
/* @end Textgroessen*/




.min_height_25	{ min-height:25px;	height:auto !important;	height:25px; }
.min_height_50	{ min-height:50px;	height:auto !important;	height:50px; }
.min_height_75	{ min-height:75px;	height:auto !important;	height:75px; }
.min_height_100	{ min-height:100px; height:auto !important; height:100px; }
.min_height_125	{ min-height:125px; height:auto !important; height:125px; }
.min_height_150	{ min-height:150px;	height:auto !important;	height:150px; }
.min_height_175	{ min-height:175px;	height:auto !important;	height:175px; }
.min_height_190	{ min-height:190px;	height:auto !important;	height:190px; }
.min_height_200	{ min-height:200px;	height:auto !important;	height:200px; }
.min_height_250	{ min-height:250px;	height:auto !important;	height:250px; }
.min_height_300	{ min-height:300px;	height:auto !important;	height:300px; }
.min_height_350	{ min-height:350px;	height:auto !important;	height:350px; }
.min_height_400	{ min-height:400px;	height:auto !important;	height:400px; }
.min_height_450	{ min-height:450px;	height:auto !important;	height:450px; }
.min_height_500	{ min-height:500px;	height:auto !important;	height:500px; }
.min_height_550	{ min-height:550px;	height:auto !important;	height:550px; }
.min_height_600	{ min-height:600px;	height:auto !important;	height:600px; }
.min_height_700	{ min-height:700px;	height:auto !important;	height:700px; }
.min_height_800	{ min-height:800px;	height:auto !important;	height:800px; }
.min_height_900	{ min-height:900px;	height:auto !important;	height:900px; }







/* --------- PAGETOP
================================================== */
.pagetop-scroll {
    cursor: pointer;
    position: fixed;
    bottom: 150px;
    right: 15px;
    display:none;
    padding: 1.3em 1em;
    color: #fff;
    z-index: 1000;
    border-radius: 3px;
    background: rgba(230, 68, 34, 0.4);
    letter-spacing: 0;
    line-height: .8em;
    text-align: center
    }
.pagetop-scroll,
.pagetop-scroll:link,
.pagetop-scroll:visited;
.pagetop-scroll:focus {
   color: #fff;
	}	
.pagetop-scroll:hover {
    color: #fff;
    background: #e64422;
    text-decoration: none
	}	

@media (max-width: 767px) {
	.pagetop-scroll {
		padding: .5;
		bottom: 100px;
		right: 5px;
		font-size: 85%
    }
}
/* --------- end PAGETOP -------- */







.hausfarbe {
	color: #e64422
}
.grau {
	color: #888
}
.black {
	color: #000
}

.bold { font-weight:  bold }
.normal { font-weight: normal}

hr {
	margin-top: 2.5em;
	margin-bottom: 2.5em
}
.hr_klein {
	margin: 1.5em 0
}
.bg-hausfarbe hr {
	border-color: #e86f57
}

.clearer { clear: both }








/* ----- Cols / Boxen mit Hintergrund ------------
================================================== */
.row {
	}

.row.border {
	border-top: 1px solid #ddd;
	padding: .6em 0 0 0;
	margin: .6em 0 0 0;
	}
	.row.border:first-child {
		border-top: none;
		padding-top: 0;
		margin-top: 0
		}
	.row.border > [class*="col-"] {
		padding: 0;
		padding-right: 15px
		}
	.row.border > [class*="col-"]:last-child {
		padding-left: 0
		}		

.card {
  	min-height: 20px;
  	padding: 0 2em 3em 2em;
  	margin-bottom: 2em;
  	background-color: #fff;
  	border: 1px solid #ddd;
  	border-radius: 7px;
  	box-shadow: 0 .4em 1em 0 rgba(0, 0, 0, 0.25);
	}

.card.bg-hausfarbe{
	border:1px solid #d74325;
	}

.card-deck{
	margin-bottom: 0 /* --- unterer Abstand bei großen screens unnötig, erst bei Mobile, durch .card-deck .card bestimmt --- */
	}
/* --- card = Boxen mit Hintergrund und Abstand --- */



/* --- card-deck = wie .row
   --- Boxen sind gleich lang
   --- kurze Boxen haben gleich langen Hintergrund
   --- keine Angabe von Spaltenbreite > passt sich automatisch der Breite an
   --- Nachteil: Spalten immer gleich breit, kann man nicht festlegen in Breite ---  */
@media (min-width:768px){
.card-deck{
	display:table;
	width:100%;
	table-layout:fixed;
	border-spacing:1.25rem 0;
	margin-bottom: 2em
	}

.card-deck-wrapper{
	margin-right:-1.25rem;
	margin-left:-1.25rem
	}
}







/* ----- Hintergrund -----------------------------
================================================== */


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

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


.bg-hausfarbe ul,
.jumbotron.bg-hausfarbe ul,
.jumbotron.bg-hausfarbe ul li,
.jumbotron.bg-hausfarbe ul li a {
	color: #fdddd7
	}
.bg-hausfarbe ul li,
.jumbotron.bg-hausfarbe ul li {
	border-color: #f07d66
	}
.bg-hausfarbe ul li a.active,
.bg-hausfarbe ul li a.active:hover,
.bg-hausfarbe ul li a:hover,
.jumbotron.bg-hausfarbe ul li a.active,
.jumbotron.bg-hausfarbe ul li a.active:hover,
.jumbotron.bg-hausfarbe ul li a:hover {
	border-left: 3px solid #fff;
	color: #fff
	}

.bg-hausfarbe .icon,
.bg-hausfarbe .icon i,
.bg-hausfarbe .icon a,
.jumbotron.bg-hausfarbe .icon,
.jumbotron.bg-hausfarbe .icon i,
.jumbotron.bg-hausfarbe .icon a {
	color: #fff
	}
.bg-hausfarbe .icon a,
.jumbotron.bg-hausfarbe .icon a {
	color: #fff;
	border: none
	}
.bg-hausfarbe .icon a:hover,
.jumbotron.bg-hausfarbe .icon a:hover {
	text-decoration: underline
	}












/* ----- Table / Zeilen ---------------------------------
================================================== */
table {
	display: inline-block;
}
table tr {
	border-bottom: 1px dotted #bbb;
}
table td {
	padding: .3em 0;
	padding-right: 0;
	line-height: 1.3em;
}
table td:first-child {
	font-weight: bold;
	color: #444;
	padding-right: 5%;
	min-width: 30px;
}
.bg-hausfarbe table td:first-child {
	color: #fff;
}
table a {
	border-bottom: 1px dotted #ccc;
	color: #000
	}
table a.active,
table a.active:hover {
	color: #e64422;
	}





.zeile {
	float: left;
	clear: both;
	width: 100%;
	padding: .6em 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
.zeile.even,
.even {
	background: #f6f6f6
}

.zeile .col-xs-1,
.zeile .col-sm-1,
.zeile .col-md-1,
.zeile .col-lg-1,
.zeile .col-xs-2,
.zeile .col-sm-2,
.zeile .col-md-2,
.zeile .col-lg-2,
.zeile .col-xs-3,
.zeile .col-sm-3,
.zeile .col-md-3,
.zeile .col-lg-3,
.zeile .col-xs-4,
.zeile .col-sm-4,
.zeile .col-md-4,
.zeile .col-lg-4,
.zeile .col-xs-5,
.zeile .col-sm-5,
.zeile .col-md-5,
.zeile .col-lg-5,
.zeile .col-xs-6,
.zeile .col-sm-6,
.zeile .col-md-6,
.zeile .col-lg-6,
.zeile .col-xs-7,
.zeile .col-sm-7,
.zeile .col-md-7,
.zeile .col-lg-7,
.zeile .col-xs-8,
.zeile .col-sm-8,
.zeile .col-md-8,
.zeile .col-lg-8,
.zeile .col-xs-9,
.zeile .col-sm-9,
.zeile .col-md-9,
.zeile .col-lg-9,
.zeile .col-xs-10,
.zeile .col-sm-10,
.zeile .col-md-10,
.zeile .col-lg-10,
.zeile .col-xs-11,
.zeile .col-sm-11,
.zeile .col-md-11,
.zeile .col-lg-11,
.zeile .col-xs-12,
.zeile .col-sm-12,
.zeile .col-md-12,
.zeile .col-lg-12 {
	margin-bottom: 0;
	}




/* ----- Formular --------------------------------
================================================== */

.hinten { margin-left: .5em; } /* hinter Häckchen-Punkten */

.form_error {
	color: red;
	margin-top: 1em;
	line-height: 1.1em
}
.error{
	z-index: 10;
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 85% !important;
	font-weight: 600; 
	border-radius: 3px;
	background: red !important;
	color: #fff !important;
	line-height: 1.1em !important;
	padding: .2em .5em !important;
	margin-bottom: 4px !important;
	opacity: .75;
	box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.3);
}
.bg-error { 
	background: red !important;
	color: #fff;
	line-height: 1.1em !important;
	padding: .2em .5em !important;
	border-radius: 3px;
	position: relative;
	display:block;
	}
.error:before,
.bg-error:before {
    top: 95%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-top-color: red;
    border-width: 7px;
    margin-left: -7px;
}

.absenden {
	margin: 2em 0
}



/* @group DL-Liste */


.dl_liste_2 {
	width:100%;
	padding-top: .4em;
	padding-bottom: .4em;
}

.dl_liste_2 dd {
	margin: 0;
	padding: 0;
}

.dl_liste_2 dl {
	display:inline;
}

.dl_liste_2 dt, .dl_liste_2 dd {
	float:left;
	padding-top: .2em;
	padding-bottom: .2em;
}

.dl_liste_2 dt {
	clear:left;
	width:30%;
}

.dl_liste_2 dd {
	width:70%;
}

/* @end */







code {
	color: #000;
	background: #f0f0f0;
	padding: 0;
}
.highlight {
	margin: .5em 0 5em 0 !important;
	clear: both;
	float: left;
	font-size: 90%;
	width: 100%
}
.highlight code {
	background: none
}







/* ============================================================== 
     # COLs 
=================================================================== */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
[class*="col-"] {
	}	

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
/* =========== end COLs  =========== */




.hide-480,
.hide-575,
.hide-768,
.hide-992,
.hide-1200 {
	}
.show-480,
.show-575,
.show-768,
.show-992,
.show-1200 {
	display: none !important
	}				
@media (max-width: 1200px) {
	.hide-1200 {
		display: none !important;
		}	
	.show-1200 {
		display:inherit !important;
		}
	}
@media (max-width: 992px) {
	.hide-992 {
		display: none !important;
		}	
	.show-992 {
		display:inherit !important;
		}
	}
@media (max-width: 767px) {
	.hide-768 {
		display: none !important;
		}	
	.show-768 {
		display:inherit !important;
		}
	}
@media (max-width: 575px) {
	.hide-575 {
		display: none !important;
		}
	.show-575 {
		display:inherit !important;
		}		
	}	
@media (max-width: 480px) {
	.hide-480 {
		display: none !important;
		}
	.show-480 {
		display:inherit !important;
		}		
	}	
	
	
	
@media (max-width: 992px) {
	.pull-992-left	 {
		float: left !important
		}	
	.pull-992-right {
		float: right !important
		}
	}		
@media (max-width: 767px) {
	.pull-768-left	 {
		float: left !important
		}	
	.pull-768-right {
		float: right !important
		}
	}
@media (max-width: 575px) {
	.pull-575-left	 {
		float: left !important
		}	
	.pull-575-right {
		float: right !important
		}
	}	
	
	
	
.float-left {
	float: left !important
	}
.float-right {
	float: right !important
	}
@media (max-width: 992px) {
	.float-992-left	 {
		float: left !important
		}	
	.float-992-right {
		float: right !important
		}
	}		
@media (max-width: 767px) {
	.float-768-left	 {
		float: left !important
		}	
	.float-768-right {
		float: right !important
		}
	}
@media (max-width: 575px) {
	.float-575-left	 {
		float: left !important
		}	
	.float-575-right {
		float: right !important
		}
	}		
	
	
	
	
.clearer 				{ clear: both !important }
.noclearer 				{ clear: none !important }

.clearer-1200 			{ display: inline } 
.clearer-992 			{ display: inline } 
.clearer-768 			{ display: inline } 
.clearer-480			{ display: inline } 

@media (max-width: 1200px) { .clearer-1200 { display: block; clear: both !important } }
@media (max-width: 992px) { .clearer-992 { display: block; clear: both !important } }
@media (max-width: 767px) { .clearer-768 { display: block; clear: both !important } }
@media (max-width: 575px) { .clearer-575 { display: block; clear: both !important } }
@media (max-width: 480px) { .clearer-480 { display: block; clear: both !important } }