/* Nur bei LAYOUT-Arbeiten */

/* div {
	border: 1px solid black;
}
*/

/*Übergreifend begreifliches*/
body, html {
	background: #fff;
}

.container-fluid {
	padding: 0 21px;
}

/* Anpassen Bootstrap-Elemente:  alert*/
.alert-primary, .bg-primary {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica,
		"sans-serif !important";
	color: #fff !important;
	background: rgb(33, 124, 163) !important;
}

.alert-secondary {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #fff;
	background: rgb(0, 110, 120);
}

.alert-success {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #fff;
	background: rgb(99, 169, 15);
}

.alert-danger {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #fff;
	background: rgb(167, 0, 80);
}

.alert-warning {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #000;
	background: rgb(241, 113, 25);
}

.alert-info {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #fff;
	background: rgb(136, 136, 136);
}

.alert-light {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #000;
	background: rgb(225, 241, 230);
}

.alert-dark {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	color: #fff;
	background: rgb(61, 61, 61);
}

/* Diverse eigene Ordnungs- und Gestaltungsmittel */
.gradient {
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: #fff;
	background-image: linear-gradient(to right, rgb(33, 124, 163) 40%,
		rgb(99, 169, 15));
	padding: 0;
	margin: 0;
}

.breadcrumb {
	height: 42px;
	margin: 0;
}


.gradient h1, .gradient h2 {
	color: #fff;
	padding: 11px 0 0 11px;
	margin: 0;
}

.pagetitle {
	position: relative;
	min-height: 333px;
	padding-bottom: 70px;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url("../images/mood/default.jpg");
	background-size: 50% auto;
	color: #fff;
	overflow: hidden;
}

.oetoprow {
	margin-top: 21px;
}

.widgets {
	padding-right: 0px;
}

.contact {
	margin-bottom: 21px;
	background: rgb(225, 241, 230);
}

.addonwidgetholder {
	padding: 0px !important;
}

.widgetaktuelles, .figure {
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
}

.infowidget, .figure {
	margin: 11px 0 0 0;
	padding: 11px;
	background: rgb(228, 225, 210);
}

.subholderleft, .abteilungsbeschreibung {
	padding-left: 0px;
}

.subholderright {
	padding-right: 0px;
}

.top-decending .bottom, .bottom-ascending .bottom, .bottom-decending .bottom
	{
	bottom: 0;
	right: 0;
	border-bottom: 1440px solid #fff;
	border-left: 100px solid transparent;
}

.pageloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgb(33, 124, 163);
	opacity: 0.8;
}

.pageloader img {
	width: 64px;
	position: relative;
	top: 50%;
	left: 50%;
}

.bd-callout {
	font-family: "CamingoDos-Pro-Regular", Arial, Helvetica, sans-serif;
	padding: 1.25rem;
	margin: 1.25rem 0 1.25rem 0;
	border: 1px solid #eee;
	border-left-width: .25rem;
	border-radius: .25rem;
	border-left-color: rgb(33, 124, 163);
	color: rgb(33, 124, 163);
}

.pinnwand .card {
	margin: 0 21px 21px 0;
	float: left;
}

h5.card-title {
	font-size: 1rem;
}

.bg-primary, badge-primary {
	color: #fff;
	background: rgb(33, 124, 163);
}

.bg-secondary, .badge-secondary {
	color: #fff;
	background: rgb(99, 169, 15)
}

.bd-callout {
	margin: 0 0 1.25rem 0;
}

.media {
	margin-bottom: 7px;
	border-bottom: 1px dashed rgb(33, 124, 163);
	padding-bottom: 7px;
}

.staffholder {
	width: 50%;
	float: left;
	padding: 3px 0 0 0;
}

/* eigene Elemente Hauptlayout */
.mainnews, .lowcols {
	margin: 0 auto;
	width: 70%;
}

.midcols {
	margin: 0 auto;
	width: 80%;
}

.anchornews {
	width: 64px;
}

.footer {
	margin-top: 21px;
	padding: 0;
	border-top: 1px solid rgb(0, 110, 120);
}

/* CSS-Definitionen  Sitemap*/
.sitemap * {
	margin: 0;
	padding: 0;
}

.sitemap ul li {
	list-style: none;
	position: relative;
	top: 0px;
	width: 120px;
	padding: 10px 40px 0 0;
	background-image: url("../images/fork_mid.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

.sitemap ul li:last-child {
	background-image: url("../images/fork_last.gif");
}

.sitemap ul li:first-child {
	background-image: url("../images/fork.gif");
}

.sitemap ul li:only-child {
	background-image: url("../images/dotted.gif");
	background-repeat: repeat-x;
}

.sitemap ul li ul li {
	left: 172px;
	top: 0px;
	font-size: .9em;
}

.sitemap ul li ul {
	margin-top: -42px
}

.sitemap ul li a {
	text-align: center;
	display: block;
	line-height: 28px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0px 0 50px;
	width: 120px;
	text-decoration: none;
}

.sitemap a, .sitemap a:visited {
	color: #FFF;
	border: solid 1pxrgb(33, 124, 163);
	background: rgb(33, 124, 163);
}

.sitemap a:hover, .sitemap a:active {
	background: rgb(99, 169, 15);
}

/* Cookie Hinweis */
#cookiecrap {
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: .6rem 2rem;
	display: flex;
	z-index: 999;
}

#cookiecrap.hidden {
	display: none;
}

#cookiecrap #cookiecrap-container {
	margin: auto;
	width: 1200px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#cookiecrap #cookiecrap-container>* {
	margin: .4rem;
}

#cookiecrap #cookiecrap-container p {
	line-height: 1.4rem;
}

#cookiecrap #cookiecrap-container a {
	text-decoration: none;
}

#cookiecrap #cookiecrap-container a:hover {
	opacity: .9;
}

#cookiecrap #cookiecrap-container #cookiecrap-button {
	padding: .5rem 1rem;
	margin-left: auto;
}