/* 3.001 - 16.11.2021 */

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

body {
	margin: 0 0 290px 0; /* sticky footer height */
	}



/* --------- 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: 30px;
	}
}
/* --------- end ANCHOR -------- */







/* --------- CONTENT
================================================== */
.container-fluid {
	padding: 0
	}
.content  { /* für Content-Bereich class="container content" */
	margin-bottom: 2em;
	padding-top: 25px;
	}
.content-rechts {
	}	
@media (max-width: 767px) {
  	.content  			{ padding-top: 0; margin-top: 1em !important }
  	.content-rechts 	{ margin-top: 1.5em }
	}

.bg-content,
.content.bg-content,
.row .bg-content {
  background: #fff;
  border-radius: 5px;
  box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.2);
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 3em;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 3em;
	}    
.content.bg-content {
  margin-top: 25px
  }  
  
.content .well,
.content .bg-content {
  display: inline-block;
  width: 100%;
  min-width: 100%
}  
  
  
	@media (min-width: 768px) {
	  .content.bg-content { width: 720px }
	}
	@media (min-width: 992px) {
	  .content.bg-content { width: 940px }
	}
	@media (min-width: 1200px) {
	  .content.bg-content { width: 1140px }
	}


.bg-content.border,
.well.border,
.bildrahmenmitte.border,
.bild-top.border {
 float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 4px;
  -moz-background-size: 100% 4px;
  background-size: 100% 4px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%);
  background-image: -moz-linear-gradient(left, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%);
  background-image: -o-linear-gradient(left, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%);
  background-image: linear-gradient(to right, #654321 0%, #654321 65%, #ccc 65%, #ccc 100%)
  }
.bild-top.border {
	padding-top: 0
	}  

@media (max-width: 767px) {
	.content.bg-content { 
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 15px;
		padding-right: 15px;
		}
	.bg-content.border {
		width: auto;
		}
}


.bg-content.bg-hausfarbe,
.bg-content.bg-hausfarbe2,
.bg-content.bg-grey,
.bg-content.bg-darkgrey,
.bg-content.bg-transp {
	padding-bottom: 2em
}
/* --------- end CONTENT -------- */








/* ----- Footer ----------------------------------
================================================== */
.footer-abstand {
	height: 2em;
	clear: both;
	width: 100%;
}
.negativ-footer-abstand {
	margin-bottom: -2em
}

.footer {
  bottom: 0;
  width: 100%;
  padding-top: 0;
  position: absolute;
  height: 290px;
  padding-top: 0;
  color: #888;
  background: #fff;
  box-shadow:  -.1em -.1em .1em rgba(0, 0, 0, 0.1);
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
 
.footer .row	{ margin-bottom: 1em }

.footer a,
.footer ul li a  		{ color: #888; font-weight: normal !important }
.footer a:hover,
.footer ul li a:hover 	{color: #000; text-decoration: none}

.footer ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
	}
.footer ul li {
    padding: .2em 0;
    border-bottom: 1px solid #ddd;
    }
.footer ul li a {
	display: block; 
	font-weight: normal !important
	}
.footer .icon {
	border-bottom: 1px solid #ddd;
	padding: .2em 0;
	}
.footer h1 {
	margin-top: 1.5em;
	padding-top: 0;
    float: left;
    width: 100%
	}		


.footer .icon {
	padding-left: 25px;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both;
	color: #888;
	font-weight: normal;
	margin-top: 0
	}
.footer .icon a {
	color: #888;
	font-weight: normal
	}
.footer .icon i {
	margin-left: -23px;
	width: 15px;
	background: none;
	padding: 0;
	border: none;
	text-shadow: none;
	color: #888;
	margin-top: 1px
	}
.footer .icon.icon-xl 	{ 
	padding-top: 0;
	}	
.footer .icon.icon-xl i 	{ 
	margin-left: -25px;
	width: 15px;
	margin-top: 0;
	}
	


/* Footer Menu ----------*/
.footer-menu {
    font-size: 80%;
    padding: .8em 0;
    clear: both;
    background: #e9e9e9;
	color: #bbb;
	border-top: 1px solid #fff;
	box-shadow: -1px -1px #ddd;
	bottom: 0;
	position: absolute;
    width: 100%;
}
.footer-menu p { text-align: left;  }
.footer-menu ul {list-style-type: none;}
.footer-menu li {float: left; margin-left: 10px;}
.footer-menu a {color: #999;}
.footer-menu a:hover {color: #000; }
.footer-menu .copyright {}




@media (max-width: 767px) {
	body {
		margin-bottom: 0
		}
	.footer{
		position: relative;
		height: auto;
		padding-bottom: 1em
		}
	.footer-menu {
	    position: relative;
	    height: auto;
		}
}
/* --------- end FOOTER -------- */






/* --------- BUTTONS
================================================== */
.btn {
	white-space: normal;
	border-radius: 3px;
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #d0d0d0;
	font-weight: normal !important;
	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);
	margin-bottom: .5em
	}
form .btn,
button.btn,
input.btn {
	margin-bottom: 0
	}
.btn:hover,
.btn:focus {
	text-decoration: none !important	
	}
.btn:active,
.btn.active {
	background-image: none;
	text-decoration: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}	
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	-webkit-box-shadow: none;
    box-shadow: none;
	}
.btn .badge {
	text-shadow: none;
	}



a.btn  b				{ color: #555 }
a.btn b:hover 			{ color: #000 }

a.btn-primary  b,
a.btn-info  b,
a.btn-warning  b,
a.btn-danger  b,
a.btn-success  b		{ color: #fff }

a.btn-primary b:hover,
a.btn-info b:hover,
a.btn-warning b:hover,
a.btn-danger b:hover,
a.btn-success b:hover 	{ color: #eee }




button,
input,
.btn,
[class*="bg-"] .btn {
	color: #555 !important;
	text-shadow: none 
	}
	button:hover,
	input:hover,
	.btn:hover,
	[class*="bg-"] .btn:hover {
	color: #000 !important 
	}
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
[class*="bg-"] .btn-primary,
[class*="bg-"] .btn-info,
[class*="bg-"] .btn-success,
[class*="bg-"] .btn-warning,
[class*="bg-"] .btn-danger { 
	color: #fff !important 
	} 		
	.btn-primary:hover,
	.btn-info:hover,
	.btn-success:hover,
	.btn-warning:hover,
	.btn-danger:hover,
	[class*="bg-"] .btn-primary:hover,
	[class*="bg-"] .btn-info:hover,
	[class*="bg-"] .btn-success:hover,
	[class*="bg-"] .btn-warning:hover,
	[class*="bg-"] .btn-danger:hover { 
	color: #fff !important 
	} 
.btn-default,
[class*="bg-"] .btn-default {
	color: #555 !important 
	}
	.btn-default:hover,
	[class*="bg-"] .btn-default:hover {
	color: #000 !important 
	}
			




.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
	}
	.btn-default:hover,
	.btn-default:focus {
	  background-color: #e0e0e0;
	  background-position: 0 -15px;
	}
	.btn-default:active,
	.btn-default.active {
	  background-color: #e0e0e0;
	  border-color: #dbdbdb;
	}
	.btn-default.disabled,
	.btn-default[disabled],
	fieldset[disabled] .btn-default,
	.btn-default.disabled:hover,
	.btn-default[disabled]:hover,
	fieldset[disabled] .btn-default:hover,
	.btn-default.disabled:focus,
	.btn-default[disabled]:focus,
	fieldset[disabled] .btn-default:focus,
	.btn-default.disabled.focus,
	.btn-default[disabled].focus,
	fieldset[disabled] .btn-default.focus,
	.btn-default.disabled:active,
	.btn-default[disabled]:active,
	fieldset[disabled] .btn-default:active,
	.btn-default.disabled.active,
	.btn-default[disabled].active,
	fieldset[disabled] .btn-default.active {
	  background-color: #e0e0e0;
	  background-image: none;
	}
	
.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
	}
	.btn-primary:hover,
	.btn-primary:focus {
	  background-color: #265a88;
	  background-position: 0 -15px;
	}
	.btn-primary:active,
	.btn-primary.active {
	  background-color: #265a88;
	  border-color: #245580;
	}
	.btn-primary.disabled,
	.btn-primary[disabled],
	fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled.focus,
	.btn-primary[disabled].focus,
	fieldset[disabled] .btn-primary.focus,
	.btn-primary.disabled:active,
	.btn-primary[disabled]:active,
	fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active,
	.btn-primary[disabled].active,
	fieldset[disabled] .btn-primary.active {
	  background-color: #265a88;
	  background-image: none;
	}
	.btn-primary {
	  border-color: rgba(0, 0, 0, 0.1);
	}
	.btn-primary:hover,
	.btn-primary:focus {
	  border-color: rgba(0, 0, 0, 0.3);
	}
	.btn-primary:active,
	.btn-primary.active {
	  border-color: rgba(0, 0, 0, 0.3);
	}

.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
	}
	.btn-success:hover,
	.btn-success:focus {
	  background-color: #419641;
	  background-position: 0 -15px;
	}
	.btn-success:active,
	.btn-success.active {
	  background-color: #419641;
	  border-color: #3e8f3e;
	}
	.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: #419641;
	  background-image: none;
	}
	
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
	}
	.btn-info:hover,
	.btn-info:focus {
	  background-color: #2aabd2;
	  background-position: 0 -15px;
	}
	.btn-info:active,
	.btn-info.active {
	  background-color: #2aabd2;
	  border-color: #28a4c9;
	}
	.btn-info.disabled,
	.btn-info[disabled],
	fieldset[disabled] .btn-info,
	.btn-info.disabled:hover,
	.btn-info[disabled]:hover,
	fieldset[disabled] .btn-info:hover,
	.btn-info.disabled:focus,
	.btn-info[disabled]:focus,
	fieldset[disabled] .btn-info:focus,
	.btn-info.disabled.focus,
	.btn-info[disabled].focus,
	fieldset[disabled] .btn-info.focus,
	.btn-info.disabled:active,
	.btn-info[disabled]:active,
	fieldset[disabled] .btn-info:active,
	.btn-info.disabled.active,
	.btn-info[disabled].active,
	fieldset[disabled] .btn-info.active {
	  background-color: #2aabd2;
	  background-image: none;
	}
	
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
	}
	.btn-warning:hover,
	.btn-warning:focus {
	  background-color: #eb9316;
	  background-position: 0 -15px;
	}
	.btn-warning:active,
	.btn-warning.active {
	  background-color: #eb9316;
	  border-color: #e38d13;
	}
	.btn-warning.disabled,
	.btn-warning[disabled],
	fieldset[disabled] .btn-warning,
	.btn-warning.disabled:hover,
	.btn-warning[disabled]:hover,
	fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus,
	.btn-warning[disabled]:focus,
	fieldset[disabled] .btn-warning:focus,
	.btn-warning.disabled.focus,
	.btn-warning[disabled].focus,
	fieldset[disabled] .btn-warning.focus,
	.btn-warning.disabled:active,
	.btn-warning[disabled]:active,
	fieldset[disabled] .btn-warning:active,
	.btn-warning.disabled.active,
	.btn-warning[disabled].active,
	fieldset[disabled] .btn-warning.active {
	  background-color: #eb9316;
	  background-image: none;
	}
	
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
	}
	.btn-danger:hover,
	.btn-danger:focus {
	  background-color: #c12e2a;
	  background-position: 0 -15px;
	}
	.btn-danger:active,
	.btn-danger.active {
	  background-color: #c12e2a;
	  border-color: #b92c28;
	}
	.btn-danger.disabled,
	.btn-danger[disabled],
	fieldset[disabled] .btn-danger,
	.btn-danger.disabled:hover,
	.btn-danger[disabled]:hover,
	fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus,
	.btn-danger[disabled]:focus,
	fieldset[disabled] .btn-danger:focus,
	.btn-danger.disabled.focus,
	.btn-danger[disabled].focus,
	fieldset[disabled] .btn-danger.focus,
	.btn-danger.disabled:active,
	.btn-danger[disabled]:active,
	fieldset[disabled] .btn-danger:active,
	.btn-danger.disabled.active,
	.btn-danger[disabled].active,
	fieldset[disabled] .btn-danger.active {
	  background-color: #c12e2a;
	  background-image: none;
	}
/* --------- end BUTTONS -------- */






/* ----- ABSTAND ----------------------------------
================================================== */
.margin-oben-0 		{ margin-top: 0 !important }	
.margin-oben-xs 	{ margin-top: .2em !important }
.margin-oben-s 		{ margin-top: .4em !important }
.margin-oben-m 		{ margin-top: 1em !important }
.margin-oben-l 		{ margin-top: 1.5em !important }
.margin-oben-xl 	{ margin-top: 2.5em !important }		
	
.margin-unten-0 	{ margin-bottom: 0 !important }
.margin-unten-xs 	{ margin-bottom: .2em !important }
.margin-unten-s 	{ margin-bottom: .4em !important }
.margin-unten-m 	{ margin-bottom: 1em !important }
.margin-unten-l 	{ margin-bottom: 1.5em !important }	
.margin-unten-xl 	{ margin-bottom: 2.5em !important }	

.margin-0 			{ margin-top: 0 !important; margin-bottom: 0 !important }
.margin-xs 			{ margin-top: .2em !important; margin-bottom: .2em !important }
.margin-s 			{ margin-top: .4em !important; margin-bottom: .4em !important }
.margin-m 			{ margin-top: 1em !important; margin-bottom: 1em !important }
.margin-l 			{ margin-top: 1.5em !important; margin-bottom: 1.5em !important }
.margin-xl 			{ margin-top: 2.5em !important; margin-bottom: 2.5em !important }	

.margin-left-xs 		{ margin-left: .25em !important }
.margin-left-s 		{ margin-left: .5em !important }
.margin-left-m 		{ margin-left: 1em !important }
.margin-left-l 		{ margin-left: 1.5em !important }
.margin-left-xl 		{ margin-left: 2em !important }

.margin-right-xs 	{ margin-right: .25em !important }
.margin-right-s 		{ margin-right: .5em !important }
.margin-right-m 		{ margin-right: 1em !important }
.margin-right-l 		{ margin-right: 1.5em !important }
.margin-right-xl 	{ margin-right: 2em !important }

.margin-side-0 		{ margin-right: 0 !important; margin-left: 0 !important }
.margin-side-xs 		{ margin-right: .25em !important; margin-left: .25em !important }
.margin-side-s 		{ margin-right: .5em !important; margin-left: .5em !important }
.margin-side-m 		{ margin-right: 1em !important; margin-left: 1em !important }
.margin-side-l 		{ margin-right: 1.5em !important; margin-left: 1.5em !important }
.margin-side-xl 		{ margin-right: 2em !important; margin-left: 2em !important }

.nomargin 			{ margin: 0 !important }
	
.padding-oben-0 	{ padding-top: 0 !important }	
.padding-oben-xs 	{ padding-top: .2em !important }
.padding-oben-s 	{ padding-top: .4em !important }
.padding-oben-m 	{ padding-top: 1em !important }
.padding-oben-l 	{ padding-top: 1.5em !important }
.padding-oben-xl 	{ padding-top: 2.5em !important }		
	
.padding-unten-0 	{ padding-bottom: 0 !important }
.padding-unten-xs 	{ padding-bottom: .2em !important }
.padding-unten-s 	{ padding-bottom: .4em !important }
.padding-unten-m 	{ padding-bottom: 1em !important }
.padding-unten-l 	{ padding-bottom: 1.5em !important }	
.padding-unten-xl 	{ padding-bottom: 2.5em !important }	

.padding-0 			{ padding-top: 0 !important; padding-bottom: 0 !important }
.padding-xs 		{ padding-top: .2em !important; padding-bottom: .2em !important }
.padding-s 			{ padding-top: .4em !important; padding-bottom: .4em !important }
.padding-m 			{ padding-top: 1em !important; padding-bottom: 1em !important }
.padding-l 			{ padding-top: 1.5em !important; padding-bottom: 1.5em !important }
.padding-xl 		{ padding-top: 2.5em !important; padding-bottom: 2.5em !important }	

.padding-left-xs 	{ padding-left: .25em !important }
.padding-left-s 	{ padding-left: .5em !important }
.padding-left-m 	{ padding-left: 1em !important }
.padding-left-l 	{ padding-left: 1.5em !important }
.padding-left-xl 	{ padding-left: 2em !important }

.padding-right-xs 	{ padding-right: .25em !important }
.padding-right-s 	{ padding-right: .5em !important }
.padding-right-m 	{ padding-right: 1em !important }
.padding-right-l 	{ padding-right: 1.5em !important }
.padding-right-xl 	{ padding-right: 2em !important }

.padding-side-0 		{ padding-right: 0 !important; padding-left: 0 !important }
.padding-side-xs 	{ padding-right: .25em !important; padding-left: .25em !important }
.padding-side-s 		{ padding-right: .5em !important; padding-left: .5em !important }
.padding-side-m 		{ padding-right: 1em !important; padding-left: 1em !important }
.padding-side-l 		{ padding-right: 1.5em !important; padding-left: 1.5em !important }
.padding-side-xl 	{ padding-right: 2em !important; padding-left: 2em !important }

.nopadding-right 	{ padding-right: 0 }
.nopadding-left 	{ padding-left: 0 }
.nopadding 			{ padding: 0 !important }	
	
.negativ-oben-xs 	{ margin-top: -.25em !important }
.negativ-oben-s 	{ margin-top: -.5em !important }
.negativ-oben-m 	{ margin-top: -1em !important }
.negativ-oben-l 	{ margin-top: -2.5em !important }
.negativ-oben-xl 	{ margin-top: -6em !important }
.negativ-unten-xs 	{ margin-bottom: -.25em !important }
.negativ-unten-s 	{ margin-bottom: -.5em !important }
.negativ-unten-m 	{ margin-bottom: -1em !important }
.negativ-unten-l 	{ margin-bottom: -2.5em !important }
.negativ-unten-xl 	{ margin-bottom: -6em !important }

.negativ-oben .well {
	box-shadow: 0 .5em .9em 0 rgba(0, 0, 0, 0.15);
}

	
@media (min-width: 768px) {
	.nopadding-upto768-right 	{ padding-right: 0 }
	.nopadding-upto768-left 	{ padding-left: 0 }
	.nopadding-upto768 			{ padding: 0 !important }	
}
@media (min-width: 992px) {
	.nopadding-upto992-right 	{ padding-right: 0 }
	.nopadding-upto992-left 	{ padding-left: 0 }
	.nopadding-upto992 			{ padding: 0 !important }
}


@media (max-width: 992px) {
	.nopadding-992-right 	{ padding-right: 0 }
	.nopadding-992-left 	{ padding-left: 0 }
	.nopadding-992 			{ padding: 0 !important }	
}	
@media (max-width: 767px) {
	.negativ-oben,
	.container.content.negativ-oben {
		margin-top: 20px !important;
	}	
	
	.nopadding-768-right 	{ padding-right: 0 }
	.nopadding-768-left 	{ padding-left: 0 }
	.nopadding-768 			{ padding: 0 !important }	
}	

@media (max-width: 767px) {
	.margin-768-oben,
	.equalheight.margin-768-oben {
		margin-top: 20px !important;
		}
		.margin-768-oben-s,
		.bg-content.margin-768-oben-s 		{ margin-top: .5em !important; }
		.margin-768-oben-m,
		.bg-content.margin-768-oben-m 		{ margin-top: 1em !important; }
		.margin-768-oben-l,
		.bg-content.margin-768-oben-l		{ margin-top: 1.5em !important; }
		.margin-768-oben-xl,
		.bg-content.margin-768-oben-xl 		{ margin-top: 2.5em !important; }
		
	.margin-768-unten,
	.equalheight.margin-768-unten {
		margin-bottom: 20px !important;
		}
		.margin-768-unten-s,
		.bg-content.margin-768-unten-s		{ margin-bottom: .5em !important; }
		.margin-768-unten-m,
		.bg-content.margin-768-unten-m 		{ margin-bottom: 1em !important; }
		.margin-768-unten-l,
		.bg-content.margin-768-unten-l 		{ margin-bottom: 1.5em !important; }
		.margin-768-unten-xl,
		.bg-content.margin-768-unten-xl 	{ margin-bottom: 2.5em !important; }

	
	.nomargin-768-oben,
	.bg-content.nomargin-768-oben {
		margin-top: 0 !important }
	.nomargin-768-unten,
	.bg-content.nomargin-768-unten {
		margin-bottom: 0 !important }	
}
@media (max-width: 480px) {
		.margin-480-oben-s,
		.bg-content.margin-480-oben-s 		{ margin-top: .5em !important; }
		.margin-480-oben-m,
		.bg-content.margin-480-oben-m 		{ margin-top: 1em !important; }
		.margin-480-oben-l,
		.bg-content.margin-480-oben-l		{ margin-top: 1.5em !important; }
		.margin-480-oben-xl,
		.bg-content.margin-480-oben-xl 		{ margin-top: 2.5em !important; }
	
		.margin-480-unten-s,
		.bg-content.margin-480-unten-s		{ margin-bottom: .5em !important; }
		.margin-480-unten-m,
		.bg-content.margin-480-unten-m 		{ margin-bottom: 1em !important; }
		.margin-480-unten-l,
		.bg-content.margin-480-unten-l 		{ margin-bottom: 1.5em !important; }
		.margin-480-unten-xl,
		.bg-content.margin-480-unten-xl 	{ margin-bottom: 2.5em !important; }

	
		.nomargin-480-oben,
		.bg-content.nomargin-480-oben {
			margin-top: 0 !important }
		.nomargin-480-unten,
		.bg-content.nomargin-480-unten {
			margin-bottom: 0 !important }	
}


.hidden { 
	display: none !important
	}	

.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
		}
	}	
/* --------- end ABSTAND -------- */







/* --------- SONSTIGES
================================================== */
a			{ text-decoration: none; color: #654321 }
a:hover		{ color: #543210; text-decoration: none  }
p			{ margin-bottom: .5em;  }
b 			{ font-weight: bold }

b 			{ font-weight: bold }


a b,
b a 		{ color: #654321; font-weight: bold }
a b:hover,
b a:hover 	{ color: #434321; font-weight: bold }

a h1, 
a h2, 
a h3, 
a h4, 
a h5, 
a h6 		{ color: #654321 }
a h1:hover, 
a h2:hover, 
a h3:hover, 
a h4:hover, 
a h5:hover, 
a h6:hover 	{ color: #434321 }



.txt_xxxs 				{ font-size: 50%; line-height: 1.1em !important; }
.txt_xxs 				{ font-size: 60%; line-height: 1.1em !important; }
.txt_xs 				{ font-size: 80%; line-height: 1.2em !important; }
.txt_s 					{ font-size: 90%; line-height: 1.3em !important; }
.txt_m 					{ font-size: 100% }
.txt_l 					{ font-size: 115%; line-height: 1.4em !important; }
.txt_xl 				{ font-size: 125%; line-height: 1.5em !important; }
.txt_xxl 				{ font-size: 160%; line-height: 1.5em !important; }
.txt_xxxl 				{ font-size: 200%; line-height: 1.6em !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
		}
	}




.text-block {
	width: 100% !important;
	display: block !important
	}
.text-left {
	text-align: left !important
	}
.text-right {
	text-align: right !important
	}
.text-center {
	text-align: center !important
	}
@media (max-width: 992px) {
	.text-992-left	 {
		text-align: left !important
		}	
	.text-992-right {
		text-align: right !important
		}
	}		
@media (max-width: 767px) {
	.text-768-left	 {
		text-align: left !important
		}	
	.text-768-right {
		text-align: right !important
		}
	}	
	
	
.heavy, .bolder			{ font-weight: 800 !important }
.bold					{ font-weight: bold !important; }
.semibold				{ font-weight: 600 !important; }
.light					{ font-weight: 300 !important; }
.normal					{ font-weight: normal !important; }
.lineheight-1			{ line-height: 1em !important;  }
.lineheight-11			{ line-height: 1.1em !important; }
.lineheight-12			{ line-height: 1.2em !important; }
.lineheight-13			{ line-height: 1.3em !important; }
.lineheight-14			{ line-height: 1.4em !important; }
.lineheight-15			{ line-height: 1.6em !important; }
.lineheight-17			{ line-height: 1.7em !important; }
.lineheight-18			{ line-height: 1.8em !important; }
.lineheight-19			{ line-height: 1.9em !important; }
.lineheight-2			{ line-height: 2em !important; }

.letterspacing-1		{ letter-spacing: -0.01em !important }
.letterspacing-2		{ letter-spacing: -0.02em !important }
.letterspacing-3		{ letter-spacing: -0.03em !important }
.letterspacing-4		{ letter-spacing: -0.04em !important }
.letterspacing-5		{ letter-spacing: -0.05em !important }
.letterspacing-6		{ letter-spacing: -0.06em !important }
.letterspacing-7		{ letter-spacing: -0.07em !important }
.letterspacing-8		{ letter-spacing: -0.08em !important }
.letterspacing-9		{ letter-spacing: -0.09em !important }

.letterspacing-plus1		{ letter-spacing: 0.01em !important }
.letterspacing-plus2		{ letter-spacing: 0.02em !important }
.letterspacing-plus3		{ letter-spacing: 0.03em !important }
.letterspacing-plus4		{ letter-spacing: 0.04em !important }
.letterspacing-plus5		{ letter-spacing: 0.05em !important }
.letterspacing-plus6		{ letter-spacing: 0.06em !important }
.letterspacing-plus7		{ letter-spacing: 0.07em !important }
.letterspacing-plus8		{ letter-spacing: 0.08em !important }
.letterspacing-plus9		{ letter-spacing: 0.09em !important }

hr 						{ 
						border-top: 1px dotted #bbb;
						margin-top: 3em;
						padding-top: 1.5em;
						clear: both;
						}
.hr-break				{ height: 1em; border: none; margin: 0; padding: 0  }	
.hr-xl					{ margin: 8.5em 0 8em 0 !important; padding: 0;  }
.hr-l					{ margin: 6.5em 0 6em 0 !important; padding: 0;  }
.hr-m					{ margin: 1.7em 0  1.5em 0 !important; padding: 0;  }
.hr-s					{ margin: 1.2em 0 1em 0 !important; padding: 0;  }
.hr-xs					{ margin: .7em 0 .5em 0 !important; padding: 0;  }

@media (max-width: 767px) {
	 hr 				{ margin-top: 1.5em; padding-top: 0; }
	.hr-xl				{ margin: 3em 0; }
	.hr-l				{ margin: 2em 0; }
	.hr-m				{ margin: 1em 0; }
	.hr-s				{ margin: .5em 0;}
}





.pipe 					{margin-left: .5em; margin-right: .5em }

.inline 				{ display: inline }

.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: 480px) { .clearer-480 { display: block; clear: both !important } }
	
.nowrap					{ white-space: nowrap !important }
.lowercase 				{ text-transform: none !important }
.uppercase 				{ text-transform: uppercase !important }

.dev-border				{ box-shadow: 0 0 0 1px #0088ff }
.dev-border-left		{ box-shadow: 1px 0 0 0 #77cc00 inset }
.dev-border-right		{ box-shadow: 1px 0 0 #ffaa00 }
.dev-border-top			{ box-shadow: 0 1px 0 0 #ff0077 inset }
.dev-border-bottom		{ box-shadow: 0 1px 0 #9900ff }


.width100 				{ width: 100% !important; }
.min_width_25 			{ min-width: 25px !important; display: inline-block }
.min_width_50 			{ min-width: 50px !important; display: inline-block }
.min_width_75 			{ min-width: 75px !important; display: inline-block }
.min_width_100 			{ min-width: 100px !important; display: inline-block }
.min_width_125 			{ min-width: 125px !important; display: inline-block }
.min_width_150 			{ min-width: 150px !important; display: inline-block }
.min_width_175 			{ min-width: 175px !important; display: inline-block }
.min_width_200			{ min-width: 200px !important; display: inline-block }
.min_width_225 			{ min-width: 225px !important; display: inline-block }
.min_width_250 			{ min-width: 250px !important; display: inline-block }
.min_width_300 			{ min-width: 300px !important; display: inline-block }
.min_width_350 			{ min-width: 350px !important; display: inline-block }
.min_width_400 			{ min-width: 400px !important; display: inline-block }
.min_width_450 			{ min-width: 450px !important; display: inline-block }


.spacer10 				{ width: 10px }
.spacer25 				{ width: 25px }
.spacer50 				{ width: 50px }
.spacer75 				{ width: 75px }
.spacer100 				{ width: 100px }


.min_height_30	{ min-height:30px;	height:auto !important;	height:30px; }
.min_height_40	{ min-height:40px;	height:auto !important;	height:40px; }
.min_height_50	{ min-height:50px;	height:auto !important;	height:50px; }
.min_height_60	{ min-height:60px;	height:auto !important;	height:60px; }
.min_height_70	{ min-height:70px;	height:auto !important;	height:70px; }
.min_height_80	{ min-height:80px;	height:auto !important;	height:80px; }
.min_height_90	{ min-height:90px;	height:auto !important;	height:90px; }
.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_225	{ min-height:225px;	height:auto !important;	height:225px; }
.min_height_250	{ min-height:250px;	height:auto !important;	height:250px; }
.min_height_275	{ min-height:275px;	height:auto !important;	height:275px; }
.min_height_300	{ min-height:300px;	height:auto !important;	height:300px; }
.min_height_325	{ min-height:325px;	height:auto !important;	height:325px; }
.min_height_350	{ min-height:350px;	height:auto !important;	height:350px; }
.min_height_375	{ min-height:375px;	height:auto !important;	height:375px; }
.min_height_400	{ min-height:400px;	height:auto !important;	height:400px; }
.min_height_425	{ min-height:425px;	height:auto !important;	height:425px; }
.min_height_450	{ min-height:450px;	height:auto !important;	height:450px; }
.min_height_475	{ min-height:475px;	height:auto !important;	height:475px; }
.min_height_500	{ min-height:500px;	height:auto !important;	height:500px; }
.min_height_525	{ min-height:525px;	height:auto !important;	height:525px; }
.min_height_550	{ min-height:550px;	height:auto !important;	height:550px; }
.min_height_575	{ min-height:575px;	height:auto !important;	height:575px; }
.min_height_600	{ min-height:600px;	height:auto !important;	height:600px; }
.min_height_625	{ min-height:625px;	height:auto !important;	height:625px; }
.min_height_650	{ min-height:650px;	height:auto !important;	height:650px; }
.min_height_675	{ min-height:675px;	height:auto !important;	height:250px; }
.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; }
@media (max-width: 767px) {
	.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 }
	}


	.height_50	{ height:50px; }
	.height_75	{ height:75px; }
	.height_100	{ height:100px; }
	.height_125	{ height:125px; }
	.height_150	{ height:150px; }
	.height_175	{ height:175px; }
	.height_190	{ height:190px; }
	.height_200	{ height:200px; }
	.height_225	{ height:225px; }
	.height_250	{ height:250px; }
	.height_275	{ height:275px; }
	.height_300	{ height:300px; }
	.height_325	{ height:325px; }
	.height_350	{ height:350px; }
	.height_375	{ height:375px; }
	.height_400	{ height:400px; }
	.height_425	{ height:425px; }
	.height_450	{ height:450px; }
	.height_475	{ height:475px; }
	.height_500	{ height:500px; }
	.height_525	{ height:525px; }
	.height_550	{ height:550px; }
	.height_575	{ height:575px; }
	.height_600	{ height:600px; }
	.height_625	{ height:625px; }
	.height_650	{ height:650px; }
	.height_675	{ height:250px; }
	.height_700	{ height:700px; }
	.height_800	{ height:800px; }
	.height_900	{ height:900px; }

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

	





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

.img-thumbnail {
	margin-bottom: .6em;
	}
.img-thumbnail.pull-left {
	margin-right: .5em
	}	
.img-thumbnail.pull-right {
	margin-left: .5em;
	}	
	
.bild-person {
	float: right;
	padding: 4px;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #ddd;
	margin-left: 1em;
	box-shadow: -10px 0 0 #fff
	}	
	.well:hover .bild-person,
	.well-sm:hover .bild-person,
	.well.bg-darkgrey:hover .bild-person,
	.well-sm.bg-darkgrey:hover .bild-person,
	.well.bg-grey:hover .bild-person,
	.well-sm.bg-grey:hover .bild-person,
	.thumbnail .bild-person,
	.bg-hausfarbe .bild-person,
	.bg-grey .bild-person,
	.bg-darkgrey .bild-person {
	box-shadow: none
	}	


@media (max-width: 767px) {	
	.bild-768 {
		width: 125px !important
	}	
}
@media (max-width: 480px) {	
	.bild-768 {
		width: 100px !important
	}	
	.bild-480 {
		width: 100px !important
	}	
}


.bild,
.bildlinks,
.bildrechts,
.bildmitte,
img.bild,
img.bildlinks,
img.bildrechts,
img.bildmitte,
.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 {
	border-radius: 4px;
	margin-top: .4em; 
	margin-bottom: .6em !important;
	max-width: 100%;
	}
.bildmitte,
img.bildmitte,
.bildrahmenmitte,
img.bildrahmenmitte,
.bildrahmenmitte-nb,
img.bildrahmenmitte-nb {
	display: block !important;
	margin: 1em auto !important
	}
		
.shortview .bild,
.equalheight .bild {
	margin-top: -.2em;
	margin-bottom: 1.5em
	}
		
.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 {
	border: 1px solid #ddd;
	padding: 4px;
	}
.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte {
	background: #fff
}		
.bildlinks,
img.bildlinks,
.bildrahmenlinks,
img.bildrahmenlinks,
.bildrahmenlinks-nb,
img.bildrahmenlinks-nb 	{ margin-right: .8em !important;	float: left; }

.bildrechts,
img.bildrechts,
.bildrahmenrechts,
img.bildrahmenrechts,
.bildrahmenrechts-nb,
img.bildrahmenrechts-nb 	{ margin-left: .8em !important;	float: right; }

.bild,
img.bild,
.bildrahmen,
img.bildrahmen,
.bildrahmen-nb,
img.bildrahmen-nb  		{ margin-right: .8em !important;	float: left; }

.bildrahmenmitte-wrapper { 
	width: 100%; 
	text-align: center
	}
	.bildrahmenmitte,
	img.bildrahmenmitte,
	.bildrahmenmitte-nb,
	img.bildrahmenmitte-nb { max-width: 100% }

	
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb,
a img.bildrahmenlinks-nb,
a img.bildrahmenrechts-nb,
a img.bildrahmenmitte-nb,
.bildlinks-nb,
.bildrechts-nb,
img.bildlinks-nb,
img.bildrechts-nb,
a img.bildlinks-nb,
a img.bildrechts-nb {
	border: solid 1px #fff;
	padding: 0
	}	

/*
@media screen and (max-width:480px) {
	.bildlinks,
	img.bildlinks,
	.bildrechts,
	img.bildrechts,
	.bildrahmen,
	img.bildrahmen,
	.bildrahmenlinks,
	img.bildrahmenlinks,
	.bildrahmenrechts,
	img.bildrahmenrechts,
	.bildrahmen-nb,
	img.bildrahmen-nb,
	.bildrahmenlinks-nb,
	img.bildrahmenlinks-nb,
	.bildrahmenrechts-nb,
	img.bildrahmenrechts-nb  	{
		float: right;
		width: 50%;
		margin-left: .5em;
		 }
}
*/


.bildausschnitt {
	float: right;
	width: 100%;
	background-repeat: no-repeat !important;
	background-position: center 30%;
	background: #f3f3f3;
	}
	
	
.opacity9:hover { opacity: .9; transition: all .3s ease 0s; }
.opacity8:hover { opacity: .8; transition: all .3s ease 0s; }
.opacity7:hover { opacity: .7; transition: all .3s ease 0s; }
.opacity6:hover { opacity: .6; transition: all .3s ease 0s; }
.opacity5:hover { opacity: .5; transition: all .3s ease 0s; }
.opacity4:hover { opacity: .4; transition: all .3s ease 0s; }
.opacity3:hover { opacity: .3; transition: all .3s ease 0s; }
.opacity2:hover { opacity: .2; transition: all .3s ease 0s; }
.opacity1:hover { opacity: .1; transition: all .3s ease 0s; }

/* --------- end BILDER -------- */









/* --------- VERZEICHNIS
================================================== */
.abc_verzeichnis {
	width: 100%;
	margin: 0 0 3em 0;
	/*
	margin: 0 0 2.5em 0;
	padding: 0 0 2.5em 0;
	border-bottom: 1px dotted #ccc;
	*/
	font-size: 90%;
	font-weight: bold; 
	}
.abc_verzeichnis a {
	padding: .2em .5em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 .3em 0;
	line-height: 1.2em;
	background: #ccc;
    display: inline-block
    }	
.abc_verzeichnis a:hover {
	color: #fff;
	background: #999;
	}	
.abc_verzeichnis a.active {
	background: #654321;
	color: #fff;
	font-weight: bold; 
	}	
/* --------- end VERZEICHNIS -------- */








/* --------- PAGETOP
================================================== */
.pagetop-scroll {
	cursor: pointer;
    position: fixed;
    background: #999;
	width: 75px;
    height: 75px;
    border-radius: 75px !important;
    padding: 1.35em 0 0 0;
    text-align: center;
    border: none;
    opacity: .6;
    z-index: 100000000 !important;
    right: 30px;
	bottom: 30px;
	color: #fff
    }
.pagetop-scroll span {
    font-size: 22pt
	}	
.pagetop-scroll:hover {
	background: #666;
	transition: all .3s ease-out;
    padding-top: .6em;
    opacity: .8;
    color: #fff
    }
@media (max-width: 1200px) {
	.pagetop-scroll {
	right: 20px;
	bottom: 20px;
    }
}    
@media (max-width: 992px) {
	.pagetop-scroll {
	width: 55px;
    height: 55px;
    padding-top: .9em;
    }
    .pagetop-scroll:hover {
	    padding-top: .4em;
	    }
    .pagetop-scroll span {
    font-size: 19pt
	}
}  
@media (max-width: 480px) {
	.pagetop-scroll {
		width: 45px;
	    height: 45px;
	    padding-top: .65em;
		bottom: 20px;
    	right: 8px;
		}
	.pagetop-scroll:hover {
	    padding-top: .3em;
	    }	
    .pagetop-scroll span {
	    font-size: 16pt
		}	
}
/* --------- end PAGETOP -------- */







/* --------- Gallery
================================================== */
.gallery-wrapper {
	margin: .5em 0 1em 0;
	width: 100%;
	display: inline-block;
	}
img.gallery_bild:hover { 
	border-color: #999
	}	
.gallery {
	float: left;
	text-align: center;
	width: 125px;
	height: 125px;
	position: relative;
	margin: 1em 10px 0 0;
	}
img.gallery_bild {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: center;
	position: relative;
	max-height: 100%;
	border-radius: 4px;
	max-width: 125px;
	}

@media (max-width: 767px) {
	.gallery-wrapper { 
		margin: .25em 0 .5em 0 
		}	
	.gallery {
		width: 80px;
		height: 80px;
		margin-right: 7px;
		margin-top: .7em
		}
	img.gallery_bild {
		max-width: 80px;
		}	
}	
/* --------- end Gallery -------- */




/* --------- Gallery
================================================== */
.gallery-wrapper-2 {
	margin: 0 0 0 0;
	display: inline-block;
	}
	
.gallery-wrapper-2.negativ-margin {
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -25px
	}	
			
.gallery-wrapper-2 .gallery {
	width: 12.5%;
	height: auto;
	margin: 0;
	padding: 0
	}
.gallery-wrapper-2 img.gallery_bild {
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	height: auto;
	border: 2px solid rgba(222, 222, 222, 0)
	}
.gallery-wrapper-2 img.gallery_bild:hover {
	border: 2px solid #222
	}	
/* --------- end Gallery -------- */




/* ----- LISTEN / FILEICONS -------------
================================================== */
.content ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding: 0;
	clear: left
	}
	.content table ul {
		margin: 0;
	}
.content ul li {
	list-style: none;
	padding: .3em 0 .3em 25px;
	margin: 0;
	}
.content ul a { 
	color: #654321;
	margin-right: .3em;
	text-decoration: none
	}
.content ul a:hover { 
	color: #543210; 
	}	
.content ul li:before {
	content: '\F0DA';
	font-family: 'FontAwesome';
	color: #654321;
	display: inline-block;
	margin-left: -15px;
	width: 15px;
	font-size: 80%;
	}
.content ul li:hover:before {
	color: #543210;
	}		
	


.content ol,
.content ol ul {
	padding-left: 25px
	}
.content ol li,
.content ol ul li {
	list-style: decimal;
	background: none;
	padding: .3em 0;
	margin: 0;
	}	
	.content ol ul {
		padding-left: 0;
		}
	.content ol ul li:before {
		display: none
		}
		


.content ul li h1,
.content ul li h2,
.content ul li h3,
.content ul li h4,
.content ul li h5 {
	margin-bottom: .2em !important;
	}
.content ul li h1 { margin-top: -.9em !important; }	
.content ul li h2 { margin-top: -.9em !important; }	
.content ul li h3 { margin-top: -1.1em !important; }	
.content ul li h4 { margin-top: -1.2em !important; }	
.content ul li h5 { margin-top: -1.5em !important; }	
	

.li-left	{ width: 30%;  }	
.li-right	{ width: 30%; float: right; margin-left: 2em }

/* --------- list-lines -------- */
.content ul.list-lines {
	}
.content ul.list-lines li {
	border-bottom: 1px solid #ddd;
	padding-top: .5em;
	padding-bottom: .5em
	}
.content ul.list-lines li:last-child {
	border-bottom: none;
	padding-bottom: 0
	}	
	



/* --------- list-striped -------- */
.content ul.list-striped {
	}
.content ul.list-striped li {
	padding-top: .4em;
	padding-bottom: .4em;
	}
.content ul.list-striped > li:nth-of-type(odd) {
	background-color: #f6f6f6;
	}
.content ul.list-striped .fileicon {
	background-position-x: 3px
	}		




/* --------- list-striped -------- */
.content ul.list-striped li {
	padding-top: .7em;
	padding-bottom: .7em
	}
.content ul.list-striped > li:nth-of-type(odd) {
	background-color: #f6f6f6;
	}	
	


	
	
/* --------- list-inline ----- */		
.content ul.list-inline {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	display: block;
	z-index: 10;
	width: 100%
	}
	.content ul.list-inline { 
		margin-bottom: 25px
		}
	.content.bg-content ul.list-inline { 
		}
		
.content ul.list-inline.margin-unten-0	{ margin-bottom: 0 !important;  }
.content ul.list-inline.margin-unten-s	{ margin-bottom: .5em !important;  }
.content ul.list-inline.margin-unten-m	{ margin-bottom: 1em !important;  }
.content ul.list-inline.margin-unten-l	{ margin-bottom: 1.5em !important;  }
.content ul.list-inline.noclearer		{ clear: none !important; float: left !important; width: auto !important  }
	
.content ul.list-inline li  {
	list-style: none;
	display: inline;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border: 1px solid rgba(0, 0, 0, 0.2);
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing: .05em;
	font-weight: normal;
	color: #777;
	margin: 0 -1px 0 0;
	padding: .1em 1em .1em 1em;
	float: left;
	margin-bottom: 1px
	}
	
.content ul.list-inline li:before,
.content ul.list-inline li:hover:before {
	content: none;
	}		

.content ul.list-inline li a {
	color: #000;
	text-decoration: none;
	margin: -.1em -1em;
	padding: .1em 1em;
	float: left
	}
.content ul.list-inline li a:hover {
	color: #654321;
	text-decoration: none;
	background: #e6e6e6
	}
.content ul.list-inline li a.active,
.content ul.list-inline li a#active {
	color: #fff;
	text-shadow: none;
	background: #654321;
	text-decoration: none;
	box-shadow: 1px 1px 1px #999;
	}		
.content ul.list-inline li a.active:hover,
.content ul.list-inline li a#active:hover {
	background: #654321 url(../images/dot25.png);
	color: #fff
	}		
	

@media (max-width: 992px) {
	.content ul.list-inline li  {
		font-size: 70%;
		}		
}	
@media (max-width: 767px) {
	.content ul.list-inline {
		margin-top: 15px;
		margin-bottom: 15px;
		}
	.content.bg-content ul.list-inline {
		margin-top: -10px;
		margin-bottom: 15px;
		}
	.content ul.list-inline li {
		line-height: 1.8em
		}			
	}		
@media (max-width: 530px) {
	.content ul.list-inline {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: -15px;
		margin-right: -15px;
		width: 108%;
		}
	.content ul.list-inline li  {
		clear: both;
		margin-bottom: -1px;
		width: 108%;
		padding-left: 4%;
		padding-right: 4%;
		letter-spacing: .05em;
		white-space: normal;
		border-left: none;
		border-right: none;
		box-shadow: none
		}
	.content ul.list-inline li a {
		width: 108%;
		margin-left: -4%;
		margin-right: -4%;
		padding-left: 4%;
		padding-right: 4%;
		}	
	.content.bg-content ul.list-inline {
		margin-left: 0;
		margin-right: 0;
		width: auto
		}		
	.content.bg-content ul.list-inline li  {
		border: 1px solid rgba(0, 0, 0, 0.2);
		box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.2);
		letter-spacing: 0;
		margin: 0 -1px 1px 0;
		line-height: 1.3em;
		float: left;
		clear: none;
		width: auto;
		font-size: 75%;
		padding: .25em 1em;
		}	
	.content.bg-content ul.list-inline li a {
		margin: -.25em -1em;
		padding: .25em 1em;
		width: auto
		}		
}	


/* --------- list separat hervorgehoben -------- */
.list-sep {
	}
li.list-sep a {
	background: #fff
	}
.content ul.list-inline li.list-sep a:hover ,
.content ul.list-inline li.list-sep a.active:hover {
	}
@media (max-width: 992px) {
	.list-sep {
		/* float: left !important */
		}
}


/* --------- list Abstandhalter -------- */
.list-spacer {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	width: 20px !important;
}
@media (max-width: 767px) {
	.list-spacer {
		width: 0 !important;
		display: none !important;
		}
}
@media (max-width: 530px) {
	.list-spacer {
		width: 0 !important;
		display: none !important;
		}
}



/* --------- list no-listtype -------- */
.content ul.no-listtype li:before,
.content ul.no-listtype li:hover:before {
	content: none;
	}		
.content ul.no-listtype li {
	padding-left: .3em
	}	
.content ul.no-listtype li a.fileicon {
	margin-left: -4px
	}		
	
	
/* --------- list condensed -------- */	
.content ul.list-condensed {
	margin-top: 0
	}
.content ul.list-condensed li,
.content ul.list-lines.list-condensed li,
.content ul.list-striped.list-condensed li  {
	padding-top: .3em;
	padding-bottom: .2em;
	line-height: 1.1em;
	}
.content ul.list-condensed li.fileicon.xl {
	padding-top: 1em;
	padding-bottom: 1em;
	background-position-y: 2px
	}
.content ul.list-condensed li a.fileicon.xl {
	padding-top: 1em;
	padding-bottom: .9em;
	background-position-y: 0
	}	
	
	
/* --------- list condensed m -------- */	
.content ul.list-condensed-m {
	margin-top: 0
	}
.content ul.list-condensed-m li,
.content ul.list-lines.list-condensed-m li,
.content ul.list-striped.list-condensed-m li  {
	padding-top: .6em;
	padding-bottom: .5em;
	line-height: 1.1em;
	}
.content ul.list-condensed-m li.fileicon.xl {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	background-position-y: 2px
	}
.content ul.list-condensed-m li a.fileicon.xl {
	padding-top: 1.3em;
	padding-bottom: 1.2em;
	background-position-y: 0
	}			

/* --------- end LISTEN / FILEICONS -------- */









/* --------- TABS
================================================== */

ul.nav-tabs li,
ul.nav-pills li {
	padding: 0;
	margin-bottom: -1px
	}
ul.nav-tabs li:before,
ul.nav-pills li:before {
	display: none
	}	



ul.timeline li {
	padding: 0;
	margin-bottom: .5em
	}	
ul.timeline li:before {
	display: none
	}	

/* --------- end TABS -------- */






/* --------- FILEICON
================================================== */
.fileicon {
	padding-left: 25px;
	padding-bottom: .2em;
	padding-top: .1em
	}
.content ul li.fileicon {
	color: #999;
	padding-left: 25px;
	background-position-y:2px;
	}
.content ul li.fileicon:before,
.content ul li.fileicon:hover:before {
	content: none
	}		
.content ul.list-lines li.fileicon,
.content ul.list-striped li.fileicon {
	background-position-y: 6px
	}	
	
.content ul li.fileicon a {
	margin-right: .3em;
	}	
.content ul li a.fileicon {
	padding-left: 25px;
	margin-left: -25px;
	margin-right: .3em;
	padding-bottom: .3em;
	/* display: block;  lässt z.B. Datengröße umbrechen */
	}		
.content ul li.fileicon a:hover,
.content ul li a.fileicon:hover {
	text-decoration: underline;
	}	
	
.fileicon.xl {
	padding-left: 43px;
	padding-top: 1em;
	padding-bottom: 1em;
	display: inline-block;
	}
	
.content ul li.fileicon.xl {
	padding-left: 48px;
	padding-top: 1.5em;
	padding-bottom: 1.3em;
	width: 100%;
	background-position-y: 6px;
	}			
.content ul li a.fileicon.xl {
	padding-left: 48px;
	padding-top: 1em;
	padding-bottom: 1em;
	}				

.pdf, .fileicon.pdf 	{ background: url(../images/fileicon_s/file_pdf.png) no-repeat }
.doc, .fileicon.doc		{ background: url(../images/fileicon_s/file_doc.png) no-repeat }
.xls, .fileicon.xls		{ background: url(../images/fileicon_s/file_xls.png) no-repeat }
.ppt, .fileicon.ppt		{ background: url(../images/fileicon_s/file_ppt.png) no-repeat }
.zip, .fileicon.zip		{ background: url(../images/fileicon_s/file_zip.png) no-repeat }
.mov, .fileicon.mov		{ background: url(../images/fileicon_s/file_mov.png) no-repeat }
.mp3, .fileicon.mp3		{ background: url(../images/fileicon_s/file_mp3.png) no-repeat }
.pic, .fileicon.pic		{ background: url(../images/fileicon_s/file_pic.png) no-repeat }
.gps, .fileicon.gps		{ background: url(../images/fileicon_s/file_gps.png) no-repeat }	
.page, .fileicon.page 	{ background: url(../images/fileicon_s/file_page.png) no-repeat }

.fileicon.xl.pdf 		{ background: url(../images/fileicon_m/file_pdf.png) no-repeat }
.fileicon.xl.doc		{ background: url(../images/fileicon_m/file_doc.png) no-repeat }
.fileicon.xl.xls		{ background: url(../images/fileicon_m/file_xls.png) no-repeat }
.fileicon.xl.ppt		{ background: url(../images/fileicon_m/file_ppt.png) no-repeat }
.fileicon.xl.zip		{ background: url(../images/fileicon_m/file_zip.png) no-repeat }
.fileicon.xl.mov		{ background: url(../images/fileicon_m/file_mov.png) no-repeat }
.fileicon.xl.mp3		{ background: url(../images/fileicon_m/file_mp3.png) no-repeat }
.fileicon.xl.pic		{ background: url(../images/fileicon_m/file_pic.png) no-repeat }
.fileicon.xl.gps		{ background: url(../images/fileicon_m/file_gps.png) no-repeat }	
.fileicon.xl.page		{ background: url(../images/fileicon_m/file_page.png) no-repeat }	



a[download] {
	background:url(../images/fileicon_s/file_pdf.png) no-repeat;
	padding-left: 25px;
	padding-bottom: 2px;
	display: inline-block
	}
	.xl a[download] {
	background:url(../images/fileicon_m/file_pdf.png) no-repeat;
	}
	.fileicon a[download] {
		background:none;
		padding-left: 0;
		padding-bottom: 0
		}
	
	
/* --------- end FILEICONS -------- */








/* --------- ICON
================================================== */
.icon	{ 
	padding-left: 40px;
	margin: .5em 0 .5em 0;
	/* mit Linie */
	border-bottom: 1px dotted #bbb;
	padding-bottom: .6em;
	}
	.div-lines .icon,
	.div-striped .icon	{ 
		margin-top: 0
		}
		
.icon:last-child	{ 
	border-bottom: none;
	padding-bottom: 0
	}		
		
.icon,
.icon a {
	color: #000;
	text-decoration: none
}
.icon a:hover {
	color: #654321;
}
.icon i 	{ 
	margin-left: -40px; 
	width: 25px;
	padding: .35em .1em .4em .1em;
	text-align: center;
	color: #fff;
	/*text-shadow: 0 1px 0 #fff;*/
	border-radius: 2px;
	background: #654321;
	font-size: 95%;
	float: left;
	margin-top: -3px
	}

.icon.icon-xl {
	font-size: 125%;
	padding-left: 45px;
	padding-bottom: 1em;
	padding-top: .1em;
	margin-bottom: .7em;
	font-weight: bold;
}	
.icon.icon-xl a {
	font-weight: bold;
}	
.icon.icon-xl i 	{ 
	margin-left: -45px; 
	width: 35px;
	border-radius: 3px;
	font-size: 115%;
	margin-top: -5px
	}




.icon.icon-xs {
	padding-left: 19px;
	color: #777;
	margin-top: .3em !important;
	line-height: 1.4em !important
}	
.icon.icon-xs.icon-noborder {
	padding-bottom: .2em
}	
.icon.icon-xs a {
	color: #777;
}
.icon.icon-xs a:hover {
	color: #000;
}	
.icon.icon-xs i 	{ 
	background: none !important;
	background-image: none !important;
	border: none !important;
	padding: .3em 0 0 0;
	margin-left: -19px;
	width: 0;
	margin-right: 0;
	text-align: left;
	color: #999 !important;
	margin-top: -1px
	}
.icon.icon-xs i.fa.fa-phone 	{ 
	padding-top: .2em
	}	
	
	
		
	
.icon.icon-noborder {
	border-bottom: none;
	margin-top: 0

}

.icon .row {
	margin: 0;
}
.icon .row > [class*="col-"] {
	padding-left: 0;
	padding-right: .3em;
	margin-bottom: .4em
}		
/* --------- end ICON -------- */
















/* --------- SPALTEN
================================================== */
.div-lines,
.div-striped {
	margin-bottom: 1em
	}
.div-lines .row,
.div-striped .row {
	margin: 0;
	padding-top: .6em;
	padding-bottom: .6em;
	}
.div-lines .row {
	border-bottom: 1px dotted #ccc;
	}
.div-lines .row:last-child {
	border-bottom: none;
	padding-bottom: 0
	}
.div-striped > .row:nth-of-type(odd) {
	background-color: #f6f6f6;
	}		

.div-lines-xs .row,
.div-striped-xs .row {
	padding-top: .25em;
	padding-bottom: .25em;
	}
.div-lines-sm .row,
.div-striped-sm .row {
	padding-top: .8em;
	padding-bottom: .8em;
	}
.div-lines-md .row,
.div-striped-md .row {
	padding-top: 1em;
	padding-bottom: 1em;
	}
.div-lines-lg .row,
.div-striped-lg .row {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	}
.div-lines-xl .row,
.div-striped-xl .row {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	}		
	
.div-lines .row [class*="col-"] {
	}
.div-striped .row [class*="col-"] {
	}





.row-lines {
	border-bottom: 1px dotted #ccc;
	margin-bottom: .75em;
	padding-bottom: .75em;
	border-width: 1px;
	
	border-image: linear-gradient(to left, rgba(255, 255, 255, 0) 13px, rgba(0, 0, 0, .15) 12px, rgba(0, 0, 0, .15) calc(100% - 13px), rgba(255, 255, 255, 0) calc(100% - 13px), rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    border-width: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    }
.row-lines.row-lines-xs {
	margin-bottom: .25em;
	padding-bottom: .25em;
    }
.row-lines.row-lines-sm {
	margin-bottom: .5em;
	padding-bottom: .5em;
    }
.row-lines.row-lines-md {
	margin-bottom: 1em;
	padding-bottom: 1em;
    }
.row-lines.row-lines-lg {
	margin-bottom: 1.25em;
	padding-bottom: 1.25em;
    }
.row-lines.row-lines-xl {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
    }             
.row-lines:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0
    } 
	
		

.row.div-head,
.row.div-head-bg  {
	margin: 0;
	padding-top: .1em;
	padding-bottom: .1em;
	font-weight: bold; 
	}
	.row.div-head  {
		color: #000;
		border-bottom: 2px solid #222;
		margin-bottom: .5em;
		text-transform: uppercase;
		}
		.div-lines .row.div-head  {
			border-bottom: 2px solid #222;
		}
		.div-striped .row.div-head  {
			background: none
		}
	.row.div-head-bg  {
		color: #fff;
		background: #654321; 
		padding-top: .3em;
		padding-bottom: .3em;
		}
		.div-striped .row.div-head-bg  {
			background: #654321;
		}
		
.row.div-head .col-xs-12,.row.div-head .col-xs-11,.row.div-head .col-xs-10,.row.div-head .col-xs-9,.row.div-head .col-xs-8,.row.div-head .col-xs-7,.row.div-head .col-xs-6,.row.div-head .col-xs-5,.row.div-head .col-xs-4,.row.div-head .col-xs-3,.row.div-head .col-xs-2,.row.div-head .col-xs-1,
.row.div-head .col-sm-12,.row.div-head .col-sm-11,.row.div-head .col-sm-10,.row.div-head .col-sm-9,.row.div-head .col-sm-8,.row.div-head .col-sm-7,.row.div-head .col-sm-6,.row.div-head .col-sm-5,.row.div-head .col-sm-4,.row.div-head .col-sm-3,.row.div-head .col-sm-2,.row.div-head .col-sm-1,
.row.div-head .col-md-12,.row.div-head .col-md-11,.row.div-head .col-md-10,.row.div-head .col-md-9,.row.div-head .col-md-8,.row.div-head .col-md-7,.row.div-head .col-md-6,.row.div-head .col-md-5,.row.div-head .col-md-4,.row.div-head .col-md-3,.row.div-head .col-md-2,.row.div-head .col-md-1
{
	padding-left: 0;
	padding-right: .2em
}
.row.div-head-bg .col-xs-12,.row.div-head-bg .col-xs-11,.row.div-head-bg .col-xs-10,.row.div-head-bg .col-xs-9,.row.div-head-bg .col-xs-8,.row.div-head-bg .col-xs-7,.row.div-head-bg .col-xs-6,.row.div-head-bg .col-xs-5,.row.div-head-bg .col-xs-4,.row.div-head-bg .col-xs-3,.row.div-head-bg .col-xs-2,.row.div-head-bg .col-xs-1,
.row.div-head-bg .col-sm-12,.row.div-head-bg .col-sm-11,.row.div-head-bg .col-sm-10,.row.div-head-bg .col-sm-9,.row.div-head-bg .col-sm-8,.row.div-head-bg .col-sm-7,.row.div-head-bg .col-sm-6,.row.div-head-bg .col-sm-5,.row.div-head-bg .col-sm-4,.row.div-head-bg .col-sm-3,.row.div-head-bg .col-sm-2,.row.div-head-bg .col-sm-1,
.row.div-head-bg .col-md-12,.row.div-head-bg .col-md-11,.row.div-head-bg .col-md-10,.row.div-head-bg .col-md-9,.row.div-head-bg .col-md-8,.row.div-head-bg .col-md-7,.row.div-head-bg .col-md-6,.row.div-head-bg .col-md-5,.row.div-head-bg .col-md-4,.row.div-head-bg .col-md-3,.row.div-head-bg .col-md-2,.row.div-head-bg .col-md-1
{
	padding-left: .5em;
	padding-right: .5em
}		
	
.row.div-foot {
  color: #654321;
  border-top: #ddd 2px solid;
  border-bottom: #ddd 3px solid;
  font-weight: bold; 
} 	
.row.div-foot .col-xs-12,.row.div-foot .col-xs-11,.row.div-foot .col-xs-10,.row.div-foot .col-xs-9,.row.div-foot .col-xs-8,.row.div-foot .col-xs-7,.row.div-foot .col-xs-6,.row.div-foot .col-xs-5,.row.div-foot .col-xs-4,.row.div-foot .col-xs-3,.row.div-foot .col-xs-2,.row.div-foot .col-xs-1,
.row.div-foot .col-sm-12,.row.div-foot .col-sm-11,.row.div-foot .col-sm-10,.row.div-foot .col-sm-9,.row.div-foot .col-sm-8,.row.div-foot .col-sm-7,.row.div-foot .col-sm-6,.row.div-foot .col-sm-5,.row.div-foot .col-sm-4,.row.div-foot .col-sm-3,.row.div-foot .col-sm-2,.row.div-foot .col-sm-1,
.row.div-foot .col-md-12,.row.div-foot .col-md-11,.row.div-foot .col-md-10,.row.div-foot .col-md-9,.row.div-foot .col-md-8,.row.div-foot .col-md-7,.row.div-foot .col-md-6,.row.div-foot .col-md-5,.row.div-foot .col-md-4,.row.div-foot .col-md-3,.row.div-foot .col-md-2,.row.div-foot .col-md-1
{
	padding-left: 0;
	padding-right: .2em
}
	

.div-condensed .row	{
	padding-top: .2em;
	padding-bottom: .2em;
	line-height: 1.2em
	}
.div-condensed-m .row	{
	padding-top: .4em;
	padding-bottom: .4em;
	line-height: 1.2em
	}
/* --------- end SPALTEN -------- */









/* --------- SORTIERUNG
================================================== */
.fa.sortby  {
	background: #d9d9d9;
	padding: 0 .3em .05em .3em;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	line-height: 1.2em !important;
	vertical-align: middle;
	margin-bottom: .2em
	}
	.fa.sortby .fa-caret-up { 
		padding-top: 0em;
		padding-bottom: .15em;
		}

.fa.sortby:hover {
	background: #aaa;
	
}

.fa.sortby.rot {
	background: red !important;
	color: #fff !important	
}




.sort-up:after,
.sort-down:after  {
	content: '\f0de';
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 18px;
	color: #ccc;
	left: .3em;
	top: 8px;
	position: relative;
	white-space: nowrap;
	}	
.sort-down:after  {
	content: '\f0dd';
	top: -1px;
	left: 2px
	}		
.sort-up.active:after,
.sort-down.active:after  {
	color: #0099ff;
	}
.sort-up:hover:after,
.sort-down:hover:after  {
	color: #888 !important;
	}	
	
	
	
	
.sort2-up:after,
.sort2-down:after  {
	content: '\f0de';
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	background: #d9d9d9;
	padding: .35em .3em .25em .3em;
	text-align: center;
	border-radius: 2px;
	line-height: .8em !important;
	vertical-align: middle;
	margin-top: 0;
	margin-left: .3em;
	margin-right: 0;
	margin-bottom: .1em;
	display: inline-block;
	position: relative;
	width: 16px;
	height: 15px;
	}
.sort2-down:after  {
	content: '\f0dd';
	margin-left: 0;
	padding-top: 0
	}		
.sort2-up.active:after,
.sort2-down.active:after  {
	background: #0099ff;
	}
.sort2-up:hover:after,
.sort2-down:hover:after  {
	background: #888 !important;
	}	
	
	
@media (max-width: 767px) {
	.sort-up:after,
	.sort-down:after  {
		font-size: 16px;
		}
			
	
	.sort2-up:after,
	.sort2-down:after  {
		font-size: 12px;
		margin-top: 0;
		line-height: 1.1em !important;
		}
	.sort2-up:after  {
		margin-left: 0
		}
	.sort2-down:after  {
		
		}					
}
@media (max-width: 380px) {
	.sort-up:after,
	.sort-down:after  {
		font-size: 13px;
		}
	.sort-down:after  {
		left: 0
		}		
}
/* --------- end SORTIERUNG -------- */





/* --------- TABELLEN
================================================== */
.table, table			{ margin-bottom: 1em }
table					{ width: 100% }


.table-right 			{ text-align: right; }
.table-center 			{ text-align: center; }

.border-top,
.table.borderless .border-top { border-top: 3px solid #bbb !important;
						}
.border-bottom,
.table.borderless .border-bottom { border-bottom: 3px solid #bbb !important;
						}
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td { border: 1px dotted #bbb;
						}				
.borderless td,
.borderless 			{ border:none }	

			
.table-responsive 		{ border: none }	
.table-responsive td 	{ white-space: normal !important }

table .noborder,
table.noborder,
table.noborder td,
table.noborder td tr { border: none !important }

	
/* - ZELLEN -------- */	
	.td,	
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td,
	table > thead > tr > th,
	table > tbody > tr > th,
	table > tfoot > tr > th,
	table > thead > tr > td,
	table > tbody > tr > td,
	table > tfoot > tr > td {
		padding: .4em .8em;
		line-height: 1.2em !important;
		border-top: none;
		border-bottom: 1px dotted #bbb;
		white-space: normal
		}
	td:first-child {
		padding-left: 0;
		}
	.table-bordered td:first-child,
	.table-striped td:first-child {
		padding-left: .8em;
		}				
/* - HEADER -------- */	  
	.table > thead > tr > th,
	.table > thead > tr > td,
	table > thead > tr > th,
	table > thead > tr > td {
		color: #fff;
		background: #654321;
		}
	.table > thead > tr > th:first-child,
	.table > thead > tr > td:first-child,
	table > thead > tr > th:first-child,
	table > thead > tr > td:first-child {
		padding-left: .1em !important;
		}	 
/* - HEADER Sub -------- */
	.table > thead.sub > tr > th,
	.table > thead.sub > tr > td,
	table > thead.sub > tr > th,
	table > thead.sub > tr > td   {
		background: none;
		font-weight: bold;
		color: #654321;
		vertical-align: middle;
	}
	.table > thead.sub > tr > th:first-child,
	.table > thead.sub > tr > td:first-child,
	table > thead.sub > tr > th:first-child,
	table > thead.sub > tr > td:first-child   {
		padding-left: 0 !important;
	}
/* - FOOTER -------- */
	.table > tfoot > tr > th,
	.table > tfoot > tr > td,
	table > tfoot > tr > th,
	table > tfoot > tr > td {
		color: #654321;
		font-weight: bold;
		border-weight: 5px !important
		}	
/* - CONDENSED -------- */
	.table-condensed > thead > tr > th,
	.table-condensed > tbody > tr > th,
	.table-condensed > tfoot > tr > th,
	.table-condensed > thead > tr > td,
	.table-condensed > tbody > tr > td,
	.table-condensed > tfoot > tr > td,
	table-condensed > thead > tr > th,
	table-condensed > tbody > tr > th,
	table-condensed > tfoot > tr > th,
	table-condensed > thead > tr > td,
	table-condensed > tbody > tr > td,
	table-condensed > tfoot > tr > td  {
		} 
	.table.table-condensed > thead.sub > tr > th,
	.table.table-condensed > thead.sub > tr > td,
	table .table-condensed > thead.sub > tr > th,
	table .table-condensed > thead.sub > tr > td  {
		} 
	.table-condensed > tfoot > tr > th,
	.table-condensed > tfoot > tr > td,
	table-condensed > tfoot > tr > th,
	table-condensed > tfoot > tr > td  {
		padding-top: .1em;
		padding-bottom: .1em;
		}  






/* - TABLE - Typ 1 -------- */	
	/* 1. Zeile */
	.table-typ-1 tr:nth-child(1) td { 
		font-weight: bold; 
		}	 
	
	
	
/* - TABLE - Typ 2 -------- */	
	.table-typ-2 {
		}
	.table-typ-2 tr:last-child td {
		border-bottom: 1px dotted #bbb;
		}		
	.table-typ-2 td {
		border: 3px solid #fff;
		padding: .4em .5em
		/*
		box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,.5);
		border-radius: .5em;  
		background-color: #ffebe6;
		*/
		}  
	/* 1. Zeile */
	.table-typ-2 tr:nth-child(1) td { 
		background-color: #777; 
		font-weight: bold; 
		color: #fff;
		line-height: 1.1em !important;
		border-bottom: 10px solid #fff;
		}
	.table-typ-2 tr:nth-child(1) td a { 
		color: #fff !important; 
		}
	.table-typ-2 tr:nth-child(1) td a:hover { 
		text-decoration: underline 
		}			 
	/* 1. Spalte */	
	.table-typ-2 td:first-child {
		}	
	.table-typ-2 tr:nth-child(even) td { 
		background-color: #eee; 
		}	
	.table-typ-2 td:empty,
	.table-typ-2 tr:nth-child(even) td:empty {
		box-shadow: none;
		background:  repeating-linear-gradient(
			-45deg,
			#eee,
			#eee 2px,
			#fff 2px,
			#fff 9px
			);
		}
		
		
/* - TABLE - Typ 3 -------- */	
	.table-typ-3 td {
		border: 3px solid #fff;
		padding: .4em .5em;
		border-radius: .6em !important;  
		border: 1px dotted #bbb !important;
		border-left: none !important;
		border-right: none !important
		/*
		box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,.5);
		border-radius: .5em;  
		background-color: #ffebe6;
		*/
		}  	 
		
	.table-typ-3 tr:nth-child(odd) td { 
		background-color: #fff; 
		}
	/* 1. Spalte */	
	.table-typ-3 td:first-child {
		background-color: #777 !important; 
		color: #fff !important;
		border-color: #fff !important;
		border-width: 2px !important;
		border-style: solid !important;
		border-right-width: 15px !important
		}
	.table-typ-3 td:first-child a {
		color: #fff !important;
		}
	.table-typ-3 td:first-child a:hover {
		text-decoration: underline
		}		
		
				
	
	
/* - TABLE - Typ 4 -------- */	
	.table-typ-4 td {
		border: 7px solid #fff;
		padding: .8em 1em;
		/*
		box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,.2);
		border-radius: .5em;  
		background-color: #f6f6f6;
		*/
		}  		
	/* 1. Spalte */	
	.table-typ-4 td:first-child {
		border-left: none !important
		}


							


/* ----- Hintergrundgrafiken ----*/
.bg1 {
	background: url(../images/5px.gif) repeat;
	padding-left: 0 !important;
	padding-right: 0 !important;
	vertical-align: middle !important
}
/* ----- Hintergrundgrafiken ----*/




@media screen and (max-width: 767px) {
  table {
    width: 100%;
  }
   table tr td {
    /* max-width: 30px;*/
    white-space: normal
  }
}
/* --------- end TABELLEN -------- */











/* --------- FORMS / FORMULARE
================================================== */
form {
	margin: 0 0 1.5em 0;
	width: 100%;
	float: left;
	line-height: 1.2em !important;
	z-index: 1;
	position: relative
	}	
form .row {
	width: 100%;
	width: calc(100% + 24px);
	}			
form .form-group {
	margin: 0 0 .7em 0;
	clear: both;
	}
form .form-control,
form select.form-select,
form select {
	padding: .15rem .5rem;
	line-height: 1.2em !important;
	}
form .form-control {
	background-color: #f6f7f9;
	line-height: 1.4em !important;
	}
form textarea,
input[type="text"] {
	color: #333 !important
	}	
form .auto,
form .custom {
	width: auto;
	display: inline-block;
	padding-right: .1em
	}	
	
/* --- form > label --- */	
form label {
	margin-right: .3em;
	margin-left: 2px;
	font-weight: normal;
	line-height: 1.3em !important;
	}	
form .row label {
	width: 100%
	}
form label input {
	font-weight: normal;
	}	
/* ------------------------------- */



/* --- form > form-inline --- */		
form.form-inline {
	}
form.form-inline .form-group {
	float: left;
	clear: none;
	margin-right: 1em
	}
/* ------------------------------- */	
	


/* --- form > .row.row-inline --- */
form .row.row-inline {
	}	
form .row.row-inline .form-group {
	width: auto !important;
	float: left !important;
	}
form .row.row-inline .form-group label {
	float: left;
	width: auto !important;
	}	
form .row.row-inline .form-group .form-control,
form .row.row-inline .form-group .form-select,
form .row.row-inline .form-group select.form-select,
form .row.row-inline .form-group select {
	float: left !important;
	width: auto !important;
	clear: both !important;
	margin-bottom: 0;
	}	
form .row.row-inline .form-group select:not(.form-select) {
	margin-top: .2em
	}							
/* ------------------------------- */



	
			
/* --- form > select --- */	
form select.form-select {
	padding-right: 30px;
	width: auto;
	display: inline-block;
	}
form .form-group select:not(.form-select) {
	float: none !important
	}
	
form .row select.form-select {
	margin-bottom: .5em
	}
form .row select:not(.form-select) label {
	width: 100%
	}
form .row select:not(.form-select) {
	clear: both !important;
	float: left;
	}		
form .row .form-group[class*="col-"] select.form-select {
	width: 100%;
	}
form .row .form-group[class*="col-"] select:not(.form-select) {
	width: 100%;
	float: left;
	}
form .row .form-group select {
	float: left;
	margin-left: 2px
	}
form .row .form-group select.form-select {
	margin-left: 0;
	margin-right: 3px
	}	
form .row .form-group select:not(.form-select):nth-child(2) {
	clear: both;
	display: inline-block;
	position: relative;
	float: left
	}		
/* ------------------------------- */
	
		

/* --- form > Buttons --- */
form .btn {
	padding-top: .45rem !important;
	padding-bottom: .45rem !important;
	margin-top: .5em;
	}
form .row .btn {
	margin-top: -5px
	}	
form.form-inline .btn {
	margin-top: -2px
	}	
form .form-group .input-group .btn {
	padding-top: .15rem !important;
	padding-bottom: .15rem !important;
	margin-top: 0
	}
form .btn,
form button,
form input[typr="submit"],
form .input-group-text {
	text-transform: uppercase;
	color: #fff !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background: #2299ff;
	border-color: rgba(0, 0, 0, 0.1);
	}				
form .btn:hover,
form button:hover,
form input[typr="submit"]:hover,
form .input-group-text:hover {
	color: #fff !important;
	background: #0066ff ;
	}				

/* ------------------------------- */




/* --- form > .margin-oben --- */
form .btn.margin-oben {
	}
form .row .btn.margin-oben {
	margin-top: 1em;
	}
form .row.row-inline .btn.margin-oben {
	margin-top: 1.45em;
	}	
	
form input[type*="checkbox"].margin-oben {
	margin-top: 1.5em;
	}		
			
@media (max-width: 768px) {
	form .btn.margin-oben { margin-top: 4.5% }	
}
/* ------------------------------- */




/* --- form > .input-group --- */
form .form-group .input-group .form-control {
	margin-left: 1px !important;
	border-radius: 4px 0 0 4px !important
	}
form .form-group .input-group.input-btn-sep .form-control {
	border-radius: 4px !important
	}	
	form .form-group .input-group.input-btn-sep .btn {
	margin-left: 10px !important;
	border-radius: 60px !important
	}
form .form-group .input-group label {
	margin-top: .6em;
	}
		
form .input-group span {
	margin-left: 0;
	margin-right: -1px
	}
	
form .row .input-group label {
	width: 100%
	}	
form .row .form-group .input-group {
	margin-left: 1px;
	}
form .row .form-group[class*="col-"] .input-group label {
	margin-top: 0;
	}				
/* ------------------- */
		
			

/* --- form > .nowrap --- */
form .row .form-group .nowrap { 
	}
form .row .form-group .nowrap label { 
	width: auto;
	}
form .row .form-group.nowrap label { 
	width: auto;
	float: left;
	}	
form .row .form-group.nowrap select {
	float: left !important;
	width: auto !important;
	}
	form .row .form-group.nowrap select:nth-child(2) {
	clear: both;
	}
	form .row .form-group.nowrap select:nth-child(3),
	form .row .form-group.nowrap select:nth-child(4),
	form .row .form-group.nowrap select:nth-child(5),
	form .row .form-group.nowrap select:nth-child(6),
	form .row .form-group.nowrap select:nth-child(7),
	form .row .form-group.nowrap select:nth-child(8) {
	clear: none !important;
	}	
/* ------------------------------- */




/* --- .form-check, checkbox --- */
.checkbox /* identisch .fom-check*/,
.form-check {
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5em;
	margin-bottom: 0.125rem;
	}
.checkbox.form-check-inline,
.form-check.form-check-inline {
	display: inline-block;
	margin-right: 1rem;
	}	
	.checkbox.form-switch,
	.form-check.form-switch {
		padding-left: 2.5em
		}
.form-check input:not(.form-check-input),
.checkbox input:not(.form-check-input) {
	margin-left: -20px;
	float: left;
	margin-top: 0.3em;
	}
.form-check input.form-check-input,
.checkbox input.form-check-input {
	margin-top: 0.25em;
	}	
.form-check label,
.checkbox label {
	display: inline;
	clear: none
	}	
form .form-check label {
	margin-bottom: .25em;
	display: inline-block
	}	
/*	
form .form-check label { 
	display:block;
	}	*/
/* ------------------------------- */	
	
	
	

/* --- .hinten + .eingerückt --- */
form label.hinten {
	}	
form .eingerueckt {
	clear: both;
	float: left;
	width: 100%;
	margin-left: 29px;
	margin-top: .5em !important;
	float: none;
	font-weight: normal
	}	
/* ------------------------------- */	
	

/* --- form spezial --- */
form .form-group.form-btn {
	background: #ddd;
	color: #fff !important;
	padding: .5em .5em .35em .5em;
	border-radius: 6px;
	margin-bottom: .5em
	}
form .form-group.form-btn.bg-danger {
	background: #ff4d4d !important;
	}
form .form-group.form-btn.bg-success {
	background: #77bb22 !important;
	}
form .form-group.form-btn.bg-warning {
	background: #ffaa00 !important;
	}	
form .form-group.form-btn.bg-info {
	background: #2299ff !important;
	}			
/* ------------------------------- */				


	
.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;
	}
.pflicht {
	color: red !important;
	display: inline-block !important;
	}
.pflichtfeld {
	font-weight: normal;
	color: red !important;
	font-size: 85%;
	position: relative !important;
	clear: none !important;
	display: inline !important;
	float: right;
	clear: both !important;
	display: inline-block !important
	}	
@media (min-width: 768px) {
	.form-inline .pflicht 						{ top: -12px !important }
	.form-inline.form-xs .pflicht 				{ top: -8px !important }
}


form h5,
form .form-group h5 {
	float: none;
	clear: none;
	display: inline-block;
	font-size: 12pt !important;
	margin-top: 1.3em !important;
	margin-bottom: .2em !important
	}
form h5 sup,
form h5 .pflicht {
	font-weight: normal;
	font-size: 12pt !important
	}
form h5 a {
	text-decoration: none !important;
	border-bottom: none !important
	}
form h5 a i {
	text-decoration: none !important;
	border-bottom: none !important
	}		


.alert {
	clear: left;
	}
/* --------- end FORMULAR -------- */







/* --------- TOGGLE
================================================== */
.toggle-box {
	float: right;
	clear: both;
	position: fixed;
	right: 15px;
	top:15%;
	margin-top: 3em;
	margin-bottom: 2em;
	padding: .8em .5em .5em .5em;
	background: #fff;
	border-radius: 7px;
	box-shadow: .1em .1em .4em rgba(0, 0, 0, 0.4);
	z-index: 100;
	width: 150px
	}
.toggle-box.debug-box {
		
	}

.toggle-box h1,
.toggle-box h2,
.toggle-box h3,
.toggle-box h4,
.toggle-box h5,
.toggle-box h6 {
	padding-top: 0;
	margin-top: .3em;
	margin-bottom: .5em;
	line-height: 1.1em;
}
.toggle-box h2 {
	background: #2196F3;
	color: #fff !important;
	font-family: 'arial', sans-serif !important;
	font-weight: bold !important;
	text-transform: uppercase;
	border: none;
	padding: .15em .5em .15em .5em;
	margin: -.8em -.4em .8em -.4em;
	width: 151px;
	float: left;
	display: inline-block;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	line-height: 1.2em !important;
	font-size: 20px !important;
	text-align: center;
}
.toggle-box h6 {
	font-size: 105%;
	margin-top: 0
}
@media (max-width: 780px) {
	.toggle-box {
		top: 5%;
		right: 5px;
		font-size: 80%
		}
	.toggle-box .col { width: 33%; float: left }	
}	
@media (max-width: 500px) {
	.toggle-box .col { width: 50%; }	
}
@media (max-width: 380px) {
	.toggle-box .col { width: 100%; }	
}


.switch .open span,
.switch .closed span {
  font-weight: normal;
  line-height: 1em;
  margin-left: 35px;
  margin-top: -5px;
  display: inline-block;
  position: relative
	}
.switch .open,
.switch .closed { 
  position: absolute;
  cursor: pointer;
  background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.5) inset;
  border-radius: 17px;
  color: #000;  
  position: relative;
  width: 30px;
  height: 17px;
  margin-bottom: .8em;
  clear: both;
  display: block;
  line-height: 1.2em;
	}
.switch .open:before,
.switch .closed:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
  box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.35);
  border-radius: 50%;
	}		
.switch .closed {
  background-color: #ccc;
  color: #aaa
	}
.switch .closed:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
	}
.switch .open:hover,
.switch .closed:hover {
	text-decoration: none;
	color: #2196F3;
	color: #000
	}
	

.toggle-box.xs .switch .open span,
.toggle-box.xs .switch .closed span {
  margin-left: 30px;
	}
.toggle-box.xs .switch .open,
.toggle-box.xs .switch .closed { 
   margin-bottom: .3em;
   font-size: 80%;
   height: 14px;
   width: 25px;
   margin-bottom: .7em
   }
.toggle-box.xs .switch .open:before,
.toggle-box.xs .switch .closed:before {
  	height: 10px;
  	width: 10px;
  	-webkit-transform: translateX(10px);
  	-ms-transform: translateX(10px);
  	transform: translateX(10px);
	}
.toggle-box.xs .switch .closed:before {
 	-webkit-transform: translateX(0px);
 	-ms-transform: translateX(0px);
 	transform: translateX(0px);
	}	
	
.aktivieren {
	margin-top: 1em;
	font-weight: bold; 
	}
.aktivieren .switch .open {
	background: green;
	color: green;
	margin-top: 1.5em;
	}
.aktivieren .switch .closed {
	background: red;
	color: red
	}	

/*
.toggle-content { 
	display: none
	}
*/
.on { 
	display: inherit
	}	
		 
.ausblenden a,
.einblenden a {
	 background: #fff;
	 color: #999;
	 padding: .2em .6em;
	 position: absolute;
	 box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.2);
	 border: 1px solid #e2e2e2;
	 border-radius: 20px;
	 z-index: 100;
	}
.ausblenden a:hover,
.einblenden a:hover {
	 background: #ddd;
	 color: #000;
	 border-color: #ddd; 
	 box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.2) inset;
	 text-decoration: none !important;
	}
/* --------- end TOGGLE -------- */	







/* ----- PAGINATION -------------
================================================== */
.pagination {
	clear: both;
	border-top: 1px dotted #ccc;
	padding: 2em 0 0 0;
	margin-top: 3em;
	margin-bottom: 1em;
	display: inline-block;
	width: 100%
	}
	.pagination .btn {
		margin-bottom: .5em
	}

.pagination2 {
	clear: both;
	margin-top: 1.5em;
	margin-bottom: 2em;
	display: inline-block;
	width: 100%;
	text-align: right
	}
	.pagination2 .btn {
		margin-bottom: .5em;
		margin-left: .5em
	}
	.pagination2 .btn.pull-left {
		margin-left: 0
	}






.pagination_navi {
	width: 100%;
	margin: 0 0 2em 0;
	float: right;
	text-align: right
	}
.pagination_navi span {
	text-align: left;
	float: left;
	}	
	
	
.pagination_navi a,
.pagination_navi .end {
	text-align: center;
	padding: .1em .4em;
	margin: .15em;
	border-radius: 2px;
	display: inline-block;
	font-weight: normal;
	line-height: 1.2em;
	background: #ccc;
    } 
.pagination_navi a:first-child {
	margin-left: 2em
    }    	
.pagination_navi a:hover,
.pagination_navi .end:hover {
	color: #fff;
	background: #999;
	}	
.pagination_navi a.aktiv {
	background: #654321;
	color: #fff;
	font-weight: bold; 
	}
.pagination_navi a.inaktiv {
	}			
/* --------- end PAGINATION -------- */






/* --------- PAGINATION-Verlauf
================================================== */
.content ul.pagination {
  display: block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.content ul.pagination li:before {
	display: none;
	}
.content ul.pagination li,
.content ul li.page-item {
	}
	
.content ul.pagination a,
.page-link {
  	color: #000;
  	margin: 0 !important
	}
/* --------- end PAGINATION -------- */








/* --------- 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 -------- */








/* --------- FARBEN
================================================== */
.grayscale {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    filter: url(/elements/grayscale.svg#desaturate); 
    filter: gray; 
    -webkit-filter: grayscale(1); 
    opacity: .6 !important
}
.grayscale:hover {
	filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1 !important
}

.hellrot, .text-hellrot 								{ color: #ff9999 !important }
.rot, .red, .text-rot, .text-red, .text-danger 			{ color: red !important }
.gruen, .green, .text-gruen, .text-green, .text-success { color: #66bb00 !important }
.blau, .blue, .text-blue  								{ color: #1166ee !important }
.primary, .text-primary								 	{ color: #337ab7 !important }
.info, .text-info  										{ color: #31708f !important }
.warning, .text-warning								 	{ color: #8a6d3b !important }

a.hellrot:hover, a.text-hellrot:hover,
a.rot:hover, a.red:hover, a.text-rot:hover, a.text-red:hover, a.text-danger:hover,
a.gruen:hover, a.green:hover, a.text-gruen:hover, a.text-green:hover, a.text-success:hover,
a.blau:hover, a.blue:hover, a.text-blue:hover,
a.primary:hover, a.text-primary:hover,
a.info:hover, a.text-info:hover,
a.warning:hover, a.text-warning:hover					{ text-decoration: underline !important }



.schwarz, .black, .text-black,
a.schwarz, a.black, a.text-black  						{ color: #000 !important }

.weiss, .white, .text-white,
a.weiss, a.white, a.text-white  						{ color: #fff !important }

.grau, .grey, .gray,
.text-grau, .text-grey, .text-gray,
a.grau, a.grey, a.gray,
a.text-grau, a.text-grey, a.text-gray					{ color: #999 !important }

.dunkelgrau, .darkgrey, .darkgray, 
.text-dunkelgrau, .text-darkgrey, .text-darkgray,
a.dunkelgrau, a.darkgrey, a.darkgray, 
a.text-dunkelgrau, a.text-darkgrey, a.text-darkgray		{ color: #606060 !important }

.hausfarbe, .text-hausfarbe,
a.hausfarbe, a.text-hausfarbe 							{ color: #654321 !important }

.hausfarbe_hell, .text-hausfarbe_hell					{ color: #654321 !important; opacity: 0.7 }
.hausfarbe_hell2, .text-hausfarbe_hell2 				{ color: #654321 !important; opacity: 0.5 }
.hausfarbe_hell3, .text-hausfarbe_hell3					{ color: #654321 !important; opacity: 0.3 }
.hausfarbe_dunkel, .text-hausfarbe_dunkel				{ color: #434321 !important }
.hausfarbe_dunkel2, .text-hausfarbe_dunkel2				{ color: #321098 !important }
.hausfarbe_dunkel3, .text-hausfarbe_dunkel3				{ color: #210987 !important }

.bg-danger 		{ background: #ffe0e0 !important; color: red !important }
.bg-success 	{ background: #ddf3dd !important; color: #66bb00 !important }
.bg-blue 		{ background: #d3e2ff !important; color: #1166ee !important }
.bg-primary 	{ color: #fff !important }
.bg-info 		{ color: #31708f !important }
.bg-warning 	{ color: #8a6d3b !important; }	

.bg-white 		{ background: #fff !important }
.bg-black 		{ background: #000 !important; color: #fff !important }


.bg-hausfarbe,
.bg-content.bg-hausfarbe,
.well.bg-hausfarbe,
.well-sm.bg-hausfarbe { 
	background: #654321; 
	color: #fff;
	border-color: rgba(0, 0, 0, 0.1);
	}
 	.bg-hausfarbe h1, .bg-hausfarbe h1 a,
	.bg-hausfarbe h2, .bg-hausfarbe h2 a,
	.bg-hausfarbe h3, .bg-hausfarbe h3 a,
	.bg-hausfarbe h4, .bg-hausfarbe h4 a,
	.bg-hausfarbe h5, .bg-hausfarbe h5 a,
	.bg-hausfarbe h6, .bg-hausfarbe h6 a { 
		color: #fff !important;
		text-decoration: none
		}		
	.bg-hausfarbe .icon { 
		color: #fff !important;
		}
	.bg-hausfarbe a,
	.bg-hausfarbe ul li a { 
		color: #fff !important;
		}
	.bg-hausfarbe a:hover,
	.bg-hausfarbe ul li a:hover { 
		text-decoration: underline
		}
	a.bg-hausfarbe:hover { 
		background-color: #223246 !important
		}		
			
	.bg-hausfarbe .icon { 
		border-bottom-color: #aaa
	  	}	
	.bg-hausfarbe .icon i { 
		background: #654321 url(../images/dot25.png);
  		}
  	.bg-hausfarbe hr,
	.bg-hausfarbe .border { 
		border-top-color: #aaa
	  	} 		
	.bg-hausfarbe ul.list-lines li,
	.bg-hausfarbe .div-lines { 
		border-bottom-color: #999 !important
	  	}	  			
	.content .bg-hausfarbe ul li:before {
		color: #fff !important;
		}
			










.bg-hausfarbe2,
.bg-content.bg-hausfarbe2,
.well.bg-hausfarbe2,
.well-sm.bg-hausfarbe2 { 
	background: #654321; 
	color: #fff;
	border-color: rgba(0, 0, 0, 0.1);
	}
 	.bg-hausfarbe2 h1, .bg-hausfarbe2 h1 a,
	.bg-hausfarbe2 h2, .bg-hausfarbe2 h2 a,
	.bg-hausfarbe2 h3, .bg-hausfarbe2 h3 a,
	.bg-hausfarbe2 h4, .bg-hausfarbe2 h4 a,
	.bg-hausfarbe2 h5, .bg-hausfarbe2 h5 a,
	.bg-hausfarbe2 h6, .bg-hausfarbe2 h6 a { 
		color: #fff !important;
		text-decoration: none
		}		
	.bg-hausfarbe2 .icon { 
		color: #fff !important;
		}
	.bg-hausfarbe2 a,
	.bg-hausfarbe2 ul li a { 
		color: #fff !important;
		}
	.bg-hausfarbe2 a:hover,
	.bg-hausfarbe2 ul li a:hover { 
		text-decoration: underline
		}
	a.bg-hausfarbe2:hover{ 
		background-color: #88aa22 !important
		}				
			
	.bg-hausfarbe2 .icon { 
		border-bottom-color: #aaa
	  	}	
	.bg-hausfarbe2 .icon i { 
		background: #654321 url(../images/dot25.png);
  		}
  	.bg-hausfarbe2 hr,
	.bg-hausfarbe2 .border { 
		border-top-color: #aaa
	  	} 		
	.bg-hausfarbe2 ul.list-lines li,
	.bg-hausfarbe2 .div-lines { 
		border-bottom-color: #999 !important
	  	}	  			
	.content .bg-hausfarbe2 ul li:before {
		color: #fff !important;
		}
		
		
		
		
		




		
		
.bg-grey,
.bg-content.bg-grey, 	 
.well.bg-grey,
.well-sm.bg-grey {
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f6f6 20%, #e5e5e5 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f6f6 20%,#e5e5e5 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f6f6 20%,#e5e5e5 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}
	
	
	
.bg-darkgrey,
.bg-content.bg-darkgrey,
.well.bg-darkgrey,
.well-sm.bg-darkgrey { 
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top, #222222 20%, #444444 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #222222 20%,#444444 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #222222 20%,#444444 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	color: #aaa;
	border-color: rgba(0, 0, 0, 0.1);
	}
	.bg-darkgrey h1, .bg-darkgrey h1 a,
	.bg-darkgrey h2, .bg-darkgrey h2 a,
	.bg-darkgrey h3, .bg-darkgrey h3 a,
	.bg-darkgrey h4, .bg-darkgrey h4 a,
	.bg-darkgrey h5, .bg-darkgrey h5 a,
	.bg-darkgrey h6, .bg-darkgrey h6 a { 
		color: #fff !important;
		text-decoration: none
		}	
	.bg-darkgrey b { 
		color: #fff !important;
		}	
	.bg-darkgrey .icon { 
		color: #fff !important;
		}
	.bg-darkgrey a,
	.bg-darkgrey .icon { 
		color: #bbb !important
		}
	.bg-darkgrey a,
	.bg-darkgrey ul li a { 
		color: #fff !important;
		}
	.bg-darkgrey a:hover,
	.bg-darkgrey ul li a:hover { 
		text-decoration: underline
		}	 	
	  		
	.bg-darkgrey hr,
	.bg-darkgrey .border { 
		border-top-color: #777
	  	} 		
	.bg-darkgrey ul.list-lines li,
	.bg-darkgrey .div-lines { 
		border-bottom-color: #555
	  	}  	
	.content .bg-darkgrey ul li:before {
		color: #fff !important;
		}	










.bg-transp,
.bg-content.bg-transp,
.well.bg-transp,
.well-sm.bg-transp { 
	color: #bbb;
	background: url(../images/dot80.png);
	border-color: rgba(255, 255, 255, 0.4)
	}
	.bg-transp h1, .bg-transp h1 a,
	.bg-transp h2, .bg-transp h2 a,
	.bg-transp h3, .bg-transp h3 a,
	.bg-transp h4, .bg-transp h4 a,
	.bg-transp h5, .bg-transp h5 a,
	.bg-transp h6, .bg-transp h6 a { 
		color: #fff !important;
		text-decoration: none
		}	
	.bg-transp b { 
		color: #fff !important;
		}	
	.bg-transp .icon { 
		color: #fff !important;
		}
	.bg-transp a,
	.bg-transp .icon { 
		color: #bbb !important
		}
	.bg-transp a,
	.bg-transp ul li a { 
		color: #fff !important;
		}
	.bg-transp a:hover,
	.bg-transp ul li a:hover { 
		text-decoration: underline
		}		
	  		
	.bg-transp hr,
	.bg-transp .border { 
		border-top-color: #777
	  	} 		
	.bg-transp ul.list-lines li,
	.bg-transp .div-lines { 
		border-bottom-color: #555
	  	}  	
	.content .bg-transp ul li:before {
		color: #fff !important;
		}	

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







/* --------- DL-LISTEN
================================================================================== */
dl	{ 
	float: left;
	width: 100%; 
	font-size: 85%;
	margin: 0 !important; 
	margin-bottom: 1em !important;
	}
	dt,dd	{ 
		line-height: 1.2em; 
		padding: 0 !important;
		float: left;
		margin: .5em 0
		}
	dt	{ 
		clear: both; 
		width: 35%; 
		padding-right: 3% ;
		font-weight: bold; 
		}
	dd	{ 
		width: 62%
		}
	

.row [class*="-6"] dt,
.row [class*="-5"] dt,
.row [class*="-4"] dt,
.row [class*="-3"] dt,
.row [class*="-2"] dt,
.row [class*="-1"] dt { width: 50% }

.row [class*="-6"] dd,
.row [class*="-5"] dd,
.row [class*="-4"] dd,
.row [class*="-3"] dd,
.row [class*="-2"] dd,
.row [class*="-1"] dd { width: 47% }




.dl_liste_2 dt,
.dl_liste_2 dd {
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: .3em !important;
	display: block
	}
	.dl_liste_2 dt {
		width: 35% !important;
		min-height: 20px
		}
	.dl_liste_2 dd {
		border-bottom: 1px dotted #ccc;
		margin-bottom: .5em !important;
		padding-bottom: .5em !important;
		margin-left: -35% !important;
		padding-left: 35% !important;
		width: 100% !important;
		min-height: 20px
		}
/* --------- end DL-LISTEN -------- */







/* --------- CODE
================================================================================== */
code {
	color: #993030 !important;
	border: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.2em !important;
	padding-top: .2em;
	padding-bottom: .2em;
	margin: 0 .2em .5em .2em;
	display: inline-block
	}
code.kl {
	background: #eee;
	font-size: 80%;
	color: #999 !important;
	}
code.typ2 {
	background: #fff;
	font-size: 80%;
	color: #0000ff !important;
	line-height: 1.4em !important;
	padding: .8em !important;
	border-color: rgba(0, 0, 255, 0.3);
	border-radius: 4px
	}
	
code b {
	color: #ff0000;
	}

code .hidden { 
	width: 0; 
	opacity: 0
	}
	
	
.highlight {
	clear: both;
	font-size: 80%;
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: .8em 1.2em;
	margin: 1.5em auto 3em auto;
	max-width: 1140px;
	float: left;
	float: none;
	display: inline-block
	}
	@media (max-width: 767px) {
	.highlight {
		margin-left: 5px;
		margin-right: 5px;
		/*width: auto*/
		}
	}
.bg-hausfarbe .highlight,
.bg-darkgrey .highlight {
	color: #555 !important
	}	
.highlight code {
	background: none;
	padding: 0;
	color: #000 !important;
	margin: 0;
	border: none
}
.highlight pre {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
.pre,
.pre1, 
.pre2,
.pre3,
.pre4,
.pre5,
.pre6,
.pre7 { 
	display: inline-block
	}
.pre1 { width: 20px }
.pre2 { width: 40px }
.pre3 { width: 60px }
.pre4 { width: 80px }
.pre5 { width: 100px }
.pre6 { width: 120px }
.pre7 { width: 140px }

.hll 	{ background-color: #ffc }
.c		{ color: #999 }
.err	{ color: #A00; background-color: #FAA }
.k		{ color: #069 }
.o		{ color: #555 }
.cm		{ color: #999 }
.cp		{ color: #099 }
.c1		{ color: #999 }
.cs		{ color: #999 }
.gd		{ background-color: #FCC; border: 1px solid #C00 }
.ge		{ font-style: italic }
.gr		{ color: red }
.gh		{ color: #030 }
.gi		{ background-color: #CFC; border: 1px solid #0C0 }
.go		{ color: #AAA }
.gp		{ color: #009 }
.gu		{ color: #030 }
.gt		{ color: #9C6 }
.kc		{ color: #069 }
.kd		{ color: #069 }
.kn		{ color: #069 }
.kp		{ color: #069 }
.kr		{ color: #069 }
.kt		{ color: #078 }
.m		{ color: #F60 }
.s		{ color: #d44950 }
.na		{ color: #4f9fcf }
.nb		{ color: #366 }
.nc		{ color: #0A8 }
.no		{ color: #360 }
.nd		{ color: #99F }
.ni		{ color: #999 }
.ne		{ color: #C00 }
.nf		{ color: #C0F }
.nl		{ color: #99F }
.nn		{ color: #0CF }
.nt		{ color: #2f6f9f }
.nv		{ color: #033 }
.ow		{ color: #000 }
.w		{ color: #bbb }
.mf		{ color: #F60 }
.mh		{ color: #F60 }
.mi		{ color: #F60 }
.mo		{ color: #F60 }
.sb		{ color: #C30 }
.sc		{ color: #C30 }
.sd		{ color: #C30; font-style: italic }
..s2	{ color: #C30 }
.se		{ color: #C30 }
.sh		{ color: #C30 }
.si		{ color: #A00 }
..sx	{ color: #C30 }
.sr		{ color: #3AA }
.s1		{ color: #C30 }
.ss		{ color: #FC3 }
.bp		{ color: #366 }
.vc		{ color: #033 }
.vg		{ color: #033 }
.vi		{ color: #033 }
.il		{ color: #F60 }

.highlight b {
	background: rgba(0, 255, 0, 0.3);
	font-weight: normal !important;
	
}	
/* --------- end COEDE -------- */



/* --------- DRUCKVERSION
================================================================================== */
@media print {
	#sticky,
	.footer,
	.footer-menu,
	#cookiedingsbums,
	.drucken,
	.edit-block,
	.debug-box,
	.frontend,
	.toggle-content.edit-block
		{ display: none !important }
	
	body {
		background: none !important;
		}
	
	.noprint 		{ display: none !important } 
	.form-inline 	{ display: none !important }
	.pagetop-scroll { display: none !important }
}
/* --------- end DRUCKVERSION ----------------------------------------------------
================================================================================== */