/* @override http://localhost:8888/weblab/_css/css.css */

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


body {
	margin: 0 0 100px 0; /* sticky footer height */
	font-size: 180%;
	font-family: 'Cairo', sans-serif;
	font-weight: 300;	/* 200, regular, 600, 300, 700, 900 */
	line-height: 1.6em;
	color: #000;
	background: #f8f8f6
	}
.content {
	padding-top: 0;
	margin-top: 0
	}
.footer {
	height: 80px;
	bottom: 0;
	position: absolute;
	background: none !important;
	box-shadow: none;
	text-align: center;
	width: 100%
	}
.footer .container {
	margin-top: 1em;
	font-size: 85%;
	}


/* @group DL-Liste */


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

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

.dl_liste_2 dl {
	display:inline;
}

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

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

.dl_liste_2 dd {
	width:70%;
}

/* @end */



/* --------- NAV
================================================== */
#sticky {
	z-index: 10000;
	position: relative;
	margin-bottom: 1em;
	width: 100%;
	top: 0
	}
#sticky.affix {
	position: fixed;
	margin-bottom: 0;
	}
#sticky.affix .subhead {
	display: none
	}



.navbar {
	background: none;
	border: none;
	margin: 0;
	}

.tophead {
	padding: .9em 0 .2em 0;
	background: rgba(240, 240, 240, 0.8);
	border-bottom: 1px solid rgba(200, 200, 200, 0.4);
	}
	.tophead .container {
		padding-left: 15px;
		padding-right: 15px;
		}
	.navbar-brand {
		text-transform: uppercase;
		padding: 0;
		height: auto;
		width: auto;
		color: #ff5500 !important;
		font-size: 155%;
		letter-spacing: .08em;
		font-family: 'Crete Round'; font-weight: 400;
		color: #000 !important;
		margin: .15em .5em 0 0;
		float: left
		}
		.navbar-brand:hover {
			color: #ff5500 !important;
			transition: .2s
			}
	ul.regionen {
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		}
	ul.regionen li {
		display: inline-block;
		list-style: none !important;
		line-height: 1em;
		float: left
		}
	ul.regionen li a {
		float: left;
		width: 28px;
		height: 28px;
		border-radius: 28px;
		letter-spacing: 0;
		font-variant: 500;
		color: #000;
		text-align: center !important;
		color: #fff !important;
		border-radius: 40px;
		background: #f3f3f3;
		color: #888 !important;
		font-weight: 300;
		font-size: 70%;
		margin: 0 5px 0 0;
		padding: .25em 0 0 0;
		font-weight: 600;

		border: 1px solid rgba(0, 0, 0, .02);
		background: rgba(0, 0, 0, 0.2);
		color: #fff !important
		}
	ul.regionen li a:hover {
		background: #ff5500;
		color: #fff !important;
		transition: .2s
		}


.subhead {
		padding: 1em 0 0 0;
		}
	.subhead .container {
		}
	.subhead ul.nav {
		padding: 0;
		margin: 0;
		float: left;
		}
	.subhead ul.nav li {
		display: inline-block;
		list-style: none !important;
		line-height: 1em;
		float: left
		}
	.subhead u.nav li:last-child {
		border: none
		}
	.subhead ul.nav li a {
		float: left;
		border-radius: 30px;
		font-size: 75%;
		text-transform: uppercase;
		letter-spacing: .05em;
		font-variant: 500;
		color: #000;
		text-align: center !important;
		background: rgba(255, 85, 0, 0.31);
		color: #fff !important;
		padding: .4em 1em;
		border-radius: 40px;
		margin-right: .5em;
		background: #f3f3f3;
		border: 1px solid rgba(0, 0, 0, .1);
		color: #666 !important;
		line-height: 1.2em !important
		}
	.subhead ul.nav li a.home {
		width: 28px;
		padding: .2em 0 0 .15em;
		color: #aaa !important;
		margin-top: 0
		}
	.subhead ul.nav li a:hover {
		color: #ff5500;
		font-weight: 600;
		background: #ff5500;
		color: #fff !important;
		transition: .2s
		}
	.subhead ul.nav li a.active {
		color: #ff5500;
		font-weight: 700;
		background: #ff5500;
		color: #fff !important
		}
	.subhead ul.nav li:before,
	.subhead ul.nav li a:before {
		display: none
		}





@media (max-width: 768px) {
	#sticky {
		margin-bottom: 0
		}
	#sticky.affix {
		position: relative;
		}


	.tophead {
		padding: .6em 0 .1em 0;
		}
	.navbar-brand {
		font-size: 120%;
		margin-right: .3em
		}
	ul.regionen {
		margin-top: 0
		}
	.subhead {
		padding-top: .7em;
		}
	.subhead ul.nav li a {
		font-size: 70%;
		}
}
@media (max-width: 620px) {
	.navbar-brand {
		font-size: 120%;
		letter-spacing: .02em;
		}
}
@media (max-width: 580px) {
	.tophead {
		padding: .6em 0 0 0;
		}
	.navbar-brand {
		letter-spacing: .02em;
		margin-right: .4em;
		font-size: 100%
		}
	ul.regionen li a {
		width: 23px;
		height: 23px;
		border-radius: 23px;
		font-size: 65%;
		margin: 0 3px 0 0;
		padding: .1em 0 0 0;
		}
}
@media (max-width: 480px) {
	.tophead {
		padding: .6em 0;
		}
}
@media (max-width: 380px) {
	.navbar-brand {
		letter-spacing: 0;
		font-size: 95%
		}
}
@media (max-width: 350px) {
	.tophead {
		padding: .3em 0;
		}
	.navbar-brand {
		letter-spacing: .03em;
		font-size: 115%
		}
	ul.regionen {
		clear: left;
		margin-top: .2em !important
		}
}
/* ------- @end NAV ------- */





/* --------- NAVBAR_RIGHT / HOME / SUCHE
================================================== */
.search3 {
	width: 200px;
	height: auto;
	float: right;
	margin: -4px 0 0 0 !important;
	padding: 0 !important;
	}
.search3 .form-group {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	}
	.search3 .form-control {
	border-radius: 30px;
	background: #fff;
	border-color: #ddd;
	-webkit-box-shadow: none;
    box-shadow: none;
    }
    .search3 .form-group,
    .search3 .input-group,
    .search3 input,
    .search3 input.form-control {
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
    }
	.search3 .form-control:focus {
		border-color: rgba(255, 85, 0, 0.6);
		}
.search3 .btn {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #fff;
	border-color: #ddd;
	border-left: 0;
	box-shadow: none
	}
	.search3 .form-control:focus ~ .input-group-btn .btn {
		border-color: rgba(255, 85, 0, 0.6)
		}
	.search3 .form-control:focus:hover ~ .input-group-btn .btn {
		}
	.search3 .form-control:focus ~ .input-group-btn .btn i {
		}
.search3 input::-webkit-input-placeholder {
	}
.search3 .form-control:focus::-webkit-input-placeholder	{
	opacity: 0
	}

@media (max-width: 992px) {
	.search3 {
		width: 170px
		}
	}
@media (max-width: 767px) {
	.search3 {
		margin-top: 0 !important
		}
	.search3 .form-control,
	.search3 .btn {
		height: 30px;
		padding-top: .3em
		}
	.search3 .btn i {
		top: -5px
		}
	}
@media (max-width: 620px) {
	.search3 {
		margin-top: -3px !important;
		width: 130px;
		margin-right: .4em
		}
	}
@media (max-width: 480px) {
	.search3 {
		width: 20px !important;
		height: 20px !important;
		margin: 1px 0 0 0 !important;
		float: right;
		clear: none;
		background: none
		}
	.search3 .form-control {
		display: none
		}
	.search3 .btn {
		padding: 0 !important;
		margin: 0 !important;
		width: auto;
		height: 20px !important;
		border: none;
		border-radius: 0;
		float: right;
		background: none
		}
	.search3 .btn i {
		color: #999
		}
	.search3 .btn:hover i {
		color: #ff5500
		}
	}
@media (max-width: 380px) {
	}
/* --------- end SUCHE -------- */









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

b 			{ font-weight: bold }


a b,
b a 		{ color: #ff5500; font-weight: bold }
a b:hover,
b a:hover 	{ color: #bb4000; font-weight: bold }

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 		{ color: #ff5500 }
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover 	{ color: #bb4000 }



h1, h2, h3, h4 {
	font-family: 'Crete Round'; font-weight: 400;
	font-style: normal;
	line-height: 1.2em;
	color: #000
}
h1	{ text-transform: none; margin-top: 0 }
h2	{  }
h3	{ color: #ff5500 }
h4	{ color: #ff5500; font-weight: 500 }
h5	{ font-weight: 500; font-size: 100%; margin: 1em 0 0 0 }


.text-muted {
	font-family: 'Crete Round'; font-weight: 400;
	font-style: normal;
	}
/* -------  @end TEXT ------- */








/* ----- LISTEN -------------
================================================== */
.content ul a {
	color: #ff5500;
	margin-right: .3em;
	text-decoration: none
	}
.content ul a:hover {
	color: #bb4000;
	}
.content ul li:before {
	content: '\F0DA';
	font-family: 'FontAwesome';
	color: #ff5500;
	}
.content ul li:hover:before {
	color: #bb4000;
	}
/* -------  @end LISTEN ------- */








/* --------- BILDER
================================================== */
.bildausschnitt {
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	background-position: center 10%;
	background-size: cover
	}
.news.aufmacher .bildausschnitt {
	min-height:370px; height:370px;
	background-position-x: 0 !important;
	margin-bottom: .8em;
	}
.news .bildausschnitt {
	min-height:120px;
	height:120px;
	margin-top: .2em;
	margin-bottom: .4em;
	}
@media (max-width: 992px) {
	.news.aufmacher .bildausschnitt { min-height:250px; height:250px; }
	}
@media (max-width: 768px) {
	.news .bildausschnitt 	{
		border-radius: 4px;
		width: 35%;
		min-height:130px; height:130px;
		margin-left: 1em; }
	.news.aufmacher .bildausschnitt {
		width: 100%;
		min-height:200px; height:200px;
		}
	}
@media (max-width: 480px) {
	.news .bildausschnitt 	{
		min-height:75px; height:75px;
		margin-top: -.5em
		}
	.news.aufmacher .bildausschnitt {
		min-height:120px; height:120px;
		margin-top: 0
		}
	}
/* --------- end BILDER -------- */








/* --------- NEWS
================================================== */

@media (min-width: 768px) {
	.news_kurz[class*="col-sm-"]:nth-child(2n+1) {
		clear: both !important;
	}
}
@media (min-width: 992px) { /* bei 3 Spalten */
	.news_kurz[class*="col-sm-"]:nth-child(2n+1) {
		clear: none !important;
	}
	.news_kurz[class*="col-md-"]:nth-child(3n+1) {
		clear: both !important;
	}
}


.news {
	border-top: #ccc dotted 1px;
	padding-top: 1.5em;
	margin-top: 1.5em;
	float: left;
	width: 100%
	}
h1.news_kurz_headline {
	font-size: 160%;
	margin: .5em 0 .3em 0;
	color: #000 !important
	}
	h1.news_kurz_headline a  {
		color: #000 !important
	}
	h1.news_kurz_headline a:hover {
		color: #555 !important
	}

.news_dachzeile,
.news_lang_dachzeile {
	font-weight: 600;
	font-size: 100%;
	line-height: 1.2em;
	margin: 0;
	color: #ff5500
}
.news_info {
	font-size: 80%;
	margin: 2em 0 .3em 0;
	width: 100%;
	float: left;
	line-height: 1em;
	color: #666;
	}
	.news_info_zeit { float: left; margin-right: .5em; border-right: 1px solid #999; padding-right: .5em }
	.news_info_datum { float: left }

.news_kurz_text {
	font-size: 95%;
	line-height: 1.4em;
	clear: left
}



.news_footer {
	margin: 1.5em 0 0 0;
	width: 100%;
	float: left
	}
	.region ul {
		font-size: 80%;
		list-style: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
		line-height: 1.2em !important;
		}
	.region ul li {
		list-style: none;
		list-style-type: none;
		margin: 0 .5em 0 0;
		padding: 0;
		display: inline;
		}
	.region ul li:last-child {
		border-right: none;
		}
	.region ul li:before {
		display: none
		}
	.region ul li a 		{
		color: #555;
		background: #f3f3f3;
		padding: .15em .3em;
		border-radius: 2px;
		float: left
		}
	.region ul li a:hover	{
		color: #fff;
		background: #ff5500;
		}


	.news_icon {
		float: right;
		margin-right: .3em;
		margin-top: .15em;
		color: #ccc;
		font-size: 85%
		/*font-size: 100%;
		background: #ff5500;
		border-radius: 3px;
		padding: .2em;
		color: #fff;
		box-shadow: .05em .05em .05em rgba(0, 0, 0, 0.4)*/
		}

	.lesen {
		float: right;
		margin: 0 0 0 .3em
		}



.aufmacher {
	margin: 2em 0 .5em 0;
	border-top: none;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	height: auto !important;
	min-height: auto !important;
}
.aufmacher .news_info {
	float: right;
	width: auto;
	margin: 0 0 .5em 0
	}
.aufmacher h1.news_kurz_headline {
	font-size: 260%;
	margin: .2em 0 .3em 0;
	width: 100%;
	float: left;
}
.aufmacher .news_dachzeile {
	margin: 0;
	width: 100%;
	float: left;
}



@media (max-width: 992px) {
	.news {
	padding-top: 1.5em;
	margin-top: .8em;
	}
	.news.aufmacher {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0
	}
	h1.news_kurz_headline {
	font-size: 140% !important;
	}
	.aufmacher h1.news_kurz_headline {
	font-size: 230% !important;
	}
	.aufmacher .news_info {
	margin: 0
	}
}
@media (max-width: 768px) {
	.news {
		margin-top: 2em;
		padding-top: 2em;
		}
		.news.aufmacher {
		margin: 0 0 -1em 0;
		}
	.news_info {
		margin: 0 0 .2em 0
		}
	.news_dachzeile {
		font-size: 90%
	}
	h1.news_kurz_headline {
		font-size: 140% !important;
		margin-top: .1em;
		margin-bottom: .3em
		}
		.aufmacher h1.news_kurz_headline {
		font-size: 185% !important;
		}

	.news_kurz_text {
		}


}
@media (max-width: 480px) {
	.news {
		margin-top: .7em;
		padding-top: 1em;
		}
		.news.aufmacher {
		margin: 0 0 -1em 0;
		}
	.aufmacher .news_info {
		margin-bottom: .3em !important
		}
	h1.news_kurz_headline {
		font-size: 115% !important;
		margin-bottom: .2em
		}
		.aufmacher h1.news_kurz_headline {
		font-size: 150% !important;
		}
	.news_kurz_text {
		font-size: 85%;
		line-height: 1.3em
		}
	.news_footer {
		margin: .4em 0 0 0
		}
}






/* --------- NEWS lang -------- */
.kurz-navi {
	text-align: right;
	width: 100%;
	margin-top: 1.5em;
	margin-bottom: 1.5em
	}
	.kurz-navi i		{ font-size: 120%; vertical-align: middle }
	.kurz-navi i.first	{ font-size: 95%; margin-left: .7em; }

h1.news_lang_headline {
	font-family: 'Crete Round'; font-weight: 400;
	font-style: normal;
	font-size: 320%;
	margin: 0;
	padding-bottom: 2em;
}
.news_lang_dachzeile {
	font-size: 120%;
	margin: 0 0 .5em 0;
}


.subtext {
	color: #555 !important;
	line-height: 1.3em !important;
	font-size: 80%;
	display: flex;
	flex-direction: column;
	gap: 15px
	}	
.subtext h5 {
	float: left;
	margin: 0 .3em .2em 0;
	font-weight: 300;
	}
.subtext span {
	display: block;
	width: 100%;
	margin: 0 0 .3em 0;
	font-weight: 300;
	}	
.subtext .region {
	float: left;
	width: 170px !important;
	margin-top: .15em;
	font-size: 115% !important
	}
.subtext .region li {
	display: inline;
	line-height: 1.5em;
	float: left;
	border-right: 1px solid #ddd;
	line-height: 1em;
	margin-right: .5em;
	font-size: 10pt !important;
	line-height: .9em !important
	}
	.subtext > [class*="col-"]:last-child {
		border-right: none
		}
.subtext .region li a {
	background: none;
	padding: 0;
	color: #ff5500;
	}
.subtext .region li a:hover {
	background: none;
	color: #bb4000
	}

@media (max-width: 992px) {
	.subtext {
		flex-direction: row;
		justify-content: space-between;
		margin-top: 20px;
		}
	.subtext div {
		display: flex;
		flex-direction: row;
		}
	.subtext span {
		width: auto;
		display: inline
		}
}
@media (max-width: 768px) {
	.subtext {
		flex-direction: column;
		gap: 0
		}
}
	
	
	
/*
@media (max-width: 1200px) {
	.subtext { margin-right: 1em }
}*/
@media (max-width: 992px) {
	.kurz-navi {
		margin-top: 0;
		margin-bottom: 1em;
		}
	h1.news_lang_headline {
  		padding-bottom: 0
		}
	.news_lang_dachzeile {
		font-size: 110%;
		}
}
@media (max-width: 768px) {
	.kurz-navi {
		margin-bottom: 0
		}
	h1.news_lang_headline {
		font-size: 210%;
		}
	.news_lang_dachzeile {
		font-size: 100%;
		}
}
@media (max-width: 480px) {
	h1.news_lang_headline {
		font-size: 190%;
	}
}
/* --------- end NEWS -------- */


















/* --------- EQUALHEIGHT --------
Problem: ab 768px: Spalten nicht mehr gleich lang
================================================== */
@media (min-width: 768px) {
.equalheight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom:  3em !important
}

.equalheight > [class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-clip: border-box;
}
.equalheight > [class*="col-"] .well,
.equalheight > [class*="col-"] .well-sm,
.equalheight > [class*="col-"] .bg-content {
 -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  }
 }
/* --------- end EQUALHEIGHT -------- */








/* --------- PAGETOP
================================================== */
.pagetop-scroll {
    width: 65px;
    height: 65px;
    padding: 1.05em 0 0 .1em;
    border-radius: 0;
    text-align: center;
    bottom: 100px;
	background: #ff5500;
    border: none;
    opacity: .4;
    right: 0;
    bottom: 180px
	}
.pagetop-scroll span {
    font-size: 120%
	}
.pagetop-scroll:hover {
    background: #ff5500;
	opacity: 1
    }
@media (max-width: 767px) {
	.pagetop-scroll {
		bottom:150px;
		right: 0;
		width: 50px;
	    height: 50px;
	    padding: .6em 0 0 .2em;

    }
    .pagetop-scroll span {
	}
}
/* --------- end PAGETOP -------- */






/* --------- DOWNLOADS
================================================== */
.icon_video:before,
.link_video:before,
.link_audio:before {
	content: '\f03d';
	font-family: 'FontAwesome';
	color: #ff5500;
	font-size: 11pt;
	margin-right: .3em;
	opacity: .7;
	}
.icon_video:hover:before,
.link_video:hover:before,
.link_audio:hover:before {
	opacity: 1;
	color: #bb4000
	}
.link_audio:before {
	content: '\f028';
	}

a.icon_video	{
	padding: 0;
	margin: 0;
	float: none;
	background-image: none
	}


.fileicon 	{ background-position-y: 8px !important }

a[download] {
	background-position-y: 3px !important;
	background-position-x: 2px !important
	}
/* --------- end DOWNLOADS -------- */






/* --------- BUTTONS --------
================================================== */
.btn {
	border-radius: 30px
	}
.btn:hover {
	transition: .3s
	}
.btn i {
	margin-right: 5px;
	font-size: 125%
	}
			
.btn-default {
	background: none;
	box-shadow: none
}
.btn-primary {
	border-color: rgba(255, 85, 0, 0.6);
	background: #ff5500;
	}


.btn-primary {
	border: 1px solid rgba(255, 85, 0, 0.6);
	background: #ff5500;
	color: #fff !important;
	}
.btn-primary i {
	color: rgba(255, 255, 255, 1)
	}	
.btn-primary:hover,
.btn-primary:focus {
	border-color: #ff5500;
	background: #ff5500;
	color: #fff !important;
	box-shadow: 0 0 5em rgba(0, 0, 0, .2) inset
	}
.btn-primary:hover i {
	color: #fff
	}	

	
	
.btn-outline-primary {
	border: 1px solid rgba(255, 85, 0, 0.6);
	background: #fff;
	color: #ff5500 !important;
	color: #555 !important;
	}
.btn-outline-primary i {
	color: #ff5500
	}	
.btn-outline-primary:hover,
.btn-outline-primary:focus {
	border-color: #ff5500;
	background: #ff5500;
	color: #fff !important
	}	
	
	
.btn-google i {
	color: #397bfd
	}
	










/* --------- BILDUNTERSCHRIFT --------
================================================== */
.bildunterschrift {
	float: left;
	text-align: left;
	font-style: italic;
	font-size: 85%;
	color: #777;
	line-height: 1.3em !important;
	margin-bottom: 1.3em;
}
.bildunterschrift-bildrahmenmitte .bildunterschrift,
.bildunterschrift-bildrahmenmitte-nb .bildunterschrift {
	margin-top: -.8em;
	width: 100%
	}
.bildunterschrift-bildrahmenlinks .bildunterschrift,
.bildunterschrift-bildrahmenlinks-nb .bildunterschrift,
.bildunterschrift-bildrahmenrechts .bildunterschrift,
.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	width: 50%;
	margin-top: -.3em;
	margin-right: 1em;
	}
.bildunterschrift-bildrahmenrechts .bildunterschrift,
.bildunterschrift-bildrahmenrechts-nb .bildunterschrift {
	float: right;
	margin-right: 0;
	margin-left: 1em;
	text-align: right;
	}
/* --------- end BILDUNTERSCHRIFT -------- */











/* --------- WERBUNG --------
================================================== */
.werbung {
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0 8px 0 0;
	background-color: aqua;
	background-image:url(../images/anzeige_kl.gif) no-repeat bottom right;
	margin: 1em auto 1em auto;
	min-height: 60px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 80%
}
.werbung.super {
	margin-top: 0
}
.werbung.medium {
	background-color: fuchsia;
	width: 463px;
}
.werbung.small {
	background: yellow;
	width: 190px
}
.werbung.sky {
}



@media (max-width: 463px) {
	.werbung {
		width: 100% !important
	}
	.werbung.small {
		width: 190px !important
	}
}
@media (max-width: 220px) {
	.werbung.small {
		width: 100% !important
	}
}

/* Skyscraper top fixed bezieht sich auf #sticky-elelemnt im sticky.js ---------------- */
.content.sticky-sky {
	position: fixed;
	top: 0;
	width: 1280px;
	float: none;
	text-align: right;
	z-index: -1 !important;
	}
.content.sticky-sky .bannerwrapper img {
	margin-top: 0
	}
@media screen and (max-width: 1350px) {
	.content.sticky-sky {
	width: 86% !important;
	margin: 0 auto !important;
	}
}
/* --------- end WERBUNG -------- */













/* --------- kleine Kästen für Regionen
================================================== */
.box {
	padding: .3em .35em;
	color: #888;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #f6f6f6;
	margin: 0 2px 3px 0;
	border-radius: 1px;
	line-height: 1.2em;
	position: relative;
	display: inline-block;
	float: left
	}

.box.box-xs {
	font-size: 65%;
	letter-spacing: -.03em;
	padding: .15em .35em .2em .35em;

	}
.box.box-sm {
	font-size: 75%
	}

.box.aktiv,
.box.gruen {
	color: #66aa00;
	background: rgba(103, 186, 0, 0.2);
	border-color: rgba(103, 186, 0, 0.2);
	}
.box.inaktiv,
.box.rot {
	color: rgba(255, 0, 0, 0.8);
	background: rgba(255, 0, 0, 0.1);
	border-color: rgba(255, 0, 0, 0.1)
	}
/* --------- end kleine Kästen für Regionen -------- */












/* --------- DRUCK --------
================================================== */
@media print {
body {
	margin: 0 auto !important;
	padding: 0 0 3em 0 !important;
}


.kurz-navi,
.nav,
.footer,
#pagination,
.pagetop-scroll,
.lesen {
	display: none
}

nav,
nav .container,
.navbar,
.navbar-header,
.navbar-brand {
	padding: 0 !important;
	margin: 0 auto !important;
	text-align: center;
	background: none !important;
	width: 100% !important;
	float: none !important;
	border: none !important;
	position: relative !important
	}
.navbar-header {
	border-bottom: 1px dotted #aaa !important;
	margin-top: 1.5em !important;
	margin-bottom: 3em !important;
	padding-bottom: 1em !important;
	float: left;
	}
.navbar-brand {
	color: #999 !important;
	letter-spacing: .1em;
	font-size: 120%
	}
.navbar-brand:before,
.navbar-brand:after {
	content: 'www.';
	font-size: 60%;
	color: #999;
	letter-spacing: .3em
	}
.navbar-brand:after {
	content: '.de'
	}
.navbar-brand:hover {
	color: #ff5500 !important
	}





.content {
	width: 70% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}






.news_kurz[class*="col-"] { /* = einzelne News-Container */
	width: 30% !important;
	margin: 0 !important;
	margin-right: 5% !important;
	}
	.news_kurz[class*="-12"] { /* = Aufmacher */
		width: 100% !important;
		margin: 0 !important
	}
.news_kurz[class*="col-"]:nth-child(3n) {
	margin-right: 0 !important;
}
.news_kurz[class*="col-"]:nth-child(3n+1) {
	clear: both !important;
}

.news {
	text-align: left;
	min-height: auto !important;
	margin: 0 !important;
	padding: 0 0 1em 0 !important;
	}
	.news.aufmacher {
	width: 100%;
	}

.bildausschnitt {
	min-height:40px !important;
	height:40px !important;
	}
	.news.aufmacher .bildausschnitt {
	min-height:140px !important;
	height:140px !important;
	}

.news_dachzeile {
	font-size: 7pt !important
	}
	.aufmacher.news_dachzeile {
	font-size: 12pt !important
	}

.news_kurz_headline {
	font-size: 10pt !important;
	line-height: 1.2em !important
	}
	.aufmacher .news_kurz_headline {
	font-size: 20pt !important
	}

.news_kurz_text {
	font-size: 8pt !important
	}
	.aufmacher .news_kurz_text {
	text-align: left ;
	font-size: 11pt !important
	}


.news_info {
	font-size: 7pt !important
	}
	.news_info_zeit { }
	.news_info_datum { }

.news_footer {
	margin: .5em 0 0 0 !important
	}
.news_kurz .region {
	margin: 0 !important;
	font-size: 7pt !important
	}
.news_kurz .region ul li {
	border: none !important;
	border-right: 1px solid #ccc !important;
	padding: 0 0 .3em 0 !important;
	margin: 0 .5em 0 0 !important;
	line-height: 1em !important
	}
.news_kurz .region ul li:last-child {
	border-right: none !important
	}
.news_kurz .region ul li a {
	padding: 0 !important;
	background: none
	}









.news_lang [class*="row"] {
	width: 100% !important;
	text-align: center;
	margin: 0 auto !important;
	padding: 0 !important;
	}

.news_lang [class*="col-"] {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	}



.news_lang_dachzeile {
	text-align: center;
	margin: 0 !important;
	font-size: 8pt !important
	}
.news_lang_headline {
	text-align: center;
	margin: .2em 0 0 0 !important;
	padding: 0 !important;
	font-size: 25pt !important;
	line-height: 1.2em
	}
.news_langtext {
	font-size: 11pt;
	line-height: 1.3em;
	text-align: left
}


.row.subtext {
	text-align: center !important;
	width: 100% !important;
	margin: 1.5em auto 4em auto !important;
	padding: 0 !important;
	float: none !important;
	display: inline-block !important;
	position: relative !important;
	font-size: 8pt !important;
	}
.subtext:before {
	display: none;
	}
.subtext [class*="col-"] {
	width: auto !important;
	padding: 0 .5em 0 0 !important;
	margin: 0 .5em 0 0 !important;
	border-right: 1px solid #ccc;
	text-align: center;
	float: none !important;
	display: inline-block !important
	}
.subtext [class*="col-"]:last-child {
	border-right: none;
	padding-right: 0 !important;
	margin-right: 0 !important;
	}
.subtext span,
.subtext h5 {
	display: inline !important;
	float: left !important;
	width: auto !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0 !important;
	}
.subtext .region {
	margin-top: 0 !important;
	width: auto !important;
	margin-right: 0 !important;
	padding-right:  0 !important;
	}
.region ul li {
	display: inline !important;
	clear: none !important;
	float: left !important;
	border-right: 1px solid #ddd;
	padding-right: .3em !important;
	margin-right: .3em !important
	}
.subtext .region a {
	color: #777 !important;
	margin: 0 !important;
	padding: 0 !important
	}
.subtext .region a:hover {
	color: #000 !important
	}



.gallery-wrapper {
	text-align: center !important;
	margin-top: 2em
	}
.gallery {
	text-align: center !important;
	float: none;
	display: inline-block;
	}
.gallery:nth-child(3n) {
}
.gallery_bild {
}






}
/* --------- end DRUCK -------- */

/* @group DL-Liste */


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

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

.dl_liste_2 dl {
	display:inline;
}

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

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

.dl_liste_2 dd {
	width:70%;
}

/* @end */




.debug {
	color: #000000;
	line-height: 1.2em;
	text-align: left;
	font-size: 130%
}

.debug2 {
	clear: both;
	display: block;
	font-style: italic;
	font-size: 10pt;
	color: #0099ff;
	margin: 0;
	line-height: 1.2em
}

.debug_head {
	padding: 0  !important;
	margin-left: 20px;
	line-height: 20px;
	/*border: 1px solid #fff; */
}








/* --------- C-Page / M aus N --------- */
aside #c-page-mausn .container .mausn .col .card {
	padding: 0 !important;
	border: none;
	}	
aside #c-page-mausn .container .mausn .col .card :is(h1, h2, h3, h4, h5, h6){
	margin-bottom: 0 !important
	}