@import url(https://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Marvel:700,700italic|Homenaje);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic);
@import url(/fileadmin/WEBfonts/Allfonts.css);


.BottomBorderShadow::before,
.BottomBorderShadow::after {
	position: absolute;
	content: "";
	display: block;
	z-index: -1;

	margin-left: -10px;
	bottom: 15px;
	height: 30%;	max-height: 100px;
	width: 70%;	max-width: 460px;

	opacity: 0.7;
	box-shadow: 0px 17px 10px rgba(0, 0, 0, 0.7);
	transform: rotate(-3deg);
}
.BottomBorderShadow::after {
	right: 15px;
	transform: rotate(3deg);
}

body {
	font-size: 13px;
	line-height: 140%;
	color: #020202;
}
body,
a {
	background-color: rgba(255,255,255, 0);
}
p {
	width: 90%;
	margin-bottom: 4px;
}
.jumbotron p {
	font-size: 18px;
}
DIV.body-bg {
	padding-bottom: 20%;
}


.isHidden {
	display: none;
	visibility: hidden;
}

H1, H1.first-headline,
H2, H2.first-headline {
	font-size: 27px;
	text-shadow:	2px 2px 2px rgba(0,0,0,0.9)
				1px 1px 1px rgba(255,255,255,0.9);
	background-clip: text;
}
H1, H2, H3, H4 {
	letter-spacing: 0.7px;
	letter-spacing: 0.5px;
	font-family: 'Marvel', sans-serif;
}
H1, H2, H3, H4,
.image-beside-left .image-wrap,
.image-beside-right .image-wrap {
	margin-top: 35px;
}
H4 {
	margin-top: 25px;
}
H1.first-headline,
H2.first-headline {
}
H3, H4 {
	letter-spacing: 0.2px;
}
H2, H3, H4,
H1 a, H2 a, H3 a, H4 a {
	display: block;
}
H1 a, H2 a, H3 a, H4 a {
	margin-left: -30px;
	padding-left: 30px;
}
H1 a::before, H2 a::before,
H3 a::before, H4 a::before {
	position: absolute;
	margin-left: -30px;
}
.tx-indexedsearch H3 a::before,
.tx-indexedsearch H4 a::before {
	margin-left: -16px !important;
}
H1 + H2,
H3 + H4,
H1 small,
H2 small,
H3 small {
	display: block;
	font-size: 60%;
}
H1 + H2,
H3 + H4 {
	font-size: 18px;
	color: #999;
	margin-top: auto;
	margin-bottom: 4px;
}


#content .col-right {
	padding-right: 0px;
	padding-top: 10px;
}
#content MAIN {
	padding: 0px 50px 50px 40px;
}

/*  scrolling away header*/
.navbar-fixed-top {
	position: inherit;
}
header + #content.main-section {
	margin-top: -15px !important;
}
header + .breadcrumb-section + #content.main-section {
	margin-top: -38px !important;
}
.breadcrumb-section {
	margin-top: -20px !important;
}


A:hover,
A:focus {
	text-decoration: none;
	background-image: linear-gradient(180deg,
		rgba(250, 250, 250, 0.30) 20%,
		rgba(250, 250, 250, 0.35) 80%) !important;
}
A::before {
}
.main-section P A.btn,
.main-section LI A.btn {
	padding: initial !important;
	padding: 0px !important;
	vertical-align: top;
	border-bottom: 0px;
	display: inline;
}

P A[href^="/index.php"]::before,
P.Text A[href^="/index.php"]::before,
.news-backlink-wrap A[href^="/index.php"]::before,
.news A.more::before,
A.internal-link::before,
H1 A::before,	H2 A::before,
H3 A::before,	H4 A::before,
.col-right .csc-menu A::before,
A.btn::before {
	content: '↪';
	padding-right: 3px;
}
#content .csc-sitemap A::after,
#content MAIN UL.csc-menu A::after {
	content: '↪';
	padding-left: 3px;
}
A.external-link-new-window::after,
A.download[href$=".html"]::after,
.SocialWebLinks P.Text A[href^="http://"]::after,
A[href^="http://"]::after,
A[href^="https://"]::after {
	content: "⤴";
}
A[href^="mailto:"]::before,
A[href^="javascript:linkTo"]::before,
A[onClick^="javascript:produceMailTo"]::before,
A.click2post::before,
.mail A::before,
A.mail::before {
	content: "❖";
	padding-right: 2px;
}
A[href $=".pdf"]:before,
A[href $=".rtf"]:before,
A[href $=".doc"]:before,
A.download:before {
	content: "↘";
	content: "↴";	/* arrow  rectangle down*/
	padding-right: 2px;
	line-height: 10px;
	font-size: 15px;
}
MAIN h1 A[href $=".pdf"]:before,
MAIN h2 A[href $=".pdf"]:before,
MAIN h3 A[href $=".pdf"]:before {
	margin-top: 2px;
	margin-left: -16px;
	line-height: 10px;
}
.NoLinkSymbol A:after,
.SocialWebLinks A[href^="http://"]::after,
.image-wrap A::after,
.news-img-wrap A::after,
.news-latest-container A::before,
.typo3-feedit-element A.btn::before,
.typo3-adminPanel A.t3-icon::before,
.tx-indexedsearch-text-item-path A::before,
.typo3-adminPanel A.btn::before,
.typo3-editPanel A.btn::before {
	content: "" !important;
}
.SocialWebLinks P.Text A[href^="http://"]::after {
	content: "⤴" !important;
}

#content .mainColumn UL,
#content .csc-sitemap UL {
	list-style-type: square !important;
}

ol.ce-bullets,
ul.ce-bullets,
.text ol,
.text ul,
.Spiegelstrich,
.Spiegelraute {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
	margin-bottom: 0px;
}
ol.ce-bullets,
ul.ce-bullets,
.text ul {
	list-style-type: none;
}
#content .mainColumn UL li:before,
ol.ce-bullets li:before,
ul.ce-bullets li:before,
.text ul li:before,
.Spiegelraute:before,
.Spiegelstrich:before {
	content: "■";
	color: #555;
	position: absolute;
	margin-left: -17px;
	margin-top: 3px;
	font-size: 0.9em;
	text-shadow:
		1px 1px 2px rgba(0, 0, 0, 0.44),
		1px 1px 2px rgba(255, 255, 255, 0.99);
	line-height: 10px;
}
.Spiegelraute:before {
	content: "◆";
	margin-top: 4px;
}
#content .mainColumn UL li:before,
.text ul li:before,
ol.ce-bullets li:before,
ul.ce-bullets li:before {

	content: '•';
	content: '◦';
	color: #666;
	font-size: 1.8em;

	content: '⚪';
	font-size: 1.0em;
	margin-top: 4px;

	content: '○';
	color: #222;
	font-size: 1.4em;
	margin-top: 3px;
}


.image-center-outer,
.image-center-inner {
	position: inherit;
	float: left;
	left: initial;
	right: initial;
}
.image-wrap {
	width: auto;
	overflow: visible;
}
.image-row {
	margin-left: 0px;
	margin-right: 0px;
}
.image-column {
	padding-left: 0px;
	padding-right: 5px;
	text-align: center;
	margin-right: 5px;
}

.image .caption {
	font-size: 9.5px;
	padding: 5px 0px;
}
.image-column .image .caption {
	min-height: 60px;
	line-height: 1.25em;
}
.lightboxThumb {
	border: 1px solid rgba(0, 0, 0, 0.20);
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	background-image: linear-gradient(90deg,
		rgba(255, 255, 255, 0.10) 1%,
		rgba(255, 255, 255, 0.15) 80%,
		rgba(255, 255, 255, 0.29) 100%);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.10);
	vertical-align: middle;
	--boxMinSize: 	125px;
	min-width: var(--boxMinSize);
	--parentalWidth: 	calc(100%);
}
.lightboxThumb IMG {
	padding: 5px;
	display: inline-block !important;
	position: relative;
	top: -1px;
	max-height:  calc(max(var(--parentalWidth), var(--boxMinSize)));
}
.image-center .lightboxThumb IMG {
	width: 100%;
	top: 0;
}
.image-center .lightboxThumb {
	height: inherit !important;
}
.image-center figure.image {
	margin-top: 10px;
	margin-left: -5px;
}
.image-intext-left .image-wrap {
	padding-right: 25px;
}
.image-intext-left.image-intext {
	margin-top: 10px;
}
.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
	min-width: 195px;
	width: 25%;
	display: table;
	text-align: center;
}
figure.thumbnail {
	background-color: transparent;
}

.glyphicon-list:before {
	font-size: 20px;
}
nav .glyphicon-search:before,
.dropdown .glyphicon-chevron-right:before {
	content: "";
}
nav .glyphicon-search:after {
	content: "\e003";
	display: none;
}

.hidden-sm {
	display: block !important;
	/* always show breadcrumb in top of page behind the header */
}

.dropdown-submenu > a::after {
	border-left-color: #AAA;
	border-width: 7px 0px 7px 7px;
	position: relative;
	left: 3px;
	vertical-align: top;
	line-height: 100%;
}
.dropdown-submenu.open > a::after {
	border-left-color: #000;
}
.navbar-collapse.in .dropdown-submenu > a:after {
	margin-top: 3px;
}
.dropdown-menu li.open a:focus,
.dropdown-menu li.active a {
	background-color: #DDD !important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu li a:hover,
.dropdown-menu li.open a:hover,
.dropdown-menu li.active a:hover {
	background-color: rgba(255,255,255, 0.1) !important;
}
.dropdown-menu {
	font-size: 18px;
	margin-left: 0px !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
	border: 0px;
	border-top: 4px solid rgba(255,255,255, 0.0);
	background-color: rgba(255,255,255, 0.97);
}
.dropdown-submenu > a:hover:after {
	border-left-color: #300;
}
.dropdown-submenu .dropdown-menu > li > a {
	background-color: rgba(255,255,255, 0.85);
}
.dropdown-submenu .dropdown-menu {
	padding-top: 0px !important;
	padding-bottom: 4px !important;
}


#content .allRows,
#content .allRows .container {
	width: inherit;
	padding: 0 !important;
	margin: 0 0 20px 0;
	position: relative;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
#content .allRows .container:before,
#content .allRows .container:after {
	display: none;
}


HEADER.navbar {
	background-image: linear-gradient(30deg,
		rgba(100, 180, 100, 0.40) 1%,
		rgba(255, 255, 255, 0.75) 50%,
		rgba(255, 255, 255, 0.95) 90%,
		rgba(255, 255, 255, 0.95) 99%);
}
.navbar-brand {
	height: inherit;
/*	adjust to image height in same div */
}
/* Logo and Header Background */
header.navbar .container {
	background-position: -2px 0px;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
}
.container .navbar-header {
	height: 110px;
	margin-left: 0px;
}

.navbar-brand-image,
A.navbar-brand-image {
	margin: 0px !important;
	padding: 0px;
	border: 0px solid transparent;
	position: absolute;
}
A.navbar-brand-image:hover {
	background-image: url() !important;
}
A.navbar-brand-image:hover::before {
	position: absolute;
	content: "»";
	font-size: 128px;
	margin-top: 40px;
	margin-left: -64px;
}
.navbar-top {
	box-shadow: 1px 20px 35px rgba(0, 0, 0, 0.45);
	background-color: rgba(255,255,255, 0.97);
	border-top: 0px solid rgba(55,55,55, 0.75);
	border-bottom: 4px solid rgba(0, 0, 0, 0.25);
}
.navbar-main {
	font-size: 1.5em;
	font-size: 20px;
	padding-top: 0px;
	margin-bottom: 0px; /* move navbar up and down to border of header */
	border-bottom: 0px solid;
	clear: both;
}
.navbar-toggle {
	position: absolute;
	right: 0px;
}
.breadcrumb > .active,
.navbar-main li a {
	color: #222 !important;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: 800px;
	min-height: inherit;
	overflow: auto;
/*	no scrollbars for nav submenus */
}
.navbar-main .dropdown-menu {
	margin-top: 0px !important;
}
.navbar-main li.active .dropdown-menu,
.navbar-main .dropdown-submenu .dropdown-menu {
/*	see border-bottom below */
	Xmargin-top: -4px !important;
}
.navbar-main UL.dropdown-menu LI.dropdown-submenu UL {
	border-color: rgba(255, 255, 255, 0.90);
}
.navbar-main .dropdown-menu li.active:after {
	Xborder-bottom: 0px solid #FFF;
}
.navbar-main li.active:after {
/*	insert gap after active button to dropdown-list */
	content: "";
	display: block;
	Xposition: absolute;
}
.navbar-main li a:active {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85) inset !important;
}
.navbar-main li.active a {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.55);
}
.navbar-main li a:hover {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.85);
}
.navbar-main .dropdown-menu li a {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	border-top: 1px solid rgba(100, 100, 100, 0.1) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-right: 0px solid transparent !important;
	padding: 3px 24px 3px 12px !important;
}
.navbar-main > li > a {
	box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
	padding: 10px 12px 8px 12px !important;
	transform: rotate(0deg);
	transform-origin: 100% 0;		/*	Drehpunkt oben rechts */
	transform-origin: 100% 100%; 	/*	Drehpunkt unten rechtes */
	transform-origin: 50% 0;		/*	Drehpunkt mitte oben */
	transform-origin: 0 0;			/*	Drehpunkt oben links */
	transform-origin: 0 100%;		/*	Drehpunkt unten links */
}
.navbar-main > li:first-child > a {
	Xborder-radius: 45px 0px 0px 0px / 5px 0px 0px 0px;
	Xborder-radius: 10px 0px 10px 0px;
}
.navbar-main > li:last-child > a {
	Xborder-radius: 0px 45px 0px 0px / 0px 5px 0px 0px;
	Xborder-radius: 10px 0px 10px 0px;
}
.navbar-main > li  {
	Xmargin-left: -27px !important;
	Xpadding-left: 30px !important;
}


.breadcrumb-section,
#content .container {
	background-color: rgba(255,255,255, 0.90);
	box-shadow:	1px 1px 3px rgba(0, 0, 0, 0.95),
				1px 1px 3px rgba(0, 0, 0, 0.80);
	padding: 40px 15px 15px 35px;
}
#content .container,
#content {
	padding-bottom: 80px !important;
}
#content .specialstart .container {
	padding-bottom: 0px !important;
	box-shadow: inherit;
}
#content .specialfirst {
	padding-bottom: 20px !important;
}
#content .well {
	background-color: transparent;
	border: 0px solid #E3E3E3;
}
#content .well.specialfeature .container {
	padding-top: 20px;
}
#content .csc-space-after-20 {
	margin-bottom: 40px !important;
}
UL.nav-sidebar {
	border-left: 1px solid rgba(0, 0, 0, 0.50);
	padding-top: 50px;
	margin-bottom: 100px;
}
@media (min-width: 992px) {
	UL.nav-sidebar {
		margin-top: -40px;
		margin-left: -5px;
	}
	.col-md-3.col-md-left UL.nav-sidebar {
		margin-top: -14px;
		margin-left: -17px;
	}
}
.nav-sidebar > li > a {
	padding: 5px 15px;
}
UL.nav-sidebar LI UL {
	list-style-type: none !important;
	padding: 0px 0px 0px 10px;
}
UL.nav-sidebar LI UL A {
	margin-left: -10px;
	padding: 2px 5px 2px 30px;
	font-size: 11px;
	display: block;
}
UL.nav-sidebar LI UL A::before {
	content: '≡';
	content: "»";
	margin-left: -12px;
	margin-right: 5px;
}
UL.nav-sidebar LI UL LI UL A {
	margin-left: -20px;
	padding-left: 40px;
}


.breadcrumb-section {
	background-image: linear-gradient(180deg,
		rgba(255, 255, 255, 0.95) 10%,
		rgba(255, 255, 255, 1.00) 100%);
	background-image: linear-gradient(180deg,
		rgba(255, 255, 255, 0.00) 10%,
		rgba(255, 255, 255, 0.00) 100%);

	box-shadow:	1px 1px 3px rgba(0, 0, 0, 0.0);
	background-color: transparent;
	height: 40px;
	padding: 8px 0px;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
.breadcrumb-section .container {
	padding-left: 15px;
}
.breadcrumb {
	margin-top: 3px !important;
	padding: 0px;
	border-radius: 0px;
	font-size: 9px;
}
.breadcrumb li::before,
.breadcrumb > li + li::before {
	content: '≡';
}
.breadcrumb li a::before {
	padding: 5px 5px 5px 0px;
}
.breadcrumb > li.active::before {
	padding-right: 5px;
}
.breadcrumb li a {
	padding: 8px 4px;
	border: 0;
}
.breadcrumb li a:hover {
	background-image: initial;
}


.footerScrolling,
.footerFixed {
	visibility: hidden;
	display: none;
}
.language-menu {
	visibility: visible;
	visibility: hidden;
}
.meta-section,
.footerFixed {
	position: fixed;
	background-color: rgba(0,0,0, 0.8);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 30px;
	bottom: 0;
	padding: 5px 0px;
}
.meta-section .copyright a {
	font-weight: normal;
}


#content .mainColumn  OL,
#content .mainColumn UL {
	padding: 0px 0px 0px 15px;
}
#content .mainColumn  LI {
	margin-top: 4px;
}
#content MAIN UL.effectBoxList,
#content MAIN UL.multicolumnContainer {
	list-style-type: none !important;
	padding-left: 0px;
}
#content .mainRow UL.nav-sidebar LI {
	margin-top: 0px;
}
#content MAIN UL.list-inline {
	padding-left: 0px;
	margin-left: 0px;
}
#content MAIN UL.csc-menu A,
#content .csc-sitemap A {
	display: block;
	color: #111;
	width: 50%;
	min-width: 350px;
}

#content MAIN UL.csc-menu A {
	margin-left: -15px;
	padding-left: 15px;
}
#content MAIN UL.csc-menu UL A {
	margin-left: -30px;
	padding-left: 30px;
}
#content MAIN UL.csc-menu UL UL A {
	margin-left: -45px;
	padding-left: 45px;
}
#content MAIN UL.csc-menu UL UL UL A {
	margin-left: -60px;
	padding-left: 65px;
}


ul.ce-uploads  {
	padding-left: 0px !important;
}
ul.ce-uploads li {
	list-style-type: none !important;
}


#content .csc-sitemap UL {
	padding-left: 0px;
}
#content .col-right .csc-sitemap A {
	width: 100%;
	min-width: 100%;
}
#content .csc-sitemap UL {
	list-style-type: none !important;
}
#content .csc-sitemap UL LI A::before {
	content: "»";
}
#content .col-right .csc-sitemap UL LI A::before {
	position: absolute;
	margin-left: -12px;
}
#content .col-right .csc-sitemap UL LI {
	padding-left: 12px;
}
#content .csc-sitemap UL UL {
	padding-left: 0px;
	margin-bottom: 0px;
}
#content .csc-sitemap UL UL A {
	padding-left: 10px;
}
#content .csc-sitemap UL UL UL {
	padding-left: 10px;
	margin-bottom: 5px;
}
#content .csc-sitemap UL UL UL A {
	color: #111 !important;
	margin-left: -10px;
	padding-left: 20px;
}
#content .csc-sitemap UL UL UL LI {
	color: #0CC; /* list-style-type color */
}
#content .csc-sitemap UL UL UL UL A {
	color: #888 !important;
	margin-left: -20px;
	padding-left: 30px;
}
#content .csc-sitemap ul:nth-child(1) > li > a:nth-child(1) {
	border-top: 0px solid #39991F;
	border-bottom: 1px solid #39991F;
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 150%;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0px !important;
	width: 100%;
}
#content .csc-sitemap ul:nth-child(1) > li > a:nth-child(1)::before {
	content: "";
}
#content .csc-sitemap ul:nth-child(1) > li {
	list-style-type: none !important;
}

body > div.typo3-feedit-page {
	position: relative;
	z-index: 2000;
}

body .typo3-feedit-element {
	padding: 10px 10px 0px 10px;
}
.typo3-feedit-page .typo3-feedit-element,
.typo3-feedit-element .typo3-editPanel {
	padding: 0px 0px 0px 0px;
}
.typo3-feedit-element FORM {
	box-shadow: 1px 1px 0px rgba(80, 80, 80, 0.8) inset;
	margin: 0px -10px 0px -10px;
}
.btn-default {
	background-image: linear-gradient(0deg,
		rgba(255, 255, 255, 0.7) 6%,
		rgba(255, 255, 255, 0.95)
	);
}
.btn-default,
.btn-default:hover {
	border: 0px solid #aaa;
}


.carousel .carousel-text,
.carousel .carousel-text-inner {
	position: absolute;
	width: auto;
	width: 100%;
	left: 0px;		bottom: 0px;
	margin: 0px;
}
.carousel .carousel-text H1,
.carousel .carousel-text-inner H1,
.nivoSlider .caption-title {
	text-align: left;
	font-size: 25px;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.30);
	font-weight: bold !important;
}
.carousel .carousel-text {
	padding-left: 40px;
}
.carousel .carousel-text,
.carousel .carousel-text-inner,
.nivoSlider .nivo-caption {
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 8;
	padding: 5px 35px 15px 35px;
}
.carousel .carousel-text H1,
.carousel .carousel-text-inner H1,
.nivoSlider .nivo-caption a {
	border-bottom: 1px dotted #fff;
	padding-right: auto;
}
.carousel .carousel-text H1,
.carousel .carousel-text-inner H1,
.nivoSlider .nivo-caption a,
.carousel .carousel-text p,
.nivoSlider .nivo-caption p {
	color: #BBB;
}
.carousel .carousel-text p,
.nivoSlider .nivo-caption p {
	color: #EFEFEF;
}
.carousel .carousel-text H1,
.carousel .carousel-text-inner H1,
.nivoSlider .nivo-caption H4 {
	margin: 5px 0px 6px -30px;
	display: inline-block;
	padding: 0px 10px 2px 30px;
}
.carousel .carousel-text p,
.nivoSlider .nivo-caption p {
	font-size: 13px;
	line-height: 140%;
	margin: 0px;
	width: 40%;
	white-space: nowrap;
}
.carousel .carousel-image {
	display: block;
	float: center;
}
.nivo-controlNav {
	position: absolute;
	margin-left: 50%;
	margin-top: -75px;
	z-index: 10;
}
a.carousel-control,
.nivo-controlNav a,
.nivo-directionNav a {
	color: rgba(255, 255, 255, 0.6) !important;
	background-color: transparent !important;
	background: url() !important;
	text-indent: 0px !important;
}
a.carousel-control,
.nivo-directionNav a {
	opacity: 1;
	top: 0px;
	width: 5% !important;
	height: 100% !important;
	transition: all 100ms ease-in-out;
}
a.carousel-control:hover,
.nivo-directionNav a:hover {
	background-color: rgba(255, 255, 255, 0.25) !important;
}
a.nivo-control:before,
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before,
a.nivo-prevNav:before,
a.nivo-nextNav:before {
	font-size: 30px;
	font-family: 'Glyphicons Halflings';
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before,
a.nivo-prevNav:before,
a.nivo-nextNav:before {
	top: 35%;
	right: 20%;
	left: auto;
}
.carousel-control .glyphicon-chevron-left:before,
.carousel-control .glyphicon-chevron-right:before,
a.nivo-prevNav:before,
a.nivo-nextNav:before {
	position: absolute;
	content: "\e079"; /* prev arrow */
}
.carousel-control .glyphicon-chevron-right:before,
.carousel-control .glyphicon-chevron-right,
A.nivo-nextNav:before {
	content: "\e080";	/* next arrow */
	right: auto;
	left: 20%;
}
.nivo-directionNav A.nivo-prevNav {
	left: 0px;
}
.nivo-directionNav A.nivo-nextNav {
	right: 0px;
}
a.nivo-control {
	color: rgba(255, 255, 255, 0.6) !important;
	color: rgba(0, 0, 0, 0.6);
	visibility: hidden;
}
a.nivo-control:before {
	content: "⚪";		/* circle */
	font-size: 25px !important;
	font-weight: normal !important;
	visibility: visible;
}
a.nivo-control.active:before {
	content: "⚫";		/* dot */
}


.carousel,
.nivoSlider {
	box-shadow: 20px 20px 25px rgba(0, 0, 0, 0.3) !important;
}


.carousel-inner > .item {
	max-height: 280px !important;
}


FORM.styledCheckboxes legend {
	border: 0px;
}
FORM.styledCheckboxes input[type="radio"],
FORM.styledCheckboxes input[type="checkbox"] {
	display: none;
}
FORM.styledCheckboxes input[type="radio"] + label,
FORM.styledCheckboxes input[type="checkbox"] + label {
	margin-left: 26px !important;
	margin-bottom: 5px !important;
}
FORM.styledCheckboxes input[type="radio"] + label::before {
	border-radius: 22px !important;
}
FORM.styledCheckboxes legend strong::before,
FORM.styledCheckboxes input[type="radio"] + label::before,
FORM.styledCheckboxes input[type="checkbox"] + label::before {
	content: '';
	position: absolute !important;
	margin-left: -35px !important;
	vertical-align: bottom;
	padding: 3px 10px 3px 0px !important;
}
FORM.styledCheckboxes input[type="radio"] + label::before,
FORM.styledCheckboxes input[type="checkbox"] + label::before {
	cursor: pointer;
	background-color: rgba(255,255,255, 0.5);
	background-image: linear-gradient(
		rgba(255,255,255, 0.7),
		rgba(255,255,255, 0.3)
	);
	width: 22px !important;
	height: 22px !important;
	box-shadow: 0px 0px 1px rgba(0,0,0, 0.6);
	text-shadow: 1px 1px 1px rgba(100,100,100, 0.1), 1px 1px 2px rgba(100,100,100, 0.7);
}
FORM.styledCheckboxes legend strong {
	margin: 10px 10px 6px 35px !important;
}
FORM.styledCheckboxes legend strong::before,
FORM.styledCheckboxes input[type="radio"]:checked + label::before,
FORM.styledCheckboxes input[type="checkbox"]:checked + label::before {
	content: '';
	font-weight: bold;
	font-size: 2.8em;
	transition: 0.4s;
	color: #f06d06;
}
FORM.styledCheckboxes legend strong::before {
	content: '⤷';
	transform: rotate(90deg);
	margin-top: 9px;
	margin-left: -35px !important;
}
FORM.styledCheckboxes  input[type="radio"]:checked + label::before,
FORM.styledCheckboxes input[type="checkbox"]:checked + label::before {
	content: '✓';
	box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
	background-color: rgba(255,255,255, 0.1);
}
FORM.styledCheckboxes .csc-form-element-radiogroup {
	margin-bottom: 10px;
}
FORM.styledCheckboxes .csc-form-element-textarea {
	margin-top: 20px;
}


@media only screen and (min-width: 480px) {
	.navbar-main  {
		font-size: 14px !important;
	}
	.breadcrumb {
		font-size: 10px;
	}
}


@media only screen and (min-width: 768px) {
	.breadcrumb {
		font-size: 11px;
	}
	.navbar-main  {
		background-color: transparent;
	}
	.navbar-main > li > a[title="Stichwortsuche"] {
		padding-right: 10px !important;
	}
	.XXnavbar-main > li:last-child > a::after,
	nav .searchIcon,
	.navbar-main > li > a[title="Stichwortsuche"]::after {
		background-image: url(/fileadmin/Icons/Icon4Search.svg);
	}
	.navbar-main > li > a[title="Stichwortsuche"]::after {
		content: " ";
		display: inline-block;
		position: absolute;
		width: 20px;			height: 20px;
		margin-top: -2px;		margin-left: 17px;
		transform: scaleX(-1);
	}
	nav .searchIcon {
		position: relative;
		display: block;
		float: left;
		width: 25px;			height: 25px;
		min-width: inherit;	min-height: inherit;
		margin-top: 7px;		margin-left: 15px;
		transform: scaleX(-1.5) scaleY(1.5);
	}
	nav .searchIcon A {
		display: inline-block;
		width: inherit;			height: inherit;
	}

}

@media only screen and (min-width: 800px) {
	#content .csc-sitemap > DIV > UL {
		columns: 2 250px;
		-moz-columns: 2 250px;
		-webkit-columns: 2 250px;

		column-gap: 20px;
		-moz-column-gap: 20px;
		-webkit-column-gap: 20px;

		-moz-column-rule: 1px solid #DDD;
		-webkit-column-rule: 0px solid #DDD;
	}
	.carousel-inner > .item {
		max-height: 360px !important;
	}
}

@media only screen and (min-width: 992px) {
	.navbar-main  {
		font-size: 20px !important;
	}
	.breadcrumb {
		font-size: 12px;
	}
	.carousel-inner > .item {
		max-height: 480px !important;
	}
}

@media only screen and (min-width: 1200px) {
}


@media only screen and (max-width: 420px) {
	MAIN .news .article .teaser-text {
		font-size: 10px;
	}
}

@media only screen and (max-width: 640px) {
	#content FORM#tx_indexedsearch button span {
		display: none;
	}
	.glyphicon-chevron-left:before,
	.glyphicon-chevron-right:before,
	a.nivo-prevNav:before,
	a.nivo-nextNav:before {
		font-size: 18px;
	}
	.carousel-control .glyphicon-chevron-left,
	.glyphicon-chevron-left:before,
	A.nivo-prevNav:before {
		right: -1px;
	}
	.carousel-control .glyphicon-chevron-right,
	.glyphicon-chevron-right:before,
	A.nivo-nextNav:before {
		left: -3px;
	}
	.carousel .carousel-text H1,
	.carousel .carousel-text-inner H1,
	.nivoSlider .caption-title {
		font-size: 16px;
	}
	.carousel .carousel-text p {
		display: none;
	}
	.carousel-indicators {
		bottom: 0px;
		left: auto;
		right: 10px;
		text-align: right;
		margin-bottom: 3px;
	}
	.theme-default .nivo-controlNav {
		text-align: right;
	}
	.nivo-controlNav {
		margin-top: -53px;
	}
	MAIN .news .article .teaser-text {
		font-size: 11px;
	}
}


@media only screen and (max-width: 768px) {
	#content MAIN {
		padding: 0px 0px 100px 0px;
	}
	.navbar-collapse.in .navbar-main .dropdown-menu li a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		font-size: 14px;
	}
	.navbar-collapse.in .navbar-main .dropdown-menu  ul {
		padding-left: 10px !important;
	}
	.navbar-collapse.in .navbar-main .dropdown-menu ul li a {
		border-top-color: #EFEFEF !important;
	}
	.navbar-collapse.in .dropdown-submenu.open > a::after {
			border-width: 7px 7px 0px 7px;
			border-left-color: transparent;
			border-top-color: #000;

			/* both values for Firefox and Chrome */
			margin-top: -5px;
			vertical-align: bottom;
	}
	header + #content.main-section .allRows .tx_newsslider,
	header + #content.main-section .allRows .carousel {
		margin-top: -37px !important;
	}
	.navbar-main > li > a {
		box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
		background-color: rgba(200, 200, 200, 0.98) !important;
	}
	.navbar-main .open {
		background-color: rgba(255, 255, 255, 0.9) !important;
	}

	.news {
		width: 100%;
	}
	h3, .news h3 {
		font-size: 18px;
	}
	MAIN .news .article .teaser-text {
		margin-right: 5%;
	}
}

@media only screen and (max-width: 1200px) {
	header.navbar .container {
		background-image: url() !important;
	}
}