body { 
	font-size: medium;
	font-family: 'Titillium', sans-serif;
	font-weight: 300;
	line-height: 1.6em;

	hyphens: auto;
	hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 4;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	}
@media (max-width: 992px) {
	body { line-height: 1.3em }
	}
@media (max-width: 480px) {
	body { line-height: 1.4em;  font-size:110%; }
	}



/* --------- ANKER / ANCHOR
================================================== */
	/* Anchor für Kurz-News */
	.content a[id*="Art"],
	#content a[id*="Art"] {
		display: block;
		position: relative;
		clear: both;
		top: -70px;
		visibility: hidden;
		}
		@media (max-width: 767px) {
		a[id*="Art"] { top: -100px !important }	}

	/* Anchor z.B. für news_galerie */
	#ToTop {
		top: -15px;
		display: block;
		position: relative
		}

	/* Anchor to top - z.B. für news_galerie.php */
	body.anchor-top {
		}
	body.anchor-top nav {
		}
	body.anchor-top nav.scrolled {
		}
	body.anchor-top.scrolled {
		}
	@media (min-width: 768px) and (max-height: 1000px) {
		body.anchor-top nav {
			position: relative !important;
			}
		#ToTop {
			top: -15px;
			}
		}
	@media (min-width: 768px) and (min-height: 1000px) {
		 #ToTop {
			top: -70px
			}
		}
	@media (max-width: 767px) {
		body.anchor-top nav {
			position: relative !important;
			}
		}

	/*body.anchor-top :target {
		display: block;
		position: relative;
		top: -38px;
		visibility: hidden;
		}
		@media (max-width: 1200px) {
		body.anchor-top :target { }	}
		@media (max-width: 992px) {
		body.anchor-top :target { top: -43px }	}
		@media (max-width: 767px) {
		body.anchor-top :target { top: -50px }	}
		@media (max-width: 575px) {
		body.anchor-top :target { top: 30px } }
		@media (max-width: 480px) {
		body.anchor-top :target { top: 30px } }
		@media (max-width: 380px) {
		body.anchor-top :target { top: 30px }	}
	*/
/* --------- end ANKER / ANCHOR -------- */



/* --------- AUFBAU / GRID
================================================== */
@media (max-width: 1350px) {
	#contentwrapper.sky #subcontent,
	#contentwrapper.sky .content-rechts {
		font-size: 90%
		}
}
@media (max-width: 992px) {
	#contentwrapper.sky #subcontent {
		font-size: 80%
		}
}
@media (max-width: 767px) {
	.supercontent {
		font-size: 90%;
		top: auto !important;
		position: relative !important;
		margin-top: 10px !important
		}
	#subcontent {
		font-size: 100%
		}
	#contentwrapper.sky #subcontent {
		font-size: 100%
		}
}
@media (max-width: 575px) {
	.supercontent {
		font-size: 80%;
		}
	#subcontent {
		font-size: 100%
		}
	#contentwrapper.sky #subcontent {
		font-size: 100%
		}
}
@media (max-width: 480px) {
	#subcontent {
		margin-top: 50px
		}
}
@media (max-width: 380px) {
	.supercontent {
		font-size: 100%
		}
	#subcontent {
		font-size: 90%
		}
	#contentwrapper.sky #subcontent {
		font-size: 80%
		}
}
/* --------- end AUFBAU / GRID -------- */










/* --------- FOOTER
================================================== */
html { /* wichtig für Sticky Footer */
	position: relative;
	min-height: 100%;
	}
body { /* sticky footer height + bottom + margin-top */
	margin-bottom: 300px;
	padding-top: 0 !important;
}	
.footer {
	width: 100%;
	padding: 4em 0;
	background: #eee;
	margin-top: 3em;
	background: #444;
	text-align: center;
	line-height: 1.2em;
	color: rgba(255, 255, 255, 0.2);
	height: auto;
	bottom: auto;
	position: relative;
	bottom: 0;
	margin: 0 !important;
	position: absolute;
	height: 300px;
	
	position: relative
	}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 {
	letter-spacing: .06em;
	font-family: 'Titillium', sans-serif;
	}
.footer h2 {
	margin: 0 0 1em 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #ff8800;
	font-size: 125%
	}
.footer ul {
	margin-top: 2em;
	margin-bottom: 0;
	}
.footer li {
	border-bottom-color: rgba(255, 255, 255, 0.2) !important;
	display: inline-block;
	border: none !important;
	padding: 0 1.5em 0 0 !important;
	margin: 0 .9em 0 0;
	border-right: 1px solid rgba(255, 137, 0, 0.8) !important;
	text-align: right;
	border: none !important;
	margin-right: .6em !important;
	letter-spacing: .04em;
	font-size: 90%;
	font-family: 'Titillium', sans-serif;
	}
.footer li:after {
	content: '';
	margin-top: -10px;
	right: -17px;
	position: relative;
	display: inline-block;
	height: 4px;
	width: 4px;
	background: rgba(255, 255, 255, 0.15);
	background: rgba(255, 136, 0, 0.7);
	float: right
	}
.footer li:last-child {
	margin-right: 0 !important;
	padding-right: 0 !important;
	border: none !important
	}
.footer li:last-child:after {
	display: none
	}
.footer a {
	color: rgba(255, 255, 255, 0.6) !important;
	}
.footer a:hover {
	color: #fff !important;
	}
.footer i {
	color: rgba(255, 255, 255, 0.5);
	margin-right: .5em;
	width: 21px;
	height: 21px;
	border-radius: 21px;
	text-align: center;
	color: #333;
	padding-top: .4em;
	float: left;
	margin-top: -3px;
	background: rgba(255, 137, 0, 0.5);
	background: rgba(255, 255, 255, 0.25);
	}
.footer a:hover i {
	background: #fff
	}

.footer .gray  { color: #777 !important }

.footer hr {
	margin: 3.5em 0 0 0;
	padding-top: 3.5em;
	border-color: rgba(255, 255, 255, 0.7) !important;
	}

.footer-bottom {
	margin-top: .3em !important;
	font-weight: 500
	}
.footer-bottom li {
	letter-spacing: 0;
	margin-right: 0 !important;
	font-size: 80%;
	line-height: 1.2em;
	color: #666
	}
.footer-bottom li:after {
	margin-top: 6px;
	right: -11px;
	height: 3px;
	width: 3px;
	background: rgba(255, 255, 255, 0.15);
	}
.footer-bottom img {
	opacity: .5;
	margin-top: -4px
	}

.footer .btn {
	border-radius: 50px;
	min-width: 20%;
	text-align: center !important;
	position: relative;
	display: inline-block;
	background: #ff8800 !important;
	color: #fff !important;
	border: none;
	font-weight: normal !important;
	text-transform: none;
	margin: .3em;
	}
.footer .btn:first-child {
	margin-left: 0
	}
.footer .btn:before {
	display: none
	}
.footer .btn i {
	background: none;
	color: #fff;
	height: auto;
	width: auto;
	float: none
	}
.footer .btn:hover {
	box-shadow: .1em .1em .3em rgba(0, 0, 0, 0.5) inset;
	background: #fc561f !important;
	color: #fff !important
	}
.footer .btn a {
	color: #fff !important;
	}
.footer .btn a:hover,
.footer .btn:hover a {
	color: #fff !important
	}
.footer .btn:hover i {
	background: none;
	color: #fff;
	font-size: 100%;
	height: auto;
	width: auto
	}

.footer .married {
	margin-top: 2.5em;
	color: #666 !important;
	font-size: 85%;
	line-height: 1.2em
	}
@media (max-width: 767px) {
	.footer {
		position: relative;
		height: auto;
		padding: 3em 0;
		margin-top: 0 !important
		}
	.footer .container {
		padding: 0 35px
		}
	.footer hr {
		padding-top: 1.5em;
		margin-top: 1em
		}
	.footer .btn {
		margin-left: 0;
		min-width: auto;
		clear: both
		}

	.footer li,
	.footer-bottom li {
		margin: 0 !important;
		}
	.footer li:after {
		right: -14px;
		}
	.footer-bottom li:after {
		right: -11px;
		}
	.footer-bottom img {
		margin-top: -1px
		}
	}
/* --------- end FOOTER -------- */













/* --------- REITER
================================================== */
#reiter {
	position: fixed;
	left: 3px;
	top: 45%;
	z-index: 1000;
	font-family: 'Titillium', sans-serif;
	z-index: 100000;
	}
#reiter a {
	display: inline-block;
	clear: both;
	float: left;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 4px;
	padding-top: .55em;
	width: 31px;
	height: 31px;
	border-radius: 100%;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1em;
	font-size: 10.5pt;
	font-weight: 700;
	letter-spacing: -.01em;
	background: #c4c1b8;
	}
#reiter a:hover {
	background: #979690;
	color: #fff;
	}
#reiter a.active {
	background: #ff8800;
	color: #fff;
	font-family: 'Titillium';
	font-weight: bold;
	letter-spacing: -.02em;
	}
#reiter a.active:hover {
	background: #fc561f
	}
@media (max-width: 1200px) {
	#reiter a {
		padding-top: .5em;
		width: 28px;
		height: 28px;
		font-size: 10pt;
		letter-spacing: -.04em
		}
	}
@media (max-width: 767px) {
	#reiter  {
		top: auto;
		bottom: 50px;
		left: 2px
		}
	#reiter a {
		padding-top: .5em;
		width: 25px;
		height: 25px;
		font-size: 9pt;
		}
}
@media (max-width: 480px) {
	#reiter  {
		bottom: 160px;
		left: 0
		}
}
/* --------- end REITER -------- */









/* --------- BILDER
================================================== */
.bild {
	box-shadow: 0 0 .15em rgba(0, 0, 0, 0.5)
}

/*
a.bild:hover,
a:hover img,
a[data-lightbox="example-set"]:hover img {
	transition: all .3s ease 0s;
	opacity: .9;
	}
*/
/* --------- end BILDER -------- */



/* --------- BILDUNTERSCHRIFT --------
================================================== */
.bildunterschrift-bildrahmenlinks,
.bildunterschrift-bildrahmenlinks-nb,
.bildunterschrift-bildrahmenrechts,
.bildunterschrift-bildrahmenrechts-nb,
.bildunterschrift-bildrahmenmitte,
.bildunterschrift-bildrahmenmitte-nb {
	margin-top: .3em;
	margin-right: 1em;
	margin-bottom: .5em;
	float: left;
	clear: left;
	width: 45%
	}
	.bildunterschrift-bildrahmenrechts,
	.bildunterschrift-bildrahmenrechts-nb {
	float: right;
	clear: right;
	margin-right: 0;
	margin-left: 1em
	}
	.bildunterschrift-bildrahmenmitte,
	.bildunterschrift-bildrahmenmitte-nb {
	width: 100%
	}

.bildunterschrift-bildrahmenlinks img,
.bildunterschrift-bildrahmenlinks-nb img,
.bildunterschrift-bildrahmenrechts img,
.bildunterschrift-bildrahmenrechts-nb img {
	width: 100%;
	margin: 0
	}



.bildunterschrift {
	float: left;
	text-align: left;
	font-style: italic;
	font-size: 85%;
	color: #777;
	line-height: 1.3em !important;
	clear: both;
	margin-top: 5px;
	margin-left: 3px;
	width: 98% !important
	}
	.bildunterschrift-bildrahmenrechts .bildunterschrift,
	.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	margin-left: 0;
	margin-right: 5px;
	float: right;
	text-align: right
	}
	.bildunterschrift-bildrahmenmitte .bildunterschrift,
	.bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
	width: 100% !important
	}
/* --------- end BILDUNTERSCHRIFT -------- */









/* --------- PAGETOP
================================================== */
.pagetop-scroll {
    background: #ff8800;
    }
.pagetop-scroll:hover {
	background: #fc561f;
	}
@media (max-width: 480px) {
	.pagetop-scroll { bottom: 165px }
}
@media (max-width: 420px) {
	.pagetop-scroll { bottom: 145px }
}
@media (max-width: 360px) {
	.pagetop-scroll { bottom: 125px }
}
@media (max-width: 320px) {
	.pagetop-scroll { bottom: 105px }
}
/* --------- end PAGETOP -------- */











/* --------- WELLs
================================================== */
.well {
	border: none;
	border-radius: 0;
	border-top: 4px solid #fc561f;
	padding: 30px !important;
	background: #fff6ec;
	box-shadow: none;
	}
.well.well-shadow {
	background: #fff;
	padding: 1.5em 1em !important;
	box-shadow: 0 .1em .6em rgba(0, 0, 0, 0.15) !important;
	}
.well.well-border {
	border-top: 5px solid #ff8800 !important
	}
.well.well-border.blau { border-color:#2299ff !important }
.well.well-border.gray { border-color:#c4c1b8 !important }

.well a			{ color: #ff8800 }
.well a:hover 	{ color: #fc561f }

.well p	{ margin-bottom: 1em }

.well.bg-white,
.well.bg-info,
.well.bg-danger,
.well.bg-success {
	background: #fff !important;
	border: 1px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0 .1em .5em rgba(0, 0, 0, 0.1);
	border-top: 4px solid #ff8800 !important
	}
.well.bg-gray,
.well.bg-grey {
	border-top: none !important
	}

.well.bg-info 					{ border-top-color: #2299ff !important }
.well.bg-info .icon i 			{ color: #2299ff !important }
.well.bg-danger 				{ border-top-color: #ff4d4d !important }
.well.bg-danger .icon i 		{ color: #ff4d4d !important }
.well.bg-success 				{ border-top-color: #77bb22 !important }
.well.bg-success .icon i 		{ color: #77bb22 !important }


.well.bg-info a.btn:hover,
.well.bg-danger a.btn:hover,
.well.bg-success a.btn:hover 	{ color: #fff !important }



.content-rechts .well {
	margin: 0 0 25px 0;
	padding-left: 20px !important;
	padding-right: 20px !important;
	font-size: 90%;
	line-height: 1.5em;
	}
	@media (max-width: 1550px) {
		.skyscraper .content-rechts .well 	{ font-size: 80% }
		}
	@media (max-width: 1200px) {
		.content-rechts .well 				{ font-size: 80% }
		.skyscraper .content-rechts .well 	{ font-size: 75%; line-height: 1.45em }
		}
	@media (max-width: 767px) {
		.content-rechts .well				{ font-size: 70%; line-height: 1.3em; padding: 15px 10px !important }
		.skyscraper .content-rechts .well 	{ font-size: 90%; line-height: 1.45em; padding: 25px 20px !important }
		}
	@media (max-width: 575px) {
		.content-rechts .well,
		.skyscraper .content-rechts .well 	{ font-size: 90%; padding: 25px 20px !important }
		}



.well h1 {
	font-size: 135%;
	line-height: 1.1em !important;
	letter-spacing: .015em;
	font-weight: 600 !important;
	position: relative;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Titillium', sans-serif;
	padding: 1.3em 10px 1.4em 10px;
	margin: -30px -20px 0 -20px;
	width: calc(100% + 40px);
	color: #000;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fff6ec+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fff6ec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fff6ec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#fff6ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff6ec',GradientType=0 ); /* IE6-9 */;
	}
	@media (max-width: 1600px) {
		.well h1 						{ }
		.content.skyscraper .well h1 	{ font-size: 140% !important; letter-spacing: 0; }
		}
	@media (max-width: 1200px) {
		.well h1 						{ font-size: 145% !important; }
		}
	@media (max-width: 992px) {
		.well h1 						{ font-size: 140% !important; }
		.content.skyscraper .well h1 	{ font-size: 125% !important; letter-spacing: .015em; }
		}
	@media (max-width: 767px) {
		.well h1 						{ font-size: 115% !important; letter-spacing: 0; margin-top: -15px; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px) }
		.content.skyscraper .well h1	{ font-size: 145% !important; letter-spacing: .015em; margin-top: -25px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px) }
		}
	@media (max-width: 575px) {
		.well h1,
		.content.skyscraper .well h1	{ font-size: 145% !important; letter-spacing: .015em; margin-top: -25px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); padding-top: 25px }
		}


.well.bg-white h1,
.well.bg-info h1,
.well.bg-gray h1,
.well.info-box h1 {
	background: none !important;
	color: #ff8800 !important;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	margin: 0 0 1.7em 0;
	border: none !important
	}
.well.bg-info h1 {
	color: #2299ff !important
	}
.well.bg-gray h1,
.well.bg-grey h1 {
	background: #f8f8f6 !important;
	color: #fc561f !important;
	}


.well h1 i {
	display: block;
	font-size: 23px;
	margin-bottom: .4em;
	color: #ff8800;
	margin-right: 0
	}
	.well h1 i.fa-lg {
	font-size: 39px;
	margin-top: .2em;
	margin-bottom: .35em;
	}
	@media (max-width: 1200px) 	{ .well h1 i.fa-lg { font-size: 35px; } }
	@media (max-width: 992px) 	{ .well h1 i.fa-lg { font-size: 33px; } }
	@media (max-width: 767px) 	{ .well h1 i.fa-lg { font-size: 30px; } }
	@media (max-width: 575px) 	{ .well h1 i.fa-lg { font-size: 37px; } }

.well.bg-white h1 i {
	color: #d6d3cc;
	opacity: 1
	}
.well.bg-info h1 i {
	opacity: .4;
	}







.content-rechts .well a.bild {
	border: 2px solid #fff;
	box-shadow: 0 0 2px #979690;
	width: 82%;
	height: 55px;
	display: inline-block;
	background-size: cover;;
	flex-flow: row;
	margin-top: 0;
	background-position: center center
	}



.bg-info i.hausfarbe,
.bg-danger i.hausfarbe,
.bg-success i.hausfarbe,
.well.bg-info i.hausfarbe,
.well.bg-danger i.hausfarbe,
.well.bg-success i.hausfarbe,
.well.bg-info .btn i.hausfarbe,
.well.bg-danger .btn i.hausfarbe,
.well.bg-success .btn i.hausfarbe 	{ color: #ff8800 !important }

.bg-info i.hausfarbe2,
.bg-danger i.hausfarbe2,
.bg-success i.hausfarbe2,
.well.bg-info i.hausfarbe2,
.well.bg-danger i.hausfarbe2,
.well.bg-success i.hausfarbe2,
.well.bg-info .btn i.hausfarbe2,
.well.bg-danger .btn i.hausfarbe2,
.well.bg-success .btn i.hausfarbe2 	{ color: #fc561f !important }

.bg-info i.black,
.bg-danger i.black,
.bg-success i.black,
.well.bg-info i.black,
.well.bg-danger i.black,
.well.bg-success i.black,
.well.bg-info .btn i.black,
.well.bg-danger .btn i.black,
.well.bg-success .btn i.black 		{ color: #000 !important }
/* --------- end WELL -------- */









/* --------- INFO-BOX
================================================== */
.well.info-box {
	border: 1px dashed rgba(253, 86, 31, 0.7);
	background: rgba(253, 86, 31, 0.03);
	border-radius: 6px;
	box-shadow: none;
	background: rgba(255, 137, 0, 0.04);
	border-color: rgba(255, 136, 0, 0.8);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fff6ec+35 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fff6ec 35%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fff6ec 35%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#fff6ec 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff6ec',GradientType=0 ); /* IE6-9 */
	padding: 1.5em;
	}
.well.info-box h1	 {
	border: none !important;
	margin-bottom: 1em !important;
	text-align: left;
	font-weight: 600;
	font-family: 'Titillium', sans-serif;
	letter-spacing: .02em;
	}
	.well.info-box h1 sub	 {
		margin-top: -3px !important;
		display: block;
		font-weight: 300;
		font-size: 65%;
		line-height: 1.2em !important;
		opacity: .8;
		letter-spacing: .01em
		}
	.well.info-box h1 i,
	.well.info-box h1:before {
		display: inline-block;
		content: '\F12a';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900 !important;
		display: block;
		font-size: 23px;
		opacity: .4;
		color: #ff8800;
		font-size: 38px;
		opacity: 1;
		content: '\F06a';
		margin-bottom: .4em;
		}
		@media (max-width: 1200px) 	{ .well.info-box h1 i, .well.info-box h1:before { font-size: 35px; } }
		@media (max-width: 992px) 	{ .well.info-box h1 i, .well.info-box h1:before { font-size: 33px; } }
		@media (max-width: 767px) 	{ .well.info-box h1 i, .well.info-box h1:before { font-size: 30px; } }
		@media (max-width: 575px) 	{ .well.info-box h1 i, .well.info-box h1:before { font-size: 37px; } }

	.well.info-box h1.none-icon:before {
		display: none
		}
/* --------- end INFO-BOX -------- */




/* --------- ALERT
================================================== */
.alert {
	font-family: 'Titillium', sans-serif;
	border-color: rgba(0, 0, 0, 0.3);
	border-style: dashed;
	padding: 1.5em;
	border-radius: 6px;

	border: 1px dashed #357ca2 !important;
	background-color: rgba(53, 124, 162, 0.1) !important;
	margin-top: 1em;
	clear: both
	}
	.alert.alert-xs {
		padding: .6em 1em !important;
		font-size: 85%;
		line-height: 1.3em
		}
	.alert b,
	.alert .bold {
	font-weight: 700 !important;
	}

	.alert a		{ text-decoration: none }
	.alert a:hover 	{ color: #000 !important; text-decoration: underline }
/* --------- end ALERT -------- */










/* --------- FARBEN
================================================== */
.hausfarbe 			{ color: #ff8800 !important }
a.hausfarbe 		{ color: #ff8800 !important }
a.hausfarbe:hover 	{ color: #fc561f !important }
.hausfarbe-light							{ color: #fff6ec !important }
.hausfarbe-light1							{ color: #fee6d2 !important }
.hausfarbe-light2							{ color: #feca9c !important }
.hausfarbe-light3							{ color: #ffb473 !important }
.hausfarbe_hell, .text-hausfarbe_hell		{ color: #ff8800 !important; opacity: 0.7 }
.hausfarbe_hell1, .text-hausfarbe_hell1 	{ color: #fee6d2 !important; opacity: 0.5 }
.hausfarbe_hell2, .text-hausfarbe_hell2 	{ color: #ff8800 !important; opacity: 0.5 }
.hausfarbe_hell3, .text-hausfarbe_hell3		{ color: #ff8800 !important; opacity: 0.3 }
.hausfarbe_dunkel, .text-hausfarbe_dunkel	{ color: #fc561f !important }
.hausfarbe_dunkel2, .text-hausfarbe_dunkel2	{ color: #cc6600 !important }
.hausfarbe_dunkel3, .text-hausfarbe_dunkel3	{ color: #aa5500 !important }


h1.hausfarbe,
h2.hausfarbe,
h3.hausfarbe,
h4.hausfarbe,
h5.hausfarbe,
h6.hausfarbe { color: #ff8800 !important }

h1.hausfarbe a,
h2.hausfarbe a,
h3.hausfarbe a,
h4.hausfarbe a,
h5.hausfarbe a,
h6.hausfarbe a,
a.hausfarbe h1,
a.hausfarbe h2,
a.hausfarbe h3,
a.hausfarbe h4,
a.hausfarbe h5,
a h1.hausfarbe,
a h2.hausfarbe,
a h3.hausfarbe,
a h4.hausfarbe,
a h5.hausfarbe,
a h6.hausfarbe { color: #ff8800 !important }

h1.hausfarbe a:hover,
h2.hausfarbe a:hover,
h3.hausfarbe a:hover,
h4.hausfarbe a:hover,
h5.hausfarbe a:hover,
h6.hausfarbe a:hover,
h1.hausfarbe:hover a,
h2.hausfarbe:hover a,
h3.hausfarbe:hover a,
h4.hausfarbe:hover a,
h5.hausfarbe:hover a,
h6.hausfarbe:hover a,
a.hausfarbe:hover h1,
a.hausfarbe:hover h2,
a.hausfarbe:hover h3,
a.hausfarbe:hover h4,
a.hausfarbe:hover h5,
a.hausfarbe:hover h6,
a:hover h1.hausfarbe,
a:hover h2.hausfarbe,
a:hover h3.hausfarbe,
a:hover h4.hausfarbe,
a:hover h5.hausfarbe,
a:hover h6.hausfarbe  { color: #fc561f !important }


.bg-hausfarbe,
.content-rechts .well.bg-hausfarbe 			{ background: #ff8800 !important }

.bg-hausfarbe-light,
.content-rechts .well.bg-hausfarbe-light 	{ background: rgba(255, 137, 0, .4) !important }

.bg-hausfarbe2,
.content-rechts .well.bg-hausfarbe2 		{ background: #fc561f !important }

.bg-hausfarbe2-light,
.content-rechts .well.bg-hausfarbe2-light 	{ background: rgba(253, 86, 31, .4) !important }

.bg-blue,
.content-rechts .well.bg-blue 			 	{ background: #2299ff !important }

.bg-red,
.content-rechts .well.bg-red 				{ background: red !important }

.bg-gray,.bg-grey,
.content-rechts .well.bg-gray,
.content-rechts .well.bg-grey 				{ background: #f8f8f6 !important }

.bg-white,
.content-rechts .well.bg-white 				{ background: #fff !important }


.hausfarbe2 								{ color: #fc561f !important }
.hausfarbe2_dunkel, .text-hausfarbe2_dunkel	{ color: #c6471c !important }


.light1						{ color: #f8f8f5 !important }
.light2						{ color: #efeeec !important }
.light3						{ color: #e0dfdc !important }
.light4						{ color: #d6d3cc !important }
.light5 					{ color: #c4c1b8 !important }

.lightgray 					{ color: #c4c1b8 !important }

.light6,
.gray, .text-gray,
.grey, .text-grey  			{ color: #979690 !important }

.light7, .darkgray,
.text-darkgray, .dark,
.text-dark 					{ color: #76756e !important }

.hellrot, .text-hellrot 								{ color: #ff9999 !important }
.rot, .red, .text-rot, .text-red, .text-danger 			{ color: #ff4d4d !important }
.gruen, .green, .text-gruen, .text-green, .text-success { color: #77bb22 !important }
.blau, .blue, .text-blue  								{ color: #2299ff !important }
.primary, .text-primary								 	{ color: #ff8800 !important }
.info, .text-info  										{ color: #2299ff !important }
.warning, .text-warning								 	{ color: #ffaa00 !important }

.black a,
.schwarz a,
a.black,
a.schwarz 			{ color: #000 }

.black a:hover,
.schwarz a:hover,
a.black:hover,
a.schwarz:hover 	{ color: #ff8800 !important }


.blau, .blue,
.text-blau, .text-blue  { color: #2299ff !important }


.bg-rot, .bg-red { background: #ff4d4d !important; color: #fff }
.bg-danger,
.alert-danger		{ background: #fff0f0 !important;  }
.bg-success,
.alert-success 	{ background: #e1fbe1 !important;  }
.bg-blue,		{ background: #e7f4ff !important;  }
.alert-blue
.bg-primary,
.alert-primary 	{ background: #fff6ec !important;  }
.bg-info,
.alert-info		{ background: #e7f4ff !important;  }

.bg-info i.hausfarbe,
.bg-danger i.hausfarbe,
.bg-success i.hausfarbe 	{ color: #ff8800 !important }

.bg-info i.hausfarbe2,
.bg-danger i.hausfarbe2,
.bg-success i.hausfarbe2 	{ color: #fc561f !important }

.bg-info i.black,
.bg-danger i.black,
.bg-success i.black			{ color: #000 !important }




.well.info-box.bg-info {
	border: 1px dashed rgba(34, 152, 255, 0.75) !important;
	background: rgba(34, 152, 255, .025) !important;
	color: #333 !important;
	}
.well.info-box.bg-success {
	border: 1px dashed #77bb22 !important;
	background: rgba(121, 222, 121, 0.045) !important;
	color: #333 !important;
	}
.well.info-box.bg-gray {
	border: 1px dashed #d6d3cc !important;
	background: rgba(168, 167, 160, 0.03) !important;
	}



.alert.bg-primary,
.alert.alert-primary 	{ border-color: rgba(204, 103, 0, 0.5); color: #cc6600 !important }
.alert.bg-primary a,
.alert.alert-primary a	{ color: #ff8800 !important }

.alert.bg-success,
.alert.alert-success 	{ color: green !important }
.alert.bg-success a	,
.alert.alert-success a	{ color: #33c555 !important }

.alert.bg-danger,
.alert.alert-danger 	{ border-color: rgba(255, 0, 0, 0.7) !important; color: red !important; background: red }
.alert.bg-danger a,
.alert.alert-danger a	{ color: red !important }

.alert.bg-warning,
.alert.alert-warning 	{ border-color: #ffaa00; color: #ffaa00 !important }
.alert.bg-warning a,
.alert.alert-warning a	{ color: #ffaa00 !important }

.alert.bg-info,
.alert.alert-info 		{  }
.alert.bg-info a,
.alert.alert-info a		{  color: #2299ff !important }

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






/* --------- SONSTIGES
================================================== */
a,
a b,
b a 	{
  color: #ff8800;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  text-decoration: none;
  }
b a 	{
	color: #ff8800 !important
  }
a:hover,
b a:hover,
a:hover b 	{
  color: #fc561f;
  text-decoration: none;
	transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
	}
b a:hover 	{
	color: #fc561f !important
	}


h1 a, a h1,
h2 a, a h2,
h3 a, a h3,
h4 a, a h4,
h5 a, a h5				{ color: #ff8800 }

h1 a:hover, a:hover h1,
h2 a:hover, a:hover h2,
h3 a:hover, a:hover h3,
h4 a:hover, a:hover h4,
h5 a:hover, a:hover h5 	{ color: #fc561f; transition: all 0.15s ease-in-out; }

#subcontent h5 {
	font-size: 100%;
	line-height: 1.2em;
	margin: 0 0 .5em 0;
	}

.muted 		{ font-family: 'Titillium', sans-serif }
.muted2 	{ font-family:'Source Sans Pro',sans-serif; }


.noborder 	{ border: none !important }

.fa			{  }
.fa.typ1	{ font-weight: 400 !important }
.fa.typ2	{ font-weight: 900 !important }

.normal 	{ font-weight: 300 !important }
/* --------- end SONSTIGES -------- */






/* --------- BANNER
================================================== */
.bannerwrapper {
	margin: 0 0 1em 0;
	display: inline-block;
	text-align: center;
	width: 100%;
	background: rgba(255, 255, 0, 0);
	z-index: 1;
	position: relative
	}
.content-rechts .bannerwrapper {
	margin-bottom: 25px
	}
	@media (max-width: 1200px) {
		.content.skyscraper .kurznews .bannerwrapper { text-align: left }
		#contentwrapper.sky #content .bannerwrapper .banner {
			width: 100%;
			height: auto
			}
		}
	@media (max-width: 992px) {
		.bannerwrapper .banner { width: 100% }
		}
	@media (max-width: 767px) {
		.bannerwrapper { text-align: center }

		#subcontent .bannerwrapper .banner,
		#contentwrapper.sky #subcontent .bannerwrapper .banner {
			width: 100%;
			height: auto;
			max-width: 190px;
			}
		}

.fliesstext .bannerwrapper,
.bannerwrapper.langtext  {
	/* Anzeigen in News lang bzw. externe Werbanzeigen */
	margin-bottom: 2em
	}

.bannerwrapper.aktion  {
	margin-bottom: 0;
	}
	@media (max-width: 1200px) {
		.bannerwrapper.aktion { margin-top: 0  }
		}
	@media (max-width: 992px) {
		.bannerwrapper.aktion { margin-top: 25px;  }
		}


.bannerwrapper.super_o {
	width: 1296px;
	margin: 0 auto;
	text-align: center
	}
	.bannerwrapper.super_o .banner {
		width: 100%;
		height: auto !important;
		margin: 0 auto
		}
	nav.scrolled .bannerwrapper.super_o 	{
		display: none !important
		}
	.bannerwrapper.super_o #nnz_bb_1 {
		text-align: center;
		margin: 0 auto !important;
		float: none !important;
		}
	.bannerwrapper.super_o .txt_xs {
		transform: none !important;
		margin: 2px 0 0 0 !important
		}
	.super_o iframe {
		text-align: center;
		}

	@media (max-width: 768px) {
		.bannerwrapper.super_o iframe 	{ max-width: 100%  }
		.bannerwrapper.super_o .txt_xs 	{ display: none !important  }
		}
	@media (max-width: 1400px) {
		.bannerwrapper.super_o, 		{ width: 1116px }
		}
	@media (max-width: 1200px) {
		.bannerwrapper.super_o  		{ width: 936px }
		}
	@media (max-width: 992px) {
		.bannerwrapper.super_o  		{ width: 696px }
		}
	@media (max-width: 767px) {
		.bannerwrapper.super_o			{ width: calc(100% - 70px) !important; width: 100% !important; margin-top: 0; top: 0 !important }
		}
	@media (max-width: 480px) {
		.bannerwrapper.super_o .banner 	{ float: left; }
		}



@media (max-width: 480px) {
	nav .bannerwrapper.hide_desktop	{ margin-bottom: 0}
	}
	
	
.bannerwrapper.super_m {
	margin: 0 !important ;
	float: left !important;
	}

.bannerwrapper.super_u {
	margin-top: 1em !important
	}
	.bannerwrapper.super_u .banner {
	width: 100%;
	height: auto !important;
	}

.bannerwrapper.head {
	float: left;
	text-align: left;
	z-index: 1;
	height: 100px;
	width: 200px;
	margin-right: -200px;
	margin-bottom: 0;
	}
	nav.scrolled .bannerwrapper.head { display: none }

	@media (max-width: 992px) {
		.bannerwrapper.head { height: 80px; width: 152px; }
	}
	@media (max-width: 767px) {
		.bannerwrapper.head { height: 70px; width: 133px; }
		header.scroll-top nav.scrolled .bannerwrapper.head { display: inline-block }
	}
	@media (max-width: 575px) {
		.bannerwrapper.head { margin-left: -25px }
	}

.bannerwrapper.sky {
	position: relative;
	float: right;
	width: 200px;
	margin-right: -230px;
	text-align: right;
	z-index: 1;

	float: left;
	width: 20%;
	}
.bannerwrapper.sky.scrolled {
	position: fixed !important;
	top: 80px;
	float: left;
	width: 255px;
	left: 50%;
	margin-left: 390px;
	}
.bannerwrapper.sky img {
	width: auto !important;
	}
.bannerwrapper.sky.scrolled img {
	width: auto !important;
	margin-top: 0;
	}
	@media (max-width: 1400px) {
		.bannerwrapper.sky.sticky.scrolled 	{ width: 223px; margin-left: 335px }
		.bannerwrapper.sky img { max-width: 100% !important; width: auto !important;  }
		}
	@media (max-width: 1200px) {
		.bannerwrapper.sky.sticky.scrolled 	{ width: 187px; margin-left: 280px; }
		.bannerwrapper.sky img {  }
		}
	@media (max-width: 992px) {
		.bannerwrapper.sky.sticky.scrolled 	{ top: 80px; width: 140px; margin-left: 208px; }
		}
	@media (max-width: 767px) {
		.bannerwrapper.sky.sticky.scrolled 	{ top: 110px; margin-left: 0; float: right; left: auto; width: 19.5% }
		}
		
	@media (max-width: 480px) {
		.bannerwrapper.sky iframe 	{ display: none !important }
		}	



.banner {
	box-shadow: 0 0 1px rgba(0, 0, 0, .15);
	padding: 0;
	margin: 0
	}
.bannerwrapper a:after,
.adsbygoogle:after {
	position: absolute;
	display: inline-block;
	float: left;
	z-index:100;
	margin: 17px 0 0 -16px;
	padding: 0;
	width: 45px;
	height: 8px;
	color: #aaa;
	text-align: right;
	white-space: nowrap;
	content: 'Anzeige';
	transform: rotate(-90deg);
	text-transform: uppercase;
	font-size: 5.5pt;
	line-height: 5.5pt;
	letter-spacing: 1px;
	}
.bannerwrapper.super_o a:after,
.bannerwrapper.super_u a:after {
	margin-top: 20px
	}
.adsbygoogle:after {
	content: 'Google Ads';
	margin-top: 20px
	}
.bannerwrapper .txt_xs {
	letter-spacing: 1px;
	font-size: 5.5pt;
	color: #999 !important;
    text-transform: uppercase;
	clear: both;
	display: block;
	margin-top: 3px;
	text-align: center;
	}
.bannerwrapper.super_o .txt_xs {
	transform: rotate(-90deg);
	position: absolute;
	display: inline-block;
	float: left;
	margin: 17px 0 0 -16px;
	}
.bannerwrapper.sky .txt_xs {
	text-align: left;
	}
@media (max-width: 767px) {
	.bannerwrapper a:after,
	.adsbygoogle:after {
		font-size: 5pt;
		letter-spacing: .05em;
		width: 32px;
		margin-top: 12px;
		margin-left: -11px
		}
	.bannerwrapper.super_o a:after,
	.bannerwrapper.super_u a:after {
		background: rgba(255, 255, 255, 0.4);
		margin-top: 16px;
		margin-left: -22px;
		}
	.adsbygoogle:after {
		margin-top: 15px
		}
}



@media (max-width: 480px) {
	.hide_mobil 			{ display: none !important }
	}
@media (min-width: 481px) {
	.hide_desktop 			{ display: none !important }
	}


.overlay {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	z-index: 100;
	text-align: center;
	border-bottom: 5px solid #ff8800;
	}
.overlay #overlay {
	background: #000000;
	text-align: center;
	}
	.overlay #overlay iframe {
		/*width: auto !important; */
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		display: block;
		}





.overlay .accordion-button {
	box-shadow: none !important;
	background: none !important;
	width: 44px;
	height: 24px;
	margin: 0 auto;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background-color: #ff8800 !important;
	padding: 0;
	}
.overlay .accordion-button:not(.collapsed) {
	}
.overlay .accordion-button::after {
	transform: rotate(0);
	background-image: none;
	color: #fff;
	content: '\F077';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	font-size: 12pt;
	margin: 3px 0 0 15px;
	}
.overlay .accordion-button:not(.collapsed)::after {
	transform: rotate(0);
	content: '\F078';
	}
.overlay .accordion-collapse {
	border-top: 5px solid #ff8800;
	margin-bottom: -5px
	}
.overlay .banner {
	background: #fff;
	width: 100%;
	height: auto
	}
.overlay [data-toggle="collapse"]:after {
	display: inline-block;
	content: '\F054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	font-size: 10.5pt;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(90deg) ;
	transition: all linear 0.25s;

	color: #fff;
	padding: .2em 0
	}
.overlay [data-toggle="collapse"].collapsed:after {
	transform: rotate(-90deg);
	}

.overlay a:after,
.overlay ins:after {
	content: 'Anzeige';
	font-size: 5pt;
	transform: rotate(-90deg);
    display: inline-block;
    line-height: 1em;
    color: #aaa !important;
    text-transform: uppercase;
  	letter-spacing: .05em;
	vertical-align: top;
    white-space: nowrap;
    height: 10px;
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
	padding: 2px;
	margin-top:  13px;
    margin-left: -23px;
    }
.overlay ins:after {
	background: rgba(255, 255, 255, 0.5);
	margin-right: -26px;
	margin-top: 27px;
	padding: 2px
	}

@media (min-width: 481px) {
	.overlay { display: none }
	}

/* --------- end BANNER -------- */








/* --------- LOGIN
================================================== */
.icon-head {
	position: relative;
	text-align: right;
	float: right;
	z-index: 1000000;
	margin-top: -37px;
	right: 25px !important;
	}
.icon-head a {
	margin-left: 4px;
	float: right;
	z-index: 10
	}
.icon-head i {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid rgba(255, 137, 0, 0.5);
	color: rgba(255, 137, 0, 0.7);
	text-align: center;
	font-size: 11.5pt;
	padding-top: .37em;
	display: inline-block;
	background: #ff8800;
	border-color: #ff8800;
	color: #fff;
	margin: 0;
	position: relative
	}
.icon-head a:hover i {
	transition: all .5s ease 0s;
	background: #fff;
	border-color: #fc561f;
	color: #fc561f;

	background: #fc561f;
	color: #fff
	}
.icon-head span {
	display: none;
	position: absolute;
	float: left;
	white-space: nowrap;
	font-size: 10pt;
	line-height: 1.3em;
	font-weight: bold;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	text-align: right;
	border-radius: 3px;
	padding: .15em 5px .15em 7px;
	background: #ff8800;
	margin: 5px 0 0 0;
	box-shadow: -.1em .1em .1em rgba(0, 0, 0, .2);
	height: 21px;
	background: #fc561f;
	z-index: -1;
	right: 50px;
	}
.icon-head a:hover span {
	display: inline-block;
	transition: all .5s ease 0s;
	}
.icon-head a:hover span:hover {
	background: #fc561f;
	}
.icon-head a:hover span:hover b {
	color: #fff;
	}
.icon-head span b {
	color: rgba(255, 255, 255, 0.7);
	font-weight: normal !important;
	text-transform: none;
	margin-left: 2px;
	}


.icon-head a.suche {
	right: 68px;
	z-index: -2;
	}
	.icon-head a.suche span {
	right: 84px
	}


.icon-head a.login {
	}
	.icon-head a:hover.login span {
	z-index: 1;
	right: 58px;
	}

.icon-head a.kontakt {
	z-index: 10
	}
	.icon-head a.kontakt i {
	z-index: 10;
	}
	.icon-head a.kontakt span {
	z-index: 1;
	right: 26px
	}


@media (min-width: 480px) {
	.icon-head {
		margin-top: -55px;
		right: 30px !important;
		position: absolute
		}
	.icon-head a.kontakt {
		display: none
		}
	.icon-head a.suche {
		right: 35px;
		}
	.icon-head a.suche span {
		right: 59px
		}
	.icon-head a:hover.login span {
		right: 24px !important;
		}
}
@media (min-width: 575px) {
	.icon-head {
		right: 35px !important;
		}
}
@media (min-width: 767px) {
	.icon-head {
		position: relative;
		right: 0 !important;
		top: 63px;
		}
	.icon-head a {
		margin-left: 7px;
		}
	.icon-head i {
		width: 33px;
		height: 33px;
		border-radius: 33px;
		padding-top: .45em;
		}
	.icon-head span {
		height: 24px;
		padding-top: .25em
		}

	.icon-head a.suche {
		display: none
		}

	nav.scrolled .icon-head {
		position: absolute;
		margin-top: 0 !important;
		top: 12px;
		right: 15px !important;
		margin-right: 0 !important;
		}
}
@media (min-width: 992px) {
	.icon-head {
		margin-top: -53px
		}
}
@media (min-width: 1200px) {
	nav.scrolled .icon-head {
		position: relative;
		right: 0 !important;
		}
}
/* --------- end LOGIN -------- */





/* --------- PROZENT
================================================== */
.prozent {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1em;
	font-weight: normal
	}
	#subcontent .prozent {
	margin-bottom: .7em;
	}
	li .prozent {
	margin-bottom: 0;
	}
	#subcontent li .prozent {
	margin-bottom: 0
	}

.prozent .antwort {
	float: left;
	width: 100%;
	line-height: 1.2em;
	color: #000
	}
.prozent .prozentlinie {
	float: left;
	height: 15px;
	background: rgba(255, 137, 0, .6);
	margin-top: 3px;
	}
	#subcontent li .prozent .prozentlinie {
	height: 4px;
	margin-top: 5px;
	}
	.prozent.blau .prozentlinie {
	background: #357ca2;
	}
	.prozent.grau .prozentlinie {
	background: rgba(0, 0, 0, 0.25);
	}
	.prozent.verlauf .prozentlinie {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feca9c+0,fee6d2+15,ffb473+50,ff8800+51,feca9c+100 */
	background: #feca9c; /* Old browsers */
	background: -moz-linear-gradient(top,  #feca9c 0%, #fee6d2 15%, #ffb473 50%, #ff8800 51%, #feca9c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #feca9c 0%,#fee6d2 15%,#ffb473 50%,#ff8800 51%,#feca9c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #feca9c 0%,#fee6d2 15%,#ffb473 50%,#ff8800 51%,#feca9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca9c', endColorstr='#feca9c',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset
	}

.prozent span {
	color: #ff8800;
	font-family: 'Titillium', sans-serif;
	font-weight: 600;
	margin-left: 5px;
	font-size: 90%;
	margin-top: -2px;
	float: left
	}
	.prozent.blau span {
	color: #357ca2;
	}
	.prozent.grau span {
	color: #999;
	}
	li .prozent span {
	margin-top: -2px;
	}
	#subcontent .prozent span {
	margin-top: 0;
	}
	#subcontent li .prozent span {
	font-size: 80%;
	margin-top: -4px;
	}


.bg_dunkelgrau .prozent,
.bg_dunkelgrau .prozent .antwort {
	color: #aaa
	}
.bg_dunkelgrau .prozent.grau .prozentlinie {
	background: rgba(255, 255, 255, 0.25);
	}
/* --------- end PROZENT -------- */







/* --------- FORMS / FORMULAR
================================================== */
form {
	/*font-family: 'Titillium', sans-serif;*/
	font-weight: 300;
	}
form label {
	font-weight: 300;
	}
form .form-control,
form .form-select,
form select {
	padding-top: .3rem;
	padding-bottom: .3rem;
	}
form .form-control {
	background-color: #f6f7f9 !important
	}
form .btn,
form button,
form input[typr="submit"],
form .input-group-text {
	background: #ff8800;
	font-weight: normal
	}
form .btn:hover,
form button:hover,
form input[typr="submit"]:hover,
form .input-group-text:hover  {
	background: #fc561f;
	}
form .well {
	float: none;
	clear: both;
	position: relative;
	display: inline-block
	}
form h5,
form .form-group h5 {
	font-weight: 700;
	}
form label b {
	font-weight: bold !important;
	}
form .form-check label {
	margin-bottom: .25em;
	display: inline-block
}


.tooltip2 {
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	font-size: 90%;
	text-decoration: none;
	border-bottom: none !important
	}
.tooltip2 [class*="col-"] {
	margin-top: .5em
	}
.tooltip2 .custom {
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: -999em;
	border: 1px dashed rgba(34, 152, 255, 0.75);
	background: rgba(250, 253, 255, 0.9);
	color: #333;
	padding: 20px 30px;
	border-radius: 5px;
	width: 230px;
	}
.tooltip2:hover .custom {
	margin-left: 0;
	}
.tooltip2 i {
	font-size: 11pt;
	}
.tooltip2 .custom i {
	text-decoration: none;
	font-size: 23pt;
	}
.tooltip2:hover .custom i {
	border: 0;
	margin: -30px 0 0 -40px;
	float: left;
	position: absolute;
	z-index: 10000;
	color: #2299ff;
	text-decoration: none !important;
	border-bottom: none !important
	}
.tooltip2 .custom h5 {
	color: #2299ff;
	margin-top: 0;
	margin-bottom: .5em !important;
	}
.tooltip2 .custom ul li:before {
	color: #2299ff;
	}
.tooltip2 .custom ul li {
	padding-top: .3em;
	padding-bottom: 0;
	padding-left: 20px !important
	}
.tooltip2 .custom ul li:before {
	color: #2299ff;
	}
/* --------------- end neues Formular---------------- */





/* --------- FORMULAR alt
================================================== */
.form100,.form80,.form50,.form20,.form10 {
	background:#f8f8f8;
	margin:0 0 .5em;
	padding:.2em .4em;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
	.form100 {width:360px;}
	.form80 { width:240px;}
	.form50 { width:170px;}
	.form20 { width:60px;}
	.form10 { width:30px;}

input {
	font-weight:500;
	color:#333;
	font-size:90%;
	}
textarea {
	font-weight:500;
	color:#333;
	font-size:90%;
	}
label.oben,
.oben {
	display:block;
	margin-left:.2em;
	margin-top:.5em;
	font-size:90%;
	font-weight:600;
	}
.oben {
	font-weight:300;
	}
.oben2 {
	display:block;
	margin-top:1em;
	margin-bottom:-4px;
	font-size:90%;
	font-weight:700;
	}
label.hinten {
	display:inline-block;
	margin:10px 20px 5px 5px;
	}
.hinten_eingerueckt {
	margin: 0 0 5px 24px;
	}
label.hinten_02 {
	display:inline-block;
	margin-left:5px;
	margin-top:2px;
	}
label.vorn {
	display:inline-block;
	margin-right:5px;
	}
label.hinten_rot {
	display:inline-block;
	margin-top:3px;
	padding:3px;
	margin-left:3px;
	background:red;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:.2em .4em;
	}
.box_loeschen {
	float:left;
	background:red;
	margin-bottom:1.5em;
	margin-top:7px;
	padding:3px;
	}
.box_loeschen .hinten {
	display:inline;
	}
.mm_objekt_info {
	font-size: 90%;
	margin-bottom: 20px;
	margin-left: 15px;
	}
.form_error {
	background-color:#fee;
	padding:4px;
	margin-top:20px;
	border-top:2px solid red;
	width:98%;
	}
div.spalte,div.spalte_letzte {
	float:left;
	margin-right:20px;
	}
div.spalte_letzte {
	margin-right:0;
	}
.form_zeile .m {
	float:right;
	margin:2em 0 0;
	color:#000;
	}
.form_help {
	float:left;
	clear:both;
	margin:0 .2em 0 0;
	}

/* @group in Subcontent / in Box
#subcontent label,#content .box label,
#subcontent label,#content .well label {
	font-size:100%;
	display:block;
	margin:0 0 .2em;
	font-weight:600;
}

#subcontent .form100,#content .box .form100,
#subcontent .form100,#content .well .form100 {
	width:95%;
	background:#fff;
	margin-bottom:1em;
}

#subcontent .absenden,#content .box .absenden,#subcontent .form_zeile .m,#content .box form_zeile .m,
#subcontent .absenden,#content .well .absenden,#subcontent .form_zeile .m,#content .well form_zeile .m {
	font-size:100%;
	margin:.7em .5em .7em 0;
}
*/
/* --------- end FORMS alt -------- */










/* --------- SUCHE
==================================================  */
.box-search {
    overflow: hidden;
    z-index: 10000;
    position: absolute;
	float: right;
	width: auto;
	position: relative;
	top: -16px;
	right:63px;
	height: 30px;
	width: 30px;
	transition: width .5s;
	}
.box-search.open {
	width: calc(100% - 60px);
	}
.tab-search {
    margin-left: 31px;
    width: 100%;
    position: absolute;
    top: 0;
    left: -31px;
    height: 30px;
    transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
    -moz-transition: left .5s;
	}
	.box-search.open .tab-search {
    left: -100%;
	}

.tab-search > label {
    border-radius: 50% !important;
    border: 1px solid #ff8800;
    background: #ff8800;
    color: #fff;
    text-align: center;
    float: right;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    }
	.tab-search > label:after {
    content: '\F002';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	font-size: 11pt;
	position: absolute;
	margin-top: -1px;
	margin-left: -8px
	}
	.box-search.open .tab-search > label:after {
    content: '\F00d';
    margin-top: 0;
    margin-left: -4px
	}
	.tab-search > label:hover {
    background: #fc561f;
    border-color: #fc561f;
	}
	.box-search.open .tab-search > label {
	background: none;
    border: none;
    color: #ccc;
    line-height: 31px;
	}
	.box-search.open .tab-search > label:hover {
    color: #888
	}

.box-search > .form-control,
.box-search > .form-control:focus {
    float: right;
    height: 100%;
    border-radius: 60px !important;
    border: none;
    background: #fff;
    width: 0;
    padding: 0 0 1px 0;
    box-shadow: none !important;
    border-color: #ccc;
	}
	.box-search.open > .form-control,
	.box-search.open > .form-control:focus {
    width: 100%;
    transition: all .3s;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #ff8800;
	}
	/*.box-search:not(.open) > .form-control,
	.box-search:not(.open) > .form-control:focus {
	width: 0;
    padding: 0;
    border: none;
	}*/
	.box-search .form-control::-webkit-input-placeholder {
	color: #aaa;
	padding-bottom: 2px
	}
	.box-search.open .form-control::-webkit-input-placeholder {
	color: #fff
	}

.box-search > button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: none;
    background: none;
    border-radius: 60px !important;
    border: none;
	width: 30px;
    height: 30px;
	}
	.box-search > button:hover {
    background: #ff8800;
	}
	.box-search > button:after {
    content: '\F002';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	font-size: 11pt;
	position: absolute;
	margin-top: -10px;
	margin-left: -10px;
	color: #ff8800;
	display: none
	}
	.box-search.open > button:after {
    display: inline-block
	}
	.box-search.open > button:hover:after {
    color: #fff;
    margin-left: -9px;
	}

@media (min-width: 480px) {
	.box-search {
		position: relative;
		top: -4px;
		right:34px;
		}
	.box-search.open {
		width: calc(100% - 200px);
		}
}
@media (min-width: 575px) {
	.box-search {
		right:39px;
		}
}
@media (min-width: 768px) {
	.box-search {
	    height: 33px;
	    width: 175px;
	    top: 23px !important;
	    right: 0
		}
	.box-search.open {
		width: 175px;
		}
	.tab-search {
	    display: none
		}


	.box-search > .form-control,
	.box-search.open > .form-control {
	    padding-bottom: 1px;
	    width: 100%;
	    background: #fff !important;
	    border: 1px solid #ccc !important;
	    padding-left: 15px;
		padding-right: 33px;
		}
	.box-search > .form-control:focus,
	.box-search.open > .form-control:focus {
		border-color: #ff8800 !important;
		background: #fff !important;
		width: 100%;
		padding-left: 15px;
		padding-right: 33px;
	    }
	.box-search .form-control::-webkit-input-placeholder,
	.box-search.open .form-control::-webkit-input-placeholder {
		padding-bottom: 1px;
		color: #aaa;
		}
	.box-search .form-control:focus::-webkit-input-placeholder {
		color: #fff !important
		}

	.box-search > button {
	    width: 33px;
	    height: 33px;
	    text-align: center
		}
	.box-search > button:hover {
	    background: none;
		}
	.box-search > button:after,
	.box-search.open > button:after {
		display: inline-block;
		color: #bbb !important;
		font-size: 12pt;
		margin-top: -9px;
		margin-left: -11px;
	   }
	.box-search > button:hover:after,
	.box-search.open > button:hover:after {
	    color: #ff8800 !important;
	    margin-top: -9px;
		margin-left: -11px;
		transition: all .3s;
		}
	.box-search.open > button:after {
	    color: #bbb !important
		}



	nav.scrolled .box-search {
		position: absolute;
		top: 12px !important;
		right: 54px;
		}
}
@media (min-width: 992px) {
	.box-search {
	    top: 32px !important;
		width: 200px;
	    }
	.box-search.open {
		width: 200px;
		}
	nav.scrolled .box-search {
		top: 14px !important;
		}
	nav.scrolled .box-search,
	nav.scrolled .box-search.open {
		width: 175px;
		}
}
@media (min-width: 1200px) {
	nav.scrolled .box-search {
		position: relative;
		right: 39px;
		}
	nav.scrolled .box-search,
	nav.scrolled .box-search.open {
		width: 200px;
		}
}
/* --------- end SUCHE -------- */







/* --------- LOGO
================================================== */
.brand {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center;
	text-align: left
	}
	.navbar-brand {
		background-image: url(../images/logo_nnz.svg);
		background-repeat: no-repeat;
		transition: all .3s ease-out;
		display: inline-block;
		background-size: 145px;
		width: 100%;
		height: 100%;
		height: 45px;
		margin: 0;
		background-size: 145px;
		background-position: 29px 9px;
		width: 98px;
		background-position: 26px 2px;
		background-size: 180px;
		}
	.navbar-brand:hover {
		opacity: .8
		}
	.brand-subline {
		display: none;
		color: #333 !important;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.8);
		font-family: 'Titillium';
		font-weight: 400;
		margin-left: 0;
		width: 235px;
		font-size: 6.5pt;
		letter-spacing: .02em;
		line-height: 1.35em;
		}

@media (min-width: 480px) {
	.brand {
		width: calc(100% - 300px);
		margin-left: 150px;
		height: 70px;
		text-align: center
		}
	.navbar-brand {
		margin-top: 17px;
		height: 38px;
		background-size: 145px;
		background-position: center 4px;
		width: 100%
		}
}
@media (min-width: 575px) {
	.navbar-brand {
		margin-top: 0;
		background-position: center 9px;
		}
	.brand-subline {
		display: inline-block;
		width: 230px;
		}
}
@media (min-width: 768px) {
	.brand {
		float: left;
		position: relative;
		width: calc(100% - 400px);
		margin-left: 200px;
		height: 80px
		}
	.navbar-brand {
		height: 42px;
		background-size: 200px;
		background-position: center 4px;
		margin-top: 3px;
		margin-bottom: 0
		}
	.brand-subline {
		width: 295px;
		font-size: 7.5pt;
		letter-spacing: .07em;
		margin-top: 1px
		}


	nav.scrolled .brand {
		display: inline-block;
		text-align: left;
		width: 65px;
		height: 33px;
		position: relative;
		margin-left: 0;
		top: 40px;
		position: absolute;
		left: 15px;
		top: 13px
		}
	nav.scrolled .navbar-brand {
		margin: 0 !important;
		background-position: 1px 0;
		background-size: 154px;
		width: 64px;
		height: 50px;
		}
	nav.scrolled .brand-subline {
		display: none
		}
}
@media (min-width: 880px) {
	nav.scrolled .brand {
		width: 160px;
		}
	nav.scrolled .navbar-brand {
		width: 160px;
		}
}
@media (min-width: 992px) {
	.brand {
		height: 100px
		}
	.navbar-brand {
		margin-top: 9px;
		background-size: 250px;
		background-position: center 0px;
		height: 44px
		}
	.brand-subline {
		width: 340px;
		font-size: 8pt;
		margin-top: 7px;
		}
}
@media (min-width: 1200px) {
	.brand {
		height: 100px;
		}
	.navbar-brand {
		height: 50px;
		background-size: 280px;
		margin-top: 10px;
		margin-bottom: -7px
		}
	.brand-subline {
		width: auto;
		font-size: 8.5pt;
		letter-spacing: .08em;
		margin-top: 16px;
		}

	nav.scrolled .brand {
		position: relative;
		left: 0;
		margin-left: 0;
		}
}
/* --------- end LOGO -------- */







/* --------- MENU / NAVI
================================================== */
nav {
	border: none !important;
	box-shadow: 0 .2em 1em rgba(0, 0, 0, .25) !important;
	position: relative !important;
	border-radius: 0 !important;
	padding: 0 !important;
	font-family: 'Titillium', sans-serif;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	}

.navbar-header	{
	width: 100%;
	text-align: center;
	padding: 0 !important;
	transition: all .3s ease-out;
	border-bottom: none;
	background: #fef4e9 url(../images/bg_textur_orange.jpg) repeat-x top center !important;
	background-size:auto !important;
	background-color: #fff !important
	}
.navbar-header .container {
	/*background: linear-gradient(to right,  fuchsia 15px, #ddd 15px, #ddd calc(100% - 15px), fuchsia calc(100% - 15px), fuchsia 100%);
	min-height: 50px;*/
	}
.navbar-collapse {
	border-bottom: none;
	background: #fff;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block !important;
	border-bottom: 1px solid #d6d3cc;
	}
.navbar-collapse .container {
	/*background: linear-gradient(to right,  fuchsia 15px, #ff8800 15px, #ff8800 calc(100% - 15px), fuchsia calc(100% - 15px), fuchsia 100%);
	*/}
.nav {
	width: 100%;
	text-align: center;
	}
.nav > li.hidden {
	display: none
	}
.nav > li {
	float: none;
	display: inline-block;
	}
.nav > li a {
	color: #000;
	letter-spacing: .03em;
	text-transform: uppercase;
	font-weight: 300;
	border-top: 5px solid rgba(255, 255, 255, 0);
	border-bottom: 5px solid rgba(255, 255, 255, 0);

	display: inline-block;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 0;
	-moz-background-size: 100% 0;
	background-size: 100% 0;
	background-position: 100% 0;
	margin: 0 .2em;
	padding: 8px .5em 11px .5em;
	}
.nav > li a:hover {
	color: #fff;
	text-decoration: none;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: linear-gradient(to top, #ff8800 0%, #ff8800 100%);
	transition: all .5s;
	}
.nav > li a#active:hover {
	}
.nav > li a#active {
	color: #000;
	font-weight: bold;
	border-top-color: #fc561f
	}
.nav > li a#active:hover {
	border-color: #fff;
	color: #fff;
	}
.nav > li a:focus {
	outline: none
	}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background: #fff4e6;
	}
.nav > li a.show {
	}








@media (min-width: 768px) {
	.navbar-header {
		padding: 10px 0 !important;
		}
	.navbar-collapse {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		background: #fff !important;
		}
	.nav {
		display: block;
		padding: 0 !important;
		margin: 0 !important;
		}
	.nav > li a {
		font-size: 100%;
		padding: 8px .5em;
		margin: 0 2px;
		letter-spacing: .05em;
		}


	nav.scrolled {
		position: fixed !important;
		top: 0 !important;
		z-index: 1000;
		width: 100%;
		text-align: center;
		}
	nav.scrolled nav {
		z-index: 1000;
		transition: all .3s ease 0s;
		position: fixed !important;
		width: 100%;
		margin: 0 auto;
		background: #fff !important;
		box-shadow: none
		}
	nav.scrolled .navbar-header {
		padding: 0 !important;
		height: 0 !important;
		margin-top: -2px !important;
		}
	nav.scrolled .nav {
		position: absolute;
		left: 0;
		text-align: left;
		padding-left: 100px !important;
		border-top: 5px solid #efeeec;
		border-bottom: 1px solid #d6d3cc;
		box-shadow: 0 .2em 1em rgba(0, 0, 0, .3) !important;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #efeeec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#efeeec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#efeeec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
	nav.scrolled .navbar-collapse {
		background: none !important;
		border: none !important
		}
	nav.scrolled .nav > li a {
		font-size: 95%;
		padding: 8px .45em;
		margin: 0;
		letter-spacing: .02em
	}
}
@media (min-width: 880px) {
	nav.scrolled .nav {
		padding-left: 200px !important;
	}
	nav.scrolled .nav > li a {
		padding-left: .5em;
		padding-right: .5em
	}
}
@media (min-width: 992px) {
	.nav > li a {
		font-size: 105%;
		padding: 9px .6em;
		letter-spacing: .03em;
		margin: 0 4px
		}

	nav.scrolled .nav {
		padding-left: 0 !important;
		text-align: center
		}
	nav.scrolled .nav > li a {
		font-size: 100%;
		padding: 8px .5em;
		margin: 0 2px;
		}
}
@media (min-width: 1200px) {
	.nav > li a {
		padding: 10px .7em;
		letter-spacing: .04em;
		margin: 0 5px
		}
	nav.scrolled .nav > li a {
		padding-left: .7em;
		padding-right: .7em;
		margin: 0 3px;
		letter-spacing: .03em
		}
}



@media (max-width: 767px) {
	nav {
		box-shadow: none;
		position: fixed;
		top: 0;
		box-shadow: none !important;
		background: none !important;
		z-index: 100000 !important;
		}
	.navbar-header {
		padding: 5px 0 !important;
		z-index: -100;
		border-top: none !important;
		height: 80px;
		background: #fff url(../images/bg_textur_orange_kl.jpg) repeat-x top center !important;
		}
	.navbar-header .container {
		min-width: 100% !important;
		padding-left: 30px;
		padding-right: 30px;
		}
	.navbar-collapse {
		padding: 0 !important;
		display: flex;
		width: 100%;
		margin: 0 auto;
		background: none;
		box-shadow: none;
		z-index: 10;
		height: auto !important;
		}
	.navbar-collapse .container {
		padding: 0;
		height: auto;
		background: linear-gradient(to bottom,  #fff 45px, rgba(255, 255, 255, 0) 45px, rgba(255, 255, 255, 0) 80px);
		width: 100%;
		margin-left: 0 !important;
		}
	.nav {
		display: inline-block;
		position: absolute;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #c4c1b8;
		box-shadow: 0 .3em .6em rgba(0, 0, 0, 0.2) !important;
		}
	.nav > li {
		}
	.nav > li a {
		padding: 7px .6em;
		margin: 0 1px;
		font-size: 100% !important;
		}
	.nav > li:last-child a {
		border-right: none !important;
		}
	.nav > li a:after {
		display: none
		}
	.nav > li a:hover,
	.nav > li a#active:hover {
		}
	.nav > li a#active {
		}
	.nav > li a.show#active:hover {
		color: #000
		}
	.nav li > a.show,
	.nav li > a:hover.show	{
		background: #fee6d2;
		border-top-color: #fff;
		border-bottom-color: #fee6d2;
		color: #000
		}
	.nav li > a#active.show:hover {
		border-top-color: #fc561f;
		border-bottom-color: #fee6d2;
		}


	/* -- Hide Menu on scroll -- */
	header {
		position: relative;
		top: 0;
		transition: top 0.3s;
		width: 100%;
		z-index: 1000000;
		height: auto !important;
		padding-bottom: 60px !important;
		}
	/* -- Hide Menu on scroll -- */


}
@media (max-width: 575px) {
	.nav > li a {
		padding: 6px .45em;
		margin: 0;
		font-size: 95% !important;
		}
}
@media (max-width: 480px) {
	.navbar-header {
		height: 45px !important;
		padding: 0 !important;
		background-position-y: -35px !important
		}
	.nav {
		padding-left:25px;
		padding-right:20px;
		text-align: left
		}
	.nav > li.kontakt {
		display: none
		}
	.nav > li a {
		font-size:95% !important;
		padding: 5px 5px;
		margin: 0 !important;
		letter-spacing: .02em
		}



}
@media (max-width: 370px) {
	.nav > li a {
		font-size: 80% !important;
		padding: 5px 4px;
		}
}
@media (max-width: 320px) {
	.nav > li a {
		font-size:75% !important;
		padding: 5px 3px;
		}
}
/* --------- end MENU -------- */




/* --------- DROPDOWN
================================================== */
.dropdown-menu {
	border-radius: 0;
	}
.dropdown-menu li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	height: auto !important
	}
.dropdown-menu li:last-child {
	border: none
	}
.dropdown-menu li a {
	width: 100%;
	border: none !important;
	margin: 0 !important;
	padding: .6em 1em !important;
	text-transform: none;
	letter-spacing: .01em;
	font-size: 11pt;
	line-height: 1.2em;
	height: auto !important;
	}
.dropdown-menu li a:hover {
	background: #feca9c;
	background: #efeeec;
	transition: all .1s ease-out;
	color: #000;
	}
.dropdown-menu li a#active {
	background: #fff;
	color: #ff8800
	}
.dropdown-menu li a#active:hover {
	background: rgba(255, 137, 0, 0.2);
	background: #efeeec;
	color: #fc561f;
	}


@media (min-width: 768px) {
	.dropdown .dropdown-menu {
		top: 20px !important;
		left: 0;
		opacity: 0;
		position: absolute;
		visibility: hidden;
		height: auto !important;
		display: inline-block;
		padding: 0;
		position: absolute !important;
		margin-left: .3em;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		}
	.dropdown:hover .dropdown-menu {
		top: 55px !important;
		opacity: 1;
		visibility: visible;
		}
}

@media (max-width: 767px) {
	.dropdown .dropdown-menu {
		top: auto !important;
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		border: none;
		white-space: nowrap;
		padding: 0;
		margin: 0;
		background: #fee6d2;
		box-shadow: 0 .4em .4em rgba(0, 0, 0, 0.3) !important;
		}
	.dropdown-menu li {
		float: left;
		width: 100%;
		}
	.dropdown-menu li a {
		padding: .7em 30px !important;
		font-size: 11.5pt !important;
		}
	.dropdown-menu li a:hover {
		background: #fc561f !important;
		background: rgba(255, 137, 0, .2) !important;
		}
	.dropdown-menu li a#active {
		background: none;
		letter-spacing: .03em
		}
	.dropdown-menu li a#active:hover {
		}
}
/* --------- end DROPDOWN -------- */












/* --------- COOKIE
================================================== */
#cookiedingsbums {
	background: rgba(0, 0, 0, .4);
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
	padding: 25px;
	box-sizing: border-box;
	}
#cookiedingsbums-content {
	width: 500px;
	max-width: 100%;
	max-height: 100%;
	background: #fff;
	overflow-x: hidden;
	border-radius: 5px;
	top: auto !important;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: bounce;
    animation-name: bounce;
    padding: 1.3em 1.7em;
	border: 3px solid rgba(255, 255, 255, 1);
	box-shadow: 0 .2em .6em rgba(0, 0, 0, 0.5);
	background-image: none;
	background-color: #efeeec;
	text-align: center;
	opacity: 1;
	color: #444 !important;
	line-height: 1.4em
	}
	@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-31px) }
    60% {-webkit-transform: translateY(-21px);}
	}
	@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-31px);}
    60% {transform: translateY(-21px);}
	}
#cookiedingsbums h2 {
	text-transform: uppercase;
	color: #ff8800;
	display: block;
	margin: 0 0 .5em 0;
	font-size: 140%;
	letter-spacing: .05em;
	text-align: center;
	font-weight: 700;
	font-family: 'Titillium', sans-serif;
	}
#cookiedingsbums a {
	text-decoration:none;
	font-weight: 600 !important;
	color: #000 !important
	}
#cookiedingsbums a:hover {
	color: #ff8800 !important;
	text-decoration: none !important
	}
#cookiedingsbums .cookie-buttons {
	text-align: center;
	margin: 1.3em 0
	}
#cookiedingsbums .btn {
	float: none;
	position: relative;
	width: auto;
	text-align: center;
	text-decoration: none;

	background: #ff8800;
	color: #fff !important;
	display: inline-block;
	width: auto !important;
	margin: 2px 2px !important;
	padding: .5em 1em !important;
	font-size: 75% !important
	}
#cookiedingsbums .btn:hover {
  border-color: #fff;
  box-shadow: .1em .1em .3em rgba(0, 0, 0, 0.5) inset;
  background: #fc561f;
  color: #fff !important
  }
#cookiedingsbums .achtung {
	color: red !important;
	text-align: center;
	line-height: 1.2em;
	letter-spacing: 0
	}
@media (max-width:580px) {
  	#cookiedingsbums {
	padding:25px;
	}
	#cookiedingsbums-content {
	padding: .8em 1.2em;
	line-height: 1.3em
	}

}
@media (max-width: 480px) {
	#cookiedingsbums {
	font-size: 95%
	}
	#cookiedingsbums .btn {
	display: inline-block;
	padding: .4em .8em !important;
	}
}
/* --------- end COOKIE -------- */








/* --------- DEBUG
================================================== */
.toggle-box.debug-box {
	}
.debug-wrap {
	background: #555;
	width: 100%;
	margin: 0 !important;
	position: relative;
	clear: both;
	}
.debug-wrap .container {
	text-align:left;
	clear: both;
	word-wrap: break-word;
	font-family: 'Titillium', sans-serif;
	color: rgba(255, 255, 255, 0.5);
	font-size: 90%;
	line-height: 1.2em !important;
	}
@media (max-width: 767px) {
	.debug-wrap .container {
		padding: 0 25px
		}
}
.debug,
.debug2 {
	padding-top: 50px;
	padding-bottom: 50px
	}
.debug-wrap h1, .debug-wrap h2, .debug-wrap h3, .debug-wrap h4, .debug-wrap h5,
.dl_liste_1 h1, .dl_liste_1 h2, .dl_liste_1 h3, .dl_liste_1 h4, .dl_liste_1 h5,
.dl_liste_2 h1, .dl_liste_2 h2, .dl_liste_2 h3, .dl_liste_2 h4, .dl_liste_2 h5 {
	color: #ff8800;
	letter-spacing: .02em;
	}
.debug-wrap h3 {
	margin-top: 0;
	margin-bottom: 1em;
	text-transform: uppercase;
	}
.debug-wrap h4 {
	margin-top: 1em;
	font-weight: 600;
	}

.debug-text {
	color: #2299ff;
	font-style: italic;
	font-family: 'Titillium', sans-serif;
	}
.debug dl {
	}
.debug dd {
	border-color: #6f6f6f;
	line-height: 1em;
	line-height: 1.2em !important;
	}
.debug dd a {
	color: #ff8800
	}
.debug dd a:hover {
	color: #fff
	}
.debug dl dt,
.debug2 dl dt {
	color: #fff;
	}
.dl_liste,
.dl_liste_1,
.dl_liste_2 {
	}
.dl_liste_2 {
	width:100%;
	padding-top: .4em;
	padding-bottom: .4em;s
	}
.dl_liste_2 dd {
	margin: 0;
	padding: 0;
	}
.dl_liste_2 dl {
	display:inline;
	}
.dl_liste_2 dt, .dl_liste_2 dd {
	float:left;
	padding-top: .2em;
	padding-bottom: .2em;
	}
.dl_liste_2 dt {
	clear:left;
	width:30%;
	}
.dl_liste_2 dd {
	width:70%;
	}
/* --------- end DEBUG -------- */








/* --------- BUTTONS
================================================== */
.btn {
	border-radius: 60px;
	text-transform: uppercase;

	background: #fff;
	border: 1px solid #d6d3cc;
	color: #979690 !important;
	font-family: 'Titillium';
	font-weight: 600 !important;
	line-height: 1.1em !important;
	}
	.btn i {
	color: #ff8800
	}
	.btn:hover {
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.15) inset;
	color: #76756e !important;
	background: #f8f8f6
	}
	.btn:hover i {
	}

.btn.btn-default {
	background: #f8f8f6;
	border-color: rgba(215, 212, 205, 0.6);
	}
	.btn.btn-default i {
	}
	.btn.btn-default:hover {
	background: #e0dfdc;
	}
	.btn.btn-default:hover i {
	}

.btn.btn-primary {
	background: #ff8800;
	color: #fff !important;
	border-color: rgba(0, 0, 0, 0)
	}
	.btn.btn-primary i {
	color: rgba(255, 255, 255, 0.7)
	}
	.btn.btn-primary:hover {
	background: #fc561f;
	}
	.btn.btn-primary:hover i {
	color: #fff !important
	}

.btn.btn-info {
	background: #2299ff;
	color: #fff !important;
	border-color: rgba(0, 0, 0, 0)
	}
	.btn.btn-info i {
	color: rgba(255, 255, 255, 0.7)
	}
	.btn.btn-info:hover {
	background: #2277bb;
	}
	.btn.btn-info:hover i {
	color: #fff !important
	}

.btn.btn-success {
	background: #77bb22;
	color: #fff !important;
	border-color: rgba(0, 0, 0, 0)
	}
	.btn.btn-success i {
	color: rgba(255, 255, 255, 0.7)
	}
	.btn.btn-success:hover {
	background: #33c555;
	}
	.btn.btn-success:hover i {
	color: #fff !important
	}

.btn.btn-danger {
	background: #ff4d4d;
	color: #fff !important;
	border-color: rgba(0, 0, 0, 0)
	}
	.btn.btn-danger i {
	color: rgba(255, 255, 255, 0.7)
	}
	.btn.btn-danger:hover {
	background: #dd3d3d;
	}
	.btn.btn-danger:hover i {
	color: #fff !important
	}

.btn.btn-warning {
	background: #fff6ec;
	background: #ffaa00;
	border-color: rgba(255, 137, 0, 0.3);
	color: #ffaa00 !important;
	}
	.btn.btn-warning i {
	}
	.btn.btn-warning:hover {
	background: #feca9c;
	color: #444 !important;
	}
	.btn.btn-warning:hover i {
	color: rgba(255, 168, 17, 0.8) !important;
	}

.btn-block { display: block }


.btn,
.btn-sm  		{ font-size: 85% !important; 	padding: .65em 1.2em !important; letter-spacing: .05em; }
.btn-xs 		{ font-size: 75% !important; 	padding: .5em 1em !important; 	}
.btn-md 		{ font-size: 100% !important; 	padding: .8em 1.5em !important;  }
.btn-lg 		{ font-size: 110% !important; 	padding: 1em 2em !important;  }

@media (max-width: 1400px) {
	.btn-sm, .btn 	{ font-size: 80% !important; 	padding: .6em 1.1em !important; letter-spacing: .04em; }
	.btn-xs 		{ font-size: 70% !important; 	padding: .5em 1em !important; }
	.btn-md 		{ font-size: 95% !important; 	padding: .7em 1.3em !important }
	.btn-lg 		{ font-size: 105% !important;	padding: .9em 1.8em !important;  }
}
@media (max-width: 1200px) {
	.btn-sm, .btn 	{ font-size: 75% !important;	padding: .55em 1em !important; letter-spacing: .03em; line-height: 1.2em !important;  }
	.btn-xs 		{ font-size: 65% !important;	padding: .4em 1em !important;  }
	.btn-md 		{ font-size: 90% !important;	padding: .6em 1.1em !important;  }
	.btn-lg 		{ font-size: 100% !important;	padding: .8em 1.6em !important; }
}

@media (max-width: 992px) {
	.btn-sm, .btn 	{ font-size: 70% !important;	padding: .5em 1em !important; letter-spacing: .02em;  }
	.btn-xs 		{ font-size: 60% !important;	padding: .35em 1em !important;   }
	.btn-md 		{ font-size: 85% !important;	padding: .5em 1.1em !important;  }
	.btn-lg 		{ font-size: 95% !important;	padding: .7em 1.6em !important; }
}



.btn.back,
.btn.next {
	border-radius: 60px;
	}
.btn.back {
	float: left
	}
.btn.next {
	float: right
	}
.btn.back:before,
.btn.next:before {
	display: inline-block;
	content: '\f104';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	color: #ff8800;
	float: left;
	margin-right: .5em;
	}
.btn.btn-primary.back:before,
.btn.btn-primary.next:before {
	color: rgba(255, 255, 255, 0.7);
	}
.btn.btn-primary.back:hover:before,
.btn.btn-primary.next:hover:before {
	color: #fff;
	}
.btn.next:before {
	content: '\f105';
	margin-left: .5em;
	margin-right: 0;
	float: right
	}


.btn-simple	{
	border: none;
	padding: .05em .4em .15em .4em;
	color: #ff8800;
	border-color: rgba(215, 212, 205, 0.6);
	border-radius: 50px;
	white-space: nowrap;
	clear: both;
	display: inline-block
	}
.btn-simple:hover {
	color: #fc561f;
	color: #000 !important;
	background: rgba(255, 136, 0, 0.1)
	}
.btn-simple i	{
	color: #979690;
	font-size: 85%
	}
.btn-simple:hover i {
	color: #76756e;
	color: #ff8800
	}



#subcontent .mehr {
	border-radius: 60px !important;
	text-transform: uppercase;

	font-family: 'Titillium';
	font-size: 70%;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	letter-spacing: .04em;
	margin: 1.2em -10px -5px 0 !important;
	padding: .45em .9em !important;

	background: #fff !important;
	border-color: rgba(215, 212, 205, 0.7) !important;
	color: #666 !important;
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.15) inset !important;
	}
#subcontent .mehr i {
	color: #ff8800;
	margin-left: 2px
	}
#subcontent .mehr:hover {
	background: #ff8800 !important;
	color: #fff !important;
	}
#subcontent .mehr:hover i {
	color: #fff !important
	}
	#subcontent .bg_dunkelgrau .mehr {
		border-color: rgba(0, 0, 0, .4) !important;
		background: rgba(255, 255, 255, 0.5) !important;
		color: #222 !important;
		margin-right: -5px !important
		}
	#subcontent .bg_dunkelgrau .mehr i {
		color: rgba(0, 0, 0, 0.5)
		}
	#subcontent .bg_dunkelgrau .mehr:hover {
		background: #ff8800 !important;
		color: #fff !important
		}
	#subcontent .bg_dunkelgrau .mehr:hover i {
		}
/* --------- end BUTTONS -------- */







/* --------- PAGINATION
================================================== */
.pagination {
	border-color: #ff8800;
	border-top: 4px solid #fc561f;
	margin-top: 3em;
	padding-top: 2em;
	margin-bottom: 1em;
	width: 100%;
	display: block;
	float: left
	}
.pagination .btn {
	margin-bottom: .7em
	}
.pagination .btn.pull-right,
.pagination .btn.float-end {
	float: right;
	}
@media (max-width: 992px) and (min-width: 480px) {
	#contentwrapper.sky .pagination .btn {
		display: block !important;
		float: left !important;
		clear: both;
		width: 100%;
		}
}
@media (max-width: 440px) {
	.pagination {
		margin-top: 1.5em;
		padding-top: 1.5em;
		margin-bottom: 2em;
		}
	.pagination .btn {
		clear: both !important;
		float: left !important;
		margin-left: 0;
		margin-top: .1em !important;
		width: 100% !important;
		}
}
/* --------- end PAGINATION -------- */







/* --------- RUBRIK
================================================== */
.rubrik {
	background: #fc561f;
	color: #fff;
	text-transform: uppercase;
	padding: .5em .8em .4em .7em;
	margin: -30px 0 1.5em -30px;
	font-family: 'Titillium', sans-serif;
	letter-spacing: .04em;
	line-height: 1.1em;
	position: relative;
	float: left;
	font-family: 'Titillium';
	font-weight: 600 !important;
	font-size: 90%
	}
.rubrik i {
	margin-right: .2em
	}
.rubrik span {
	display: block;
	font-weight: 600;
	font-size: 75%;
	margin-left: 21px;
	opacity: .7;
	letter-spacing: 0
	}
@media (max-width: 1200px) {
	.rubrik {
		font-size: 80%;
		padding: .5em .7em .4em .6em;
		letter-spacing: .01em
		}
	#contentwrapper.sky .rubrik {
		padding-top: .45em;
		}
	}
@media (max-width: 767px) {
	.rubrik {
		font-size: 90%;
		padding: .45em .6em;
		}
	}
@media (max-width: 575px) {
	.rubrik {
		padding-top: .6em;
		}
	}
/* --------- end RUBRIK -------- */







/* --------- FUSSNOTE
================================================== */
.fussnote {
	clear: both;
	color: #979690;
	color: #777;
	font-size: 85%;
	float: left;
	width: 100%;
	font-family: 'Titillium', sans-serif;
	margin: .8em 0 .5em 0;
	line-height: 1.25em;
	}
.hauptinhalt .fussnote {
	margin-bottom: 3em;
	float: left;
	}	
/* --------- end FUSSNOTE -------- */




/* --------- TOP 3
================================================== */
.top3 {
	margin-top: 1em;
	}
.top3 .rubrik {
	margin: 0 !important;
	height: auto;
	padding-top: .45em;
	padding-bottom: .15em;
	float: left;
	width: auto !important;
	font-size: 80%
	}
.top3 .rubrik sup {
	font-weight: 300;
	color: rgba(255, 255, 255, 0.5);
	margin-left: 2px;
	}
.top3 .fussnote {
	font-weight: 300;
	text-align: right;
	margin: .2em 0 0 0;
	letter-spacing: 0;
	font-size: 9pt;
	color: #bbb;
	float: right;
	clear: none;
	width: auto !important
	}


.top3 .item-wrap {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	border-top: 4px solid #fc561f;
	padding: 15px 20px 15px 0;
	background: rgba(255, 255, 255, 0.95); /* Old browsers */
	background: -moz-linear-gradient(top,rgba(255, 255, 255, 0.95) 0%, rgba(240, 239, 237, 0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.95) 0%,rgba(240, 239, 237, 0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255, 255, 255, 0.95) 0%,rgba(240, 239, 237, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.95)', endColorstr='rgba(240, 239, 237, 0.95)',GradientType=0 ); /* IE6-9 */
	box-shadow: .3em .1em .8em rgba(0, 0, 0, 0.4);
	}
.top3 .item {
	/*border-top: 4px solid #fc561f;
	box-shadow: .1em .1em .6em rgba(0, 0, 0, 0.3);
	background-color: rgba(255, 255, 255, 0.95);
	background-image: -moz-linear-gradient(top,rgba(255, 255, 255, 0.95) 0%, rgba(240, 239, 237, 0.95) 100%);
	background-image: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.95) 0%,rgba(240, 239, 237, 0.95) 100%);
	background-image: linear-gradient(to top,  rgba(255, 255, 255, 0.95) 0%,rgba(240, 239, 237, 0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.95)', endColorstr='rgba(240, 239, 237, 0.95)',GradientType=0 );
	background-color: rgba(240, 239, 237, 0.75);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;

	-webkit-background-size: 0 100%;
	-moz-background-size: 0 100%;
	background-size: 0 100%;

	-webkit-background-size: 100% 0;
	-moz-background-size: 100% 0;
	background-size: 100% 0;

	background-position: 0 100%;
	background-position: 100% 0;
	*/
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	width: calc(33.9% - 20px);
	padding: 0 0 0 20px;
	border-left: 1px dotted #fc561f;
	}
.top3 .item:first-child {
	border-left: none;
	margin-left: 0
	}
.top3 .item:hover {
	transition: all .4s;
	/*box-shadow: .1em .1em .6em rgba(0, 0, 0, 0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: linear-gradient(to top, #efeeec 0%, #efeeec 100%);

	background-image: -moz-linear-gradient(bottom,#fff 0%,rgba(225, 224, 221, 0.5) 100%);
	background-image: -webkit-linear-gradient(bottom,  #fff 0%,rgba(225, 224, 221, 0.5) 100%);
	background-image: linear-gradient(to bottom,  #fff 0%,rgba(225, 224, 221, 0.5) 100%);
	*/
	}
.top3 .item .news_lang_dachzeile {
	font-size: 75%;
	line-height: 1.25em;
	letter-spacing: .01em;
	font-family: 'Titillium';
	margin-bottom: .25em;
	text-transform: uppercase;
	font-weight: 600;
	}
	.top3 .item:hover .news_lang_dachzeile {
	color: #ff8800 !important;
	}
	
.top3 .item h3 {
	color: #000 !important;
	font-weight: 600;
	font-size: 105%;
	text-align: left;
	margin: 0;
	line-height: 1.15em !important
	}
	.top3 .item:hover h3 {
	color: #fc561f !important;
	transition: all .3s;
	}
	
.top3 .item .bild {
	float: right;
	width: 70px;
	height: 70px;
	margin: 0 0 0 10px !important;
	background-size: cover;
	border-radius: 0;
	border: 1px solid rgba(0, 0, 0, .15);
	background-repeat: no-repeat;
	background-position: center center
	}
	.top3 .item:hover .bild {
	transition: all .2s ease 0s;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	}
		
.top3 .item span { /* Nr */
	padding: .3em;
	background: #ff8800;
	color: #fff;
	text-align: center;
	font-weight: bold;
	width: 30px;
	font-family: 'Titillium';
	float: left;
	margin-right: 1em;
	}


@media (max-width: 1550px) {
	.top3 .item .news_lang_dachzeile {
		font-size: 65%;
		}
	.top3 .item h3 {
		font-size: 100%;
		}
	.top3 .item .bild {
		width: 55px;
		height: 55px;
		}
}
@media (max-width: 1200px) {
	.top3 {
		margin-top: 0;
		}
	.top3 .rubrik {
		font-size: 75%
		}
	.top3 .item h3 {
		font-size: 95%;
		}
	.top3 .item .bild {
		width: 45px;
		height: 45px;
		}
}
@media (max-width: 992px) {
	.top3 .rubrik {
		font-size: 80%
		}
	.top3 .item-wrap {
		padding-left: 15px;
		padding-right: 15px
		}
	.top3 .item {
		width: 100%;
		padding: .5em 0 0 0;
		margin: .5em 0 0 0;
		border:none;
		border-top: 1px dotted #fc561f;
		}
	.top3 .item:first-child {
		padding-top: 0;
		margin-top: 0;
		border:none;
		}
	.top3 .item .news_lang_dachzeile {
		font-size: 70%;
		margin-top: .2em
		}
	.top3 .item h3 {
		font-size: 105%;
		}
	.top3 .item .bild {
		width: 50px;
		height: 50px;
		}
}
@media (max-width: 767px) {
	.top3 .item-wrap {
		padding: 10px;
		}
	.top3 .item .news_lang_dachzeile {
		font-size: 65%;
		line-height: 1.1em;
		}
}
@media (max-width: 480px) {
	.top3 .rubrik {
		font-size: 75%
		}
	.top3 .fussnote {
		font-size: 70%
		}
	.top3 .item .news_lang_dachzeile {
		display: none
		}
	.top3 .item .bild {
		width: 40px;
		height: 40px;
		}
}
/* --------- end TOP 3 -------- */









/* --------- KOMMENTARE
================================================== */
.kommentare {
	background: rgba(255, 137, 0, 0.07);
	padding: 30px;
	border-top: 4px solid #fc561f;
	margin-top: 3em;
	margin-bottom: 50px;
	background: #f8f8f6;
	clear: both;
	font-family: 'Titillium', sans-serif;
	}
.kommentare .rubrik {
	margin-left: -30px;
	margin-top: -60px;
	height: 30px;
	}
.kommentare p {
	margin-top: 1.5em;
	clear: both
	}
.kommentare .btn {
	margin-top: 1em;
	}
.kommentare .btn:hover {
	background: #ff8800;
	color: #fff !important
	}
.kommentare .btn:hover i {
	color: #fff !important
	}



.kommentar-item {
	border-bottom: 1px dotted #c4c1b8;
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
	margin: 0 0 45px 0;
	}
.kommentar-item .kommentar-info {
	margin-bottom: .5em;
	float: left;
	}
	.kommentar-item .datum,
	.kommentar-item .benutzer {
		float: left;
		width: auto;
		font-size: 90%;
		line-height: 1.2em;
		margin: 0;
		font-family: 'Titillium';
		color: #979690
		}
	.kommentar-item .benutzer {
		float: right;
		color: #fc561f;
		color: #333;
		margin-left: .5em;
		padding-left: .6em;
		border-left: 1px solid #c4c1b8;
		}
	.kommentar-item .benutzer:before {
		display: inline-block;
		content: '\f007';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900 !important;
		font-size: 8pt;
		vertical-align: top;
		color: #666;
		float: left;
		margin-right: .4em;
		margin-top: -1px
		}
.kommentar-item h5 {
	margin: 0 0 .3em 0 !important;
	font-size: 105%;
	color: #ff8800;
	letter-spacing: .02em;
	font-weight: 600;
	}
.kommentar-item .kommentar-text {
	font-weight: 300;
	clear: both;
	color: #000 !important;
	font-size: 90%;
	line-height: 1.7em;
	}


.hinweistext {
	clear: both;
	margin: 2em 0 0 0;
	line-height: 1.3em;
	color: #f8f8f6;
	padding: .35em .5em .5em .5em;
	border-radius: 4px;
	float: left;
	width: 100%;
	background: #ff8800;
	font-size: 90%;
	font-family: 'Titillium';
	}
	.hinweistext:before {
		display: inline-block;
		content: '\f06a';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900 !important;
		color: #fff;
		float: left;
		margin-right: .3em;
		margin-top: 0;
		font-style: normal;
		font-size: 105%;
		padding-left: 1px;
		opacity: .8
		}
	.hinweistext h5 {
		display: inline-block;
		color: #fff;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important
		}
	
	.hinweistext.beantragt,
	.hinweistext.gesperrt {
		border: none;
		padding: .4em 0 0 0;
		border-radius: 0;
		background: none;
		margin-top: 0;
		color: #333;
		margin-top: .5em
		}
		.hinweistext.beantragt:before 	{ color: #2299ff; opacity: .6 }
		.hinweistext.gesperrt:before 	{ color: #ff4d4d; opacity: .6 }
	
		.hinweistext.beantragt h5,
		.kommentar-text.beantragt {
		color: #2299ff !important
		}
		.hinweistext.gesperrt h5,
		.kommentar-text.gesperrt {
		color: #ff4d4d !important
		}
		
	.hinweistext.admin {
		background: rgba(255, 255, 255, 0.0);
		color: #333;
		margin-top: 1em;
		margin-bottom: 2.5em;
		padding: .35em 0 0 0;
		}	
		.hinweistext.admin:before 	{ color: #333; opacity: .3; display: none }
		.hinweistext.admin h5 		{ color: #555 }
	

.kom_sup {
	font-family: 'Titillium';
	margin-top: 2em;
	margin-bottom: 5px;
	font-size: 10pt;
	float: left;
	line-height: 1.2em;

	}
.kom_sup a {
	color: #444;
	}
.kom_sup a i {
	color: rgba(255, 137, 0, 0.7);
	margin-right: .2em;
	color: #666;

	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	}
.kom_sup:hover {
	color: #ff8800;
	}
.kom_sup:hover a,
.kom_sup a:hover {
	color: #000;
	}
.kom_sup:hover a i,
.kom_sup a:hover i {
	color: #ff8800;
	}
.kom_sup span {
	color: #979690;
	margin-left: .1em;
	font-style: italic
	}


.vote {
	float: left;
	font-family: 'Titillium';
	;
	color: 	#76756e;
	font-size: 90%;
	}
	.kommentare .vote {
	margin-top: 25px;
	float: right;
	font-size: 95%;
	}
	.vote span,
	.vote a {
		white-space: nowrap;
		margin-left: .4em
		}
	.vote i {
		margin-right: .1em;
		color: #979690;
		font-family: 'Titillium';
		font-weight: 600 !important;
		font-size: 85%
		}
	.vote i:before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900 !important;
		color: #c4c1b8;
		margin-right: .2em
		}
	.vote a:hover i,
	.vote a:hover i:before {
		color: 	#76756e
		}

	.vote-login {
		color: #979690;
		float: left;
		margin-right: .6em;
		display: none
		}
		.vote-login:after {
		display: inline-block;
		content: '\f105';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900 !important;
		font-size: 90%;
		vertical-align: top;
		color: #c4c1b8;
		float: right;
		margin-left: 3px;
		margin-top: 1px;
		}
		.vote-login:hover {
		color: #ff8800
		}
		.vote-login:hover:after {
		color: rgba(255, 136, 0, 0.6);
		}
	.vote-aktivieren .vote-login {
		display: inline-block
		}


@media (max-width: 1200px) {
	.kommentare .rubrik {
		margin-top: -55px;
		height: 25px;
		}
}
@media (max-width: 767px) {
	.kommentare {
		padding-left: 20px;
		padding-right: 20px;
		}
	.kommentare .rubrik {
		margin-left: -20px !important;
		}
}
/* --------- end KOMMENTARE -------- */






/* @group Kommentare ALT ------------------------ */

.kom_all {
	float:left;
	clear:both;
	width:100%;
	color: #357ca2;
	/*line-height:1.2em;*/
}

.kom_all h2 {
	color:#357ca2;
	padding-bottom:0;
	border-bottom:none;
}

.kom {
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dotted #bbb;
	padding-bottom:1.8em;
	margin-bottom:1.5em;
}

.kom_datum {
	color:#888;
	font-size:85%;
	font-weight:300;
	float:right;
	margin:.3em 0 0 .5em;
}

.kom_datum a.achtung {
	float:right;
	margin:-.1em 0 0 .6em;
	background:url(../images/icons/achtung/1/achtung_gr.png) no-repeat center right;
	padding:0 0 0 12px;
	text-decoration:none;
	position:relative;
	display:inline;
}

.kom_datum a.achtung:hover {
	background:url(../images/icons/achtung/2/achtung_ro.png) no-repeat center right;
	text-decoration:none;
}

.kom_headline {
	font-weight:600;
	margin-bottom:.3em;
	line-height:1.4em;
}

.kom_text {
	/* font-size:95%; */
}



.kom_liste1,.kom_liste2 {
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin:0;
	padding:.7em 0;
	text-align:right;
}


.kom_liste_headline {
	font-size:105%;
	margin-top:.1em;
	margin-bottom:0px;
	font-family:'Oswald',sans-serif;
	font-weight:400;
}

.kom_liste_subline {
	font-size:85%;
	font-weight:300;
}

.kom_liste_eintrag {
	width:80%;
	margin-bottom:1.5em;
}


.kom_liste_links {
	margin-top:1em;
	float:right;
	width:30%;
	text-align:right;
}

.kom_liste_links a {
	background:url(../images/pfeile/2/pfeil_next2.gif) no-repeat top left;
	padding-left:13px;
	color:#f90;
	line-height:1em;
}

.kom_liste_links a:hover {
	background:url(../images/pfeile/2/pfeil_next.gif) no-repeat top left;
	color:#000;
}

/* @end */








/* --------- BABYGALERIE
================================================== */
.row.babygalerie {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0
	}
.row.babygalerie > [class*="col-"] {
	padding: 0;
	}
.row.babygalerie > [class*="col-"]:first-child {
	padding-right: 10px;
	}
.row.babygalerie .baby_pic_vorschau {
	width: 100%;
	height: 60px !important;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 !important
	}
.row.babygalerie .baby_pic_vorschau:hover {
	opacity: .8
	}
@media (max-width: 1400px) {
	.row.babygalerie .baby_pic_vorschau { height: 55px !important; }
}
@media (max-width: 1200px) {
	.row.babygalerie .baby_pic_vorschau { height: 50px !important; }
}
@media (max-width: 992px) {
	.row.babygalerie .baby_pic_vorschau { height: 45px !important; }
}
@media (max-width: 767px) {
	.row.babygalerie .baby_pic_vorschau { height: 50px !important; }
}
@media (max-width: 480px) {
	.row.babygalerie .baby_pic_vorschau { height: 40px !important; }
}
/* --------- end BABYGALERIE -------- */






/* --------- ACCORDION
================================================== */
.content .accordion-item,
#content .accordion-item {
	border: none;
	/*font-family: 'Titillium', sans-serif;*/
	padding-left: 30px;
	border-bottom: 1px dotted #c4c1b8;
	padding-left: 0;
	clear: both
	}
	.accordion-item.noborder {
	border-bottom: none !important
	}
.content .accordion-button,
#content .accordion-button {
	padding: 7px 20px 7px 0;
	margin-left: 0;
	display: inline-block
	}
	.content .accordion-button:hover,
	#content .accordion-button:hover {
	color: #ff8800;
	}
	.content .accordion-button:hover::after,
	#content .accordion-button:hover::after {
	color: #ff8800;
	}
.content .accordion-button:not(.collapsed),
#content .accordion-button:not(.collapsed) {
	color: #ff8800;
	box-shadow: none;
	background: none;
	}
.content .accordion-button:not(.collapsed)::after,
#content .accordion-button:not(.collapsed)::after {
	color: #ff8800 !important;
	content: '\f068';
	content: '\f077';
	transform: rotate(0);
	margin-right: 6px;
	margin-top: 0
	}
.content .accordion-button::after,
#content .accordion-button::after {
	content: '\f067';
	content: '\f077';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	color: #ccc;
	position: absolute;
	background-image: none !important;
	right: 0;
	text-align: right;
	transform: rotate(180deg);
	margin-top: 5px
	}
.content .accordion-collapse,
#content .accordion-collapse {
	margin: 0 0 20px 0
	}
/*.accordion-collapse.collapse:before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	margin-left: -30px;
	width: 30px;
	color: #ff8800;
	position: absolute
	}	*/
.accordion-item h3,
.accordion-item h4,
.accordion-item h5 {
	margin: 0;
	float: left
	}
.content .accordion-item .btn,
#content .accordion-item .btn {
	float: none;
	display: inline-block
	}

@media (max-width: 992px) {
	.content .accordion-button::after,
	#content .accordion-button::after {
	font-size: 90%
	}
}
/* --------- ACCORDION -------- */






/* ==============================================================
     # ACCORDION (extra Script - simpel)
=================================================================== */
.accordion-wrap {
	display: block;
	clear: both;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em
	}
	.row .accordion-wrap {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0
		}
.accordion-wrap .accordion {
	cursor: pointer;
	display: block;
	transition: .4s;
	}
.accordion-wrap .accordion:hover {
	background: rgba(255, 137, 0, 0);
	}
.accordion-wrap .accordion.accordion-active {
	}
.accordion-wrap .accordion:before {
	content: '\002B';
	color: #bbb;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	font-size: 19px;
	position: relative;
	margin-right: 0;
	margin-top: 1px;
	margin-left: 10px
	}
	.accordion-wrap .accordion:hover:before {
	color: #000;
	}
.accordion-wrap .accordion.accordion-active:before {
	content: "\2212";
	color: #000
	}
.accordion-wrap .accordion-headline {
	font-weight: 600;
	color: #ff8800
	}
	.accordion-wrap .accordion-headline:hover {
	text-decoration: underline
	}
	.accordion-wrap .accordion.accordion-active .accordion-headline {
	}
.accordion-wrap .accordion-panel {
	padding: 0;
	background: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out;
	}
.accordion-wrap .accordion-text {
	margin-top: .5em;
	}
/* =========== end ACCORDION (extra Script - simpel) =========== */






/* --------- FAQ
================================================== */
.faq {
	}
h2.faq_rubrik_o {
	}
ul.faq_liste {
	}
h2.faq_rubrik_u {
	}
.faq_url {
	}
/* --------- FAQ -------- */







/* --------- BILD VORSCHAU
================================================== */
.bild-vorschau {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	position: relative;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	height: 90px;
	}
.bild-vorschau:hover {
	transform: scale(1.02);
	opacity: .9;
	transition: .25s;
	}
@media (max-width: 1200px) {
	.bild-vorschau { max-height: 70px }
}
@media (max-width: 992px) {
	.bild-vorschau { max-height: 70px }
}
@media (max-width: 767px) {
	.bild-vorschau { max-height: 65px }
}
@media (max-width: 680px) {
	.bild-vorschau { max-height: 45px }
}
@media (max-width: 480px) {
	.bild-vorschau { max-height: 70px }
}
@media (max-width: 380px) {
	.bild-vorschau { max-height: 50px }
}
/* --------- end BILD VORSCHAU -------- */













/* --------- LISTEN
================================================== */
#contentwrapper ul,
#contentwrapper ol {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.25em;
	display: inline-block;
	}
	#contentwrapper #subcontent ul,
	#contentwrapper #subcontent ol {
	line-height: 1.15em;
	}

ul.navi-parallel {
	margin-bottom: 1.5em !important
	}
	ul.navi-parallel li {
	padding-top: .4em !important;
	padding-bottom: .4em !important
	}
	ul.navi-parallel li:before {
	content: '\F3be' !important;
	font-size: 80% !important;
	opacity: .7
	}
	ul.navi-parallel li a {
	color: #ff8800 !important
	}
	ul.navi-parallel li a:hover,
	ul.navi-parallel li:hover:before,
	ul.navi-parallel li:hover a {
	color: #fc561f !important;
	color: #000 !important;
	opacity: 1
	}

#contentwrapper ul a,
#contentwrapper ol a,
.ansprech a,
.adresse a,
.telefon a,
.mobil a,
.fax a,
.email a,
.web a,
.paragraph a,
.zeit a,
.links a,
.zimmer a {
	color: #000;
	}
#contentwrapper ul a:hover,
#contentwrapper ol a:hover,
.ansprech a:hover,
.adresse a:hover,
.telefon a:hover,
.mobil a:hover,
.fax a:hover,
.email a:hover,
.web a:hover,
.paragraph a:hover,
.zeit a:hover,
.links a:hover,
.zimmer a:hover {
	color: #ff8800
	}

#contentwrapper li {
	margin: 0;
	padding: .5em 0 .5em 25px;
	border-bottom: 1px dotted #ccc;
	clear: left;
	display: inline-block;
	width: 100%;
	
	border-bottom: none;
	padding-top: .3em;
	padding-bottom: .3em
	}
	#contentwrapper #subcontent li {
	padding-top: .4em;
	padding-bottom: .4em;
	}
#contentwrapper li:last-child {
	border-bottom:none;
	margin-bottom: 0;
	padding-bottom: 0
	}
#contentwrapper ol li {
	list-style:decimal;
	color: #000 !important;
	display:list-item;
	padding-left: 0;
	margin-left: 25px;
	width: calc(100% - 25px)
	}
#contentwrapper ol li:before,
#contentwrapper ol ul li:before {
	display: none
	}


#contentwrapper ul li:before,
a.video:before,
a.audio:before,
a.word:before,
a.pdf:before,
.news_lang_text a[download]:before,
.ansprech:before,
.adresse:before,
.telefon:before,
.mobil:before,
.fax:before,
.email:before,
.web:before,
.paragraph:before,
.zeit:before,
.links:before,
.zimmer:before  {
	content: '\F105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	color: #ff8800;
	display: inline-block;
	font-size: 95%;
	text-align: left;
	float: left;
	margin-left: -25px;
	width: 25px;
	padding-left: .6em;
	padding-top: 1px;
	}
.ansprech:before,
.adresse:before,
.telefon:before,
.mobil:before,
.fax:before,
.email:before,
.web:before,
.paragraph:before,
.zeit:before,
.links:before,
.zimmer:before  {
	padding-left: 0;
	}
#contentwrapper li.kommentar,
#contentwrapper li.personenstand,
#contentwrapper li.mov,
#contentwrapper li.mp3,
#contentwrapper li.pdf,
#contentwrapper li.word,
#contentwrapper li.rss {
	background-position-y: .6em;
	background-repeat: no-repeat;
	background-position-x: left;
	background-image: none !important
	}
#contentwrapper ul.listtype li:before {
	display: none;
	}
#contentwrapper ul.listtype.kommentar li:before,
#contentwrapper ul.listtype.personenstand li:before,
#contentwrapper ul.listtype.mov li:before,
#contentwrapper ul.listtype.mp3 li:before,
#contentwrapper ul.listtype.pdf li:before,
#contentwrapper ul.listtype.word li:before,
#contentwrapper ul.listtype.rss li:before {
	display: inline-block;
	}
#contentwrapper ul.listtype li i {
	margin-left: -25px;
	width: 21px;
	font-size: 90%;
	text-align: center;
	margin-right: 0;
	color: #ff8800
	}
.listtype.pdf,
.listtype.mov,
.listtype.mp3 {
	background-image: none
	}
#contentwrapper ul.listtype.kommentar li:before,
#contentwrapper li.kommentar:before 			{ content: '\F27a'; font-weight: 300 !important; padding-left: .35em; padding-top: .1em; font-size: 80%; color: #999 }

#contentwrapper ul.listtype.personenstand li:before,
#contentwrapper li.personenstand:before 		{ content: '\F56b'; font-size: 80%; padding-left: .5em; padding-top: .15em; color: #999 }

#contentwrapper ul.listtype.mov li:before,
#contentwrapper li.mov:before,
a.video:before 									{ content: '\F03d'; font-size: 75%; padding-left: .35em; }

#contentwrapper ul.listtype.mp3 li:before,
#contentwrapper li.mp3:before,
a.audio:before 									{ content: '\F028'; font-size: 80%; padding-left: .3em; }

#contentwrapper ul.listtype.pdf li:before,
#contentwrapper li.pdf:before,
a.pdf:before,
.news_lang_text a[download]:before 				{ content: '\F1c1'; font-weight: 300 !important; padding-left: .45em; color: red  }

#contentwrapper ul.listtype.word li:before,
#contentwrapper li.word:before,
a.word:before 				 					{ content: '\F1c2'; font-weight: 300 !important; padding-left: .45em; color: #2299ff }

#contentwrapper ul.listtype.rss li:before,
#contentwrapper li.rss:before 					{ content: '\F09e'; font-size: 80%; padding-left: .4em }

.ansprech:before 	{ content: '\F007' }
.adresse:before 	{ content: '\F0e0' }
.telefon:before 	{ content: '\F095' }
.mobil:before 		{ content: '\F3cd'; font-weight: 300 !important; }
.fax:before 		{ content: '\F02f' }
.email:before 		{ content: '\F1d8' }
.web:before 		{ content: '\F0ac' }
.paragraph:before 	{ content: '\F19c' }
.zeit:before 		{ content: '\F017'; font-weight: 300 !important; }
.links:before 		{ content: '\F35d' }
.zimmer:before 		{ content: '\F52b' }





.mov,
.mp3 {
	padding-left: 20px;
	background-size: 17px;
	}
a[download] {
	background-image: none;
	padding: 0;
	}
.news_lang_text a[download] {
	color: #ff8800 !important;
	}
.news_lang_text a[download]:hover {
	color: #ff4400 !important
	}

.news_lang_text a[download]:before {
	display: none;
	}
.pdf a,
.pdf a[download] {
	padding-left: 22px
	}
li.pdf a,
li.pdf a[download] {
	padding-left: 0
	}




#contentwrapper li [class*="col-"] {
	float: left;
	padding-left: 0;
	padding-right: 10px;
	margin-top: -3px;
	padding-bottom: .35em
	}
#contentwrapper li [class*="col-"]:last-child {
	padding-right: 0;
	padding-bottom: 0
	}



/* --------- LISTEN-OPTIONEN / FARBEN -------- */
#contentwrapper .no-lines li				{
	border-bottom: none; padding-top: .4em; padding-bottom: .4em;
	}
#contentwrapper .list-condensed li,
#contentwrapper #subcontent .list-condensed li	{
	padding-top: .25em; padding-bottom: .25em
	}
#contentwrapper .list-condensed-m li,
#contentwrapper #subcontent .list-condensed-m li {
	padding-top: 1em; padding-bottom: 1em
	}
#contentwrapper .no-listtype li:before	{ display: none }
#contentwrapper .no-listtype li			{ padding-left: 0 }

#contentwrapper ul.black a,
#contentwrapper ol.black a				{ color: #333 }
#contentwrapper ul.black a:hover,
#contentwrapper ol.black a:hover		{ color: #ff8800 }

#contentwrapper ul.hausfarbe a,
#contentwrapper ol.hausfarbe a			{ color: #ff8800 }
#contentwrapper ul.hausfarbe a:hover,
#contentwrapper ol.hausfarbe a:hover	{ color: #fc561f }

#contentwrapper ul.listtype-blau li:before,
#contentwrapper ul.listtype.listtype-blau li i		{ color: #2299ff; }

#contentwrapper ul.listtype-black li:before,
#contentwrapper ul.listtype.listtype-black li i 	{ color: #000; }

#contentwrapper ul.listtype-grau li:before,
#contentwrapper ul.listtype.listtype-grau li i		{ color: #777; }



.bg_dunkelgrau li,
.bg_dunkelgrau .icon {
	border-bottom-color: rgba(255, 255, 255, 0.3) !important;
	color: #aaa
	}
.bg_dunkelgrau li a,
.bg_dunkelgrau .icon a,
.bg_dunkelgrau .ansprech,
.bg_dunkelgrau .adresse,
.bg_dunkelgrau .telefon,
.bg_dunkelgrau .mobil,
.bg_dunkelgrau .fax,
.bg_dunkelgrau .email,
.bg_dunkelgrau .web,
.bg_dunkelgrau .paragraph,
.bg_dunkelgrau .zeit,
.bg_dunkelgrau .links,
.bg_dunkelgrau .zimmer,
.bg_dunkelgrau .ansprech a,
.bg_dunkelgrau .adresse a,
.bg_dunkelgrau .telefon a,
.bg_dunkelgrau .mobil a,
.bg_dunkelgrau .fax a,
.bg_dunkelgrau .email a,
.bg_dunkelgrau .web a,
.bg_dunkelgrau .paragraph a,
.bg_dunkelgrau .zeit a,
.bg_dunkelgrau .links a,
.bg_dunkelgrau .zimmer a {
	color: #aaa !important
	}
.bg_dunkelgrau li a:hover,
.bg_dunkelgrau .icon a:hover,
.bg_dunkelgrau .ansprech a:hover,
.bg_dunkelgrau .adresse a:hover,
.bg_dunkelgrau .telefon a:hover,
.bg_dunkelgrau .mobil a:hover,
.bg_dunkelgrau .fax a:hover,
.bg_dunkelgrau .email a:hover,
.bg_dunkelgrau .web a:hover,
.bg_dunkelgrau .paragraph a:hover,
.bg_dunkelgrau .zeit a:hover,
.bg_dunkelgrau .links a:hover,
.bg_dunkelgrau .zimmer a:hover {
	color: #fff !important
	}
.bg_dunkelgrau a.video,
.bg_dunkelgrau a.audio,
.bg_dunkelgrau a.word,
.bg_dunkelgrau a.pdf,
.bg_dunkelgrau .news_lang_text a[download] {
	color: #ff8800 !important
	}
.bg_dunkelgrau a.pdf,
.bg_dunkelgrau .news_lang_text a[download] {
	color: red !important
	}
.bg_dunkelgrau a.fileicon.pdf {
	color: #fff !important
	}
.bg_dunkelgrau a.fileicon.pdf:hover {
	color: #ff8800 !important
	}
.bg_dunkelgrau a.word {
	color: #2299ff !important
	}
.bg_dunkelgrau a.video:hover,
.bg_dunkelgrau a.video:hover:before,
.bg_dunkelgrau a.audio:hover,
.bg_dunkelgrau a.audio:hover:before,
.bg_dunkelgrau a.word:hover,
.bg_dunkelgrau a.word:hover:before,
.bg_dunkelgrau a.pdf:hover,
.bg_dunkelgrau a.pdf:hover:before {
	color: #fff !important
	}
/*
.top10 li,
#subcontent ul.top10 li {
	padding-left: 25px !important;
	padding-bottom: 0;
	margin-bottom: 0
	}
.top10 span {
	font-size: 90%;
	background: #ff8800;
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 0;
	text-align: center;
	margin-left: -25px;
	margin-top: 2px;
	width: 20px;
	margin-right: 5px;
	height: 20px;
	font-family: 'Titillium';
	display: inline-block
	}
.baby ul li {
	padding-left: 0 !important;
	float: left;
	width: 100%;
	}
.baby ul li:before {
	display: none !important
	}
*/

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








/* --------- ICONS
================================================== */
.icon {
	clear: both;
	margin-left: 25px;
	width: calc(100% - 25px);
	float: left;
	margin-bottom: 1em;
	margin: 0;
	padding: .5em 0 .5em 25px;
	line-height: 1.25em;
    }
.icon:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
    }
.icon i {
	margin-left: -25px;
	width: 25px;
	background: none;
	padding: 0;
	color: #ff8800;
	margin-top: 3px;
	font-size: 95%;
	text-align: left
    }
.icon a 		{ color: #000 !important }
.icon a:hover 	{ color: #ff8800 !important }



.ansprech,
.adresse,
.telefon,
.mobil,
.fax,
.email,
.web,
.paragraph,
.zeit,
.links,
.zimmer {
	background: none;
	color: #000;
	padding-left: 25px;
	width: 100%;
	margin-bottom: .5em;
	}


dl.icons dt {
	width: 25px;
	margin-bottom: 0
	}
dl.icons dt i {
	font-size: 95%
	}
dl.icons dd {
	margin-bottom: 0
	}

a.video,
a.audio,
a.word,
a.pdf,
.news_lang_text a[download] {
	border: none;
	margin-left: 3px;
	margin-right: 2px;
	}
a.pdf,
.news_lang_text a[download] {
	color: red
	}
a.word {
	color: #2299ff
	}
a.video:before,
a.audio:before,
a.word:before,
a.pdf:before,
.news_lang_text a[download]:before {
	float: none;
	width: auto;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 0 !important
	}
a.video:hover,
a.audio:hover,
a.word:hover,
a.pdf:hover,
.news_lang_text a[download]:hover {
	color: #fc561f;
	color: #000;
	color: #337ab7;
	transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
	}
a.video:hover:before,
a.audio:hover:before,
a.word:hover:before,
a.pdf:hover:before,
.news_lang_text a[download]:hover:before {
	color: #fc561f;
	color: #000;
	color: #337ab7
	}


a.fileicon {
	margin-left: 5px;
	margin-right: 3px;
	}
a.fileicon.pdf {
	color: #ff8800;
	}
a.fileicon:hover,
a.fileicon.pdf:hover {
	color: #337ab7;
	}
a.fileicon:before 	{
	display: none
	}
a.pdf 	{
	background: none
	}


.fa.typ1,
.fas.typ1,
.fab.typ1		{ font-weight: 300 !important }

.fa.typ2,
.fas.typ2,
.fab.typ2		{ font-weight: 900 !important }

[class*="col-"] .fa-circle {
	margin: 0 !important;
	}
/* --------- end ICONS -------- */










/* --------- VIDEO
================================================== */
.nnztv {
	float: left;
	width: 100%;
	background: #fff;
	border: none;
	border-radius: 0;
	border-top: 4px solid #fc561f;
	padding: 30px;
	margin: 25px 0;
	background: #efeeec;
	background: #fff6ec;
	}
.nnztv .rubrik {
	margin-top: -60px;
	height: 30px;
	padding-top: .5em
	}
.nnztv .clip {
	width: 30%;
	float: left;
	box-shadow: 0 0 .4em rgba(0, 0, 0, 0.15)
	}
.nnztv .clip:nth-child(2n) {
	margin-left: 5%;
	margin-right: 5%
	}
.nnztv .clip-img {
	background-size: cover;
	width: 100%;
	height: 130px;
	display: block;
	text-align: center;
	background-color: #efeeec;
	}
.nnztv .clip-img:hover {
	opacity: .8;
	box-shadow: 0 1px .5em rgba(0, 0, 0, 0.5);
	}
.nnztv .clip-img img {
	width: 100%
	}
.nnztv .clip-img i {
	margin-top: 20%;
	font-size: 300%;
	color: #fff;
	font-weight: 300;
	margin-left: 5px;
	opacity: .5;
	text-shadow: 0 0 .3em rgba(0, 0, 0, 0.5);
	}
.nnztv .clip-img:hover i {
	opacity: .8;
	text-shadow: 0 0 .3em rgba(0, 0, 0, 0.2)
	}

.nnztv .clip-headline {
	font-size: 100%;
	margin: 0;
	background: #ff8800;
	color: #fff;
	padding: .8em;
	line-height: 1.15em;
	display: block;
	z-index: 1000;
	text-align: center;

	background: #fff;
	color: #000;

	font-family: 'Titillium', sans-serif;
	font-weight: 600;
	letter-spacing: .01em
	}
.nnztv .clip-headline:before {
	display: inline-block;
	content: '\f03d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900 !important;
	font-size: 9pt;
	margin-right: .5em;
	margin-top: 1px;
	vertical-align: top;
	color: rgba(255, 137, 0, 0.7);
	display: none
	}
.nnztv .clip-headline:hover,
.nnztv .clip:hover .clip-headline {
	background: #ff8800;
	color: #fff
	}
.nnztv .clip-headline:hover:before,
.nnztv .clip:hover  .clip-headline:before {
	color: rgba(255, 255, 255, 0.8)
	}


@media (max-width: 1600px) {
	.nnztv .clip {
		width: 31%;
		}
	.nnztv .clip:nth-child(2n) {
		margin-left: 3.5%;
		margin-right: 3.5%
		}
	.nnztv .clip-img {
		height: 130px;
		}
	.nnztv .clip-headline {
		font-size: 95%;
		}
}
@media (max-width: 1400px) {
	.nnztv .clip-img i {
		margin-top: 25%;
		font-size: 270%;
		}
}
@media (max-width: 1200px) {
	.nnztv {
		padding: 20px;
		}
	.nnztv .rubrik {
		margin-left: -20px;
		margin-top: -45px;
		height: 25px;
		padding-top: .4em
		}

	.nnztv .clip-img {
		height: 80px;
		}
	.nnztv .clip-img i {
		margin-top: 18%;
		font-size: 220%;
		}
	.nnztv .clip-headline {
		font-size: 85%;
		padding: .5em;
		}
}
@media (max-width: 992px) {
	.nnztv .clip-img {
		height: 70px;
		}
	.nnztv .clip-img i {
		margin-top: 19%;
		font-size: 200%;
		}
	.nnztv .clip-headline {
		font-size: 70%;
		letter-spacing: 0
		}
}
@media (max-width: 767px) {
	.nnztv {
		margin-top: 55px;
		margin-bottom: 10px
		}
	.nnztv .clip-img {
		height: 90px;
		}
	.nnztv .clip-img i {
		margin-top: 17%;
		font-size: 240%;
		}
	.nnztv .clip-headline {
		font-size: 75%;
		}
}
@media (max-width: 590px) {
	.nnztv .clip-img {
		height: 70px;
		}
	.nnztv .clip-img i {
		font-size: 200%;
		}
	.nnztv .clip-headline {
		font-size: 65%;
		}
}
@media (max-width: 480px) {
	.nnztv {
		padding: 30px 40px !important;;
		width: calc(100% + 80px);
		margin-left: -40px;
		margin-right: -40px;
		}
	.nnztv .clip {
		}
	.nnztv .rubrik {
		margin-top: -55px;
		margin-left: 0;
		}
	.nnztv .clip-img {
		height: 60px;
		}
	.nnztv .clip-img i {
		margin-top: 16%;
		font-size: 180%;
		}
}
/* --------- end VIDEO -------- */






/* --------- angepasste SCHRFIFTGRÖSSE
================================================== */
#contentwrapper {
	font-family: 'Titillium', sans-serif;
	font-weight: 300;
	font-size: 12.5pt;

	}
.news h1 {
	margin-bottom: .3em
	}

@media (max-width: 992px) {
	#contentwrapper,
	#content,
	#subcontent {
		font-size: 11.5pt !important;
		}
	.news h1 {
		margin-bottom: .4em
		}
}
@media (max-width: 480px) {
	#contentwrapper,
	#content,
	#subcontent {
		font-size: 13.5pt !important;
		}
	h1 {
		font-size: 22pt !important;
		line-height: 1.3em
		}
	#aufmacher .news h1 a,
	.news h1 {
		margin-bottom: .3em !important;
		}
}
/* --------- end SCHRFIFTGRÖSSE -------- */





/* --------- DRUCKVERSION
================================================== */
@media print {
	.noprint 		{
		display: none !important
		}
	.container.content,
	.container.content.druck,
	.supercontent {
		width: 750px !important;
		max-width: 750px !important;
		background-image: url(../images/logo_nnz.svg);
		background-size: 300px;
		background-position: top center;
		background-repeat: no-repeat;
		padding: 120px 4em 0 4em !important
		}
	#contentwrapper {
		width: 100% !important;
		max-width: 100% !important;
		}
	#content {
		border: none
		}
	.news_lang_dachzeile 	{ text-align: center; width: 100% }
	.news_lang_info 		{ width: 100%; text-align: center; border: none; clear: both }
	.news_lang_info .news_info_zeit,
	.news_lang_info .news_info_datum 		{ font-weight: normal; text-align: center; clear: none; float: none; display: inline-block; color: #999; margin-bottom: 1em }

	form,
	#cookiedingsbums,
	.drucken,
	.edit-block,
	.debug-box,
	.frontend,
	.toggle-content.edit-block,
	.bannerwrapper,
	nav,
	footer,
	.debug-wrap,
	.debug,
	.pagetop-scroll,
	.banner,
	iframe,
	ins,
	ins html,
	#reiter,
	.quicklinks,
	.container.content.druck .btn-druck,
	#pagination,
	.pagination,
	#pagination2,
	.pagination2,
	.kalender
	 {
		display: none !important
		}

/* WERBUNG */
#taboola-below-article-thumbnails-news,
.trc_related_container
	 {
		display: none !important
		}
		
				
	.container.content .col,
	#content {
		width: 100% !important;
		min-width: 100% !important;
		}
	.content-rechts,
	#subcontent {
		clear: both;
		width: 100% !important;
		min-width: 100% !important;
		margin-left: auto !important;
		margin-right: right !important;
		
		width: 50% !important;
		min-width: 50% !important;
		}
	.content-rechts .well,
	.content-rechts .btn {
		clear: none;
		float: left !important;
		width: 48% !important;
		min-width: 48% !important;
		margin-right: 2%
		}
	.pagination {
		border: none !important;
		margin: 1em 0 !important;
		padding: 0 !important
		}
	.pagination .btn {
		display: none !important
		}

	.dachzeile,
	.langtext,
	.datum {
		text-align: center
		}


	.dachzeile {
		font-size: 10.5pt !important;
		text-align: center;
		margin-bottom: .7em !important
		}
	h1,
	h1.langtext {
		font-size: 25pt !important;
		text-align: center;
		line-height: 1.1em !important
		}
	h1 {
		margin-bottom: 1.5em !important
		}
	h1.langtext {
		margin-bottom: .2em !important
		}
	.datum {
		font-size: 11pt !important;
		text-align: center
		}
	.fliesstext {
		}
	.galerie_container {
		width: 120px !important;
		height: 120px !important;
		}


	.kommentare {
		padding: 30px !important;
		margin-top: 20px !important;
		margin-bottom: 0 !important;
		}
	.kommentare .rubrik {
		margin-top: -30px !important;
		margin-left: -30px !important
		}
	.kommentar-item {
		font-size: 8.5pt !important;
		line-height: 1.4em !important;
		}
	.kommentare .btn,
	.kommentare .fussnote {
		display: none
		}

	.news h1 {
		font-size: 15pt !important;
		margin-bottom: .7em !important
		}
	.news .dachzeile,
	.news .langtext,
	.news .datum,
	.news h1 {
		text-align: left
		}
	.news .dachzeile {
		font-size: 9pt !important;
		}
	.news:not(.aufmacher) .news_bild {
		width: 100px !important;
		height: 70px !important
		}
	.news .news-text {
		font-size: 10pt !important;
		line-height: 1.5em !important
		}
	.news .news-info {
		font-size: 9pt !important;
		}
}
/* --------- end DRUCKVERSION -------- */