@import url("Webfonts.css");

/* DEFAULTS: Grundsaetzliches (globale Settings fuer Schriftarten und -groessen, Farben etc.) ------------------------------------------------ ">*/
html {
	font-size: 100%;
	background: transparent;
	background-image: url("../Images/linen.png");
	background-repeat: repeat;
	background-attachment: fixed;
}

#indicator {width: 100%; height: 10px; background-color: red}

body {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-weight: 300;
	color: #000;
	background-color: transparent;
}

a:active, a:focus {outline: none;}

a {text-decoration: none;}

/* Darstellung von Links - NICHT die Farbe */
a:link {color: #0174bd;}

/* Linkfarbe */
a:Visited {color: #0174bd;}

/* besuchter Link */
a:Active {color: #0174bd;}

/* aktiver Link */
a:Hover {color: #0174bd; text-decoration: underline;}

/* Mouseover */

p, td, th, div, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, font, dl, dt, dd {font-family: inherit;font-size: inherit;}

fieldset {border: 0; padding: 0; margin: 0;}

legend {font-size: 1rem; margin: 0; padding: 0 5px 0 0; color: #914094; font-weight: normal;}

label {color: #914094; font-weight: bold;}

table, form {margin: 0;padding: 0;}

table {border-collapse: collapse;}

tr {vertical-align: top;}

th, td {text-align: left; margin: 0; padding: 0 10px 5px 0;}

img {max-width: 100%; height: auto;}

.img {width: 100% !important;}

input, select, textarea {border: 1px solid #cccccc; background-color: #f5f5f5; width: 78%}

input[type="hidden"] {display: none;}

input[type="checkbox"], input[type="radio"] {border: 0; background-color: transparent;}

acronym {border-bottom: 1px dotted;}

hr {width: 100%; height: 2px; border: 0; color: #333333; }

button {border: 0; background-color: transparent;}

/* -------- LISTEN */
ul {
	margin: 0;
	padding: 0 0 5px 0;
}

ul li {
	list-style: none;
	margin: 1px 0;
	padding: 0 0 0 10px;
}

#content ul li {
	list-style: none;
}

#content ul li:before {
	content: "";
	background-image: url("../Images/bg_list-img.png");
	background-repeat: no-repeat;
	background-position: -134px 4px;
	padding-right: 25px;
	overflow: visible;
}

#content ul li:nth-of-type(0):before {background-position: -0px 4px;}

#content ul li:nth-of-type(1):before {background-position: -33px 4px;}

#content ul li:nth-of-type(2):before {background-position: -67px 4px;}

#content ul li:nth-of-type(3):before {background-position: -100px 4px;}

ol {margin: 0; padding: 0;}


ol li {list-style-type: decimal;
	margin: 2px 0 0 25px;
	padding: 0;
}

dt {
	margin-bottom: 2px;
	padding-top: 10px;
	clear: both;
}

dd {margin-bottom: 5px;}

/* --- DEFAULTS: t3 defs / csc ---------------------------------------------------------------------------------------------------------------- */
H1, H2, H3, H4, H5 {font-weight: normal; line-height: 145%; margin: 0;}

H1, H2, H3, H4, H5, H6 {font-family: 'Montserrat', sans-serif; text-transform: uppercase;}

H1 {font-size: 2.5rem; padding: 20px 0 15px 0; color: #914094;font-weight: 700;}

H2 {font-size: 1.125rem; padding: 20px 0 15px 0; color: #0074bd;}

H3 {font-size: 1.0rem; padding: 15px 0 15px 0; color: #000; }

H4 {font-size: 1.0rem; padding: 15px 0 10px 0; color: #914094;}

H5, H6 {font-size: 1.0rem; padding: 10px 0 10px 0; }

H5 {color: #666666;}

H6 {color: #666666;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {margin-top: 0; padding-top: 0;}

p.csc-header-date {font-size: 0.78rem;}

.bodytext, p {font-size: 0.9375rem;margin: 0; padding: 5px 0;}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { text-align: right; }

.csc-frame-rulerBefore {
	border-top: 1px solid #914094;
	padding-top: 5px;
	margin-top: 5px;
}

.csc-frame-rulerBefore h1, .csc-frame-rulerBefore h2, .csc-frame-rulerBefore h3, .csc-frame-rulerBefore h4, .csc-frame-rulerBefore h5 {padding-top: 5px;}

.csc-frame-rulerAfter {
	border-bottom: 1px solid #914094;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.csc-frame-indent {margin-left: 20px;}

.csc-frame-indent3366 {margin-left: 100px;}

.csc-frame-indent6633 {margin-left: 200px;}

.csc-frame-frame1 {
	border: 1px solid #914094;
	padding: 5px;
	margin-bottom: 5px;
}

.csc-frame-frame2 {
	background-color: #914094;
	padding: 5px;
	color: #ffffff !important;
	margin-bottom: 5px;
}

.csc-frame-frame2 * {color: #ffffff !important;}

.csc-frame h1, .csc-frame h2, .csc-frame- h3, .csc-frame h4, .csc-frame h5 {padding-top: 5px;}

.csc-textpic-text {margin: 0;}

.csc-textpic-text h1, .csc-textpic-text h2, .csc-textpic-text h3, .csc-textpic-text h4, .csc-textpic-text h4 {padding-top: 0;}

/**********/
/* Images */
/**********/
div.csc-textpic {clear: both;}

div.csc-textpic-responsive > div {max-width: 100% !important;}

div.csc-textpic-responsive figure.csc-textpic-image {
	padding-bottom: 5px;
	display: block;
}

div.csc-textpic-responsive figcaption.csc-textpic-caption {display: block; font-size: 0.75rem; padding: 5px 0 10px 0;}

.csc-textpic-responsive .col-xs-1, .csc-textpic-responsive .col-sm-1, .csc-textpic-responsive .col-md-1, .csc-textpic-responsive .col-lg-1, .csc-textpic-responsive .col-xs-2, .csc-textpic-responsive .col-sm-2, .csc-textpic-responsive .col-md-2, .csc-textpic-responsive .col-lg-2, .csc-textpic-responsive .col-xs-3, .csc-textpic-responsive .col-sm-3, .csc-textpic-responsive .col-md-3, .csc-textpic-responsive .col-lg-3, .csc-textpic-responsive .col-xs-4, .csc-textpic-responsive .col-sm-4, .csc-textpic-responsive .col-md-4, .csc-textpic-responsive .col-lg-4, .csc-textpic-responsive .col-xs-5, .csc-textpic-responsive .col-sm-5, .csc-textpic-responsive .col-md-5, .csc-textpic-responsive .col-lg-5, .csc-textpic-responsive .col-xs-6, .csc-textpic-responsive .col-sm-6, .csc-textpic-responsive .col-md-6, .csc-textpic-responsive .col-lg-6, .csc-textpic-responsive .col-xs-7, .csc-textpic-responsive .col-sm-7, .csc-textpic-responsive .col-md-7, .csc-textpic-responsive .col-lg-7, .csc-textpic-responsive .col-xs-8, .csc-textpic-responsive .col-sm-8, .csc-textpic-responsive .col-md-8, .csc-textpic-responsive .col-lg-8, .csc-textpic-responsive .col-xs-9, .csc-textpic-responsive .col-sm-9, .csc-textpic-responsive .col-md-9, .csc-textpic-responsive .col-lg-9, .csc-textpic-responsive .col-xs-10, .csc-textpic-responsive .col-sm-10, .csc-textpic-responsive .col-md-10, .csc-textpic-responsive .col-lg-10, .csc-textpic-responsive .col-xs-11, .csc-textpic-responsive .col-sm-11, .csc-textpic-responsive .col-md-11, .csc-textpic-responsive .col-lg-11, .csc-textpic-responsive .col-xs-12, .csc-textpic-responsive .col-sm-12, .csc-textpic-responsive .col-md-12, .csc-textpic-responsive .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}

/* remove left and right paddings from full imagerows*/
.csc-textpic-responsive .csc-textpic-right .csc-textpic-imagerow,
.csc-textpic-responsive .csc-textpic-left .csc-textpic-imagerow,
.csc-textpic-responsive .csc-textpic-center .csc-textpic-imagerow {margin-left: -5px; margin-right: -5px;}

.csc-textpic-responsive .csc-textpic-intext-left .csc-textpic-imagerow {margin-left: -10px;}

/*.csc-textpic-left .col-xs-1, .csc-textpic-left .col-sm-1, .csc-textpic-left .col-md-1, .csc-textpic-left .col-lg-1, .csc-textpic-left .col-xs-2, .csc-textpic-left .col-sm-2, .csc-textpic-left .col-md-2, .csc-textpic-left .col-lg-2, .csc-textpic-left .col-xs-3, .csc-textpic-left .col-sm-3, .csc-textpic-left .col-md-3, .csc-textpic-left .col-lg-3, .csc-textpic-left .col-xs-4, .csc-textpic-left .col-sm-4, .csc-textpic-left .col-md-4, .csc-textpic-left .col-lg-4, .csc-textpic-left .col-xs-5, .csc-textpic-left .col-sm-5, .csc-textpic-left .col-md-5, .csc-textpic-left .col-lg-5, .csc-textpic-left .col-xs-6, .csc-textpic-left .col-sm-6, .csc-textpic-left .col-md-6, .csc-textpic-left .col-lg-6, .csc-textpic-left .col-xs-7, .csc-textpic-left .col-sm-7, .csc-textpic-left .col-md-7, .csc-textpic-left .col-lg-7, .csc-textpic-left .col-xs-8, .csc-textpic-left .col-sm-8, .csc-textpic-left .col-md-8, .csc-textpic-left .col-lg-8, .csc-textpic-left .col-xs-9, .csc-textpic-left .col-sm-9, .csc-textpic-left .col-md-9, .csc-textpic-left .col-lg-9, .csc-textpic-left .col-xs-10, .csc-textpic-left .col-sm-10, .csc-textpic-left .col-md-10, .csc-textpic-left .col-lg-10, .csc-textpic-left .col-xs-11, .csc-textpic-left .col-sm-11, .csc-textpic-left .col-md-11, .csc-textpic-left .col-lg-11, .csc-textpic-left .col-xs-12, .csc-textpic-left .col-sm-12, .csc-textpic-left .col-md-12, .csc-textpic-left .col-lg-12,*/
.csc-textpic-responsive .csc-textpic-intext-right-nowrap .text,
.csc-textpic-responsive .csc-textpic-intext-left.col-xs-1, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-1, .csc-textpic-responsive .csc-textpic-intext-left.col-md-1, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-1, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-2, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-2, .csc-textpic-responsive .csc-textpic-intext-left.col-md-2, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-2, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-3, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-3, .csc-textpic-responsive .csc-textpic-intext-left.col-md-3, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-3, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-4, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-4, .csc-textpic-responsive .csc-textpic-intext-left.col-md-4, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-4, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-5, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-5, .csc-textpic-responsive .csc-textpic-intext-left.col-md-5, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-5, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-6, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-6, .csc-textpic-responsive .csc-textpic-intext-left.col-md-6, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-6, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-7, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-7, .csc-textpic-responsive .csc-textpic-intext-left.col-md-7, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-7, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-8, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-8, .csc-textpic-responsive .csc-textpic-intext-left.col-md-8, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-8, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-9, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-9, .csc-textpic-responsive .csc-textpic-intext-left.col-md-9, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-9, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-10, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-10, .csc-textpic-responsive .csc-textpic-intext-left.col-md-10, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-10, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-11, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-11, .csc-textpic-responsive .csc-textpic-intext-left.col-md-11, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-11, .csc-textpic-responsive .csc-textpic-intext-left.col-xs-12, .csc-textpic-responsive .csc-textpic-intext-left.col-sm-12, .csc-textpic-responsive .csc-textpic-intext-left.col-md-12, .csc-textpic-responsive .csc-textpic-intext-left.col-lg-12,
.csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-1, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-2, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-3, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-4, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-5, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-6, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-7, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-8, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-9, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-10, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-11, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-xs-12, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-sm-12, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-md-12, .csc-textpic-responsive .csc-textpic-intext-left-nowrap .col-lg-12 {
	padding-left: 0;
}

/* Image alignment: right in text (NOT above or below!) */
.csc-textpic-responsive .csc-textpic-intext-right .images,
.csc-textpic-responsive .csc-textpic-intext-right-nowrap .images {float: right;}

/*.csc-textpic-right .col-xs-1, .csc-textpic-right .col-sm-1, .csc-textpic-right .col-md-1, .csc-textpic-right .col-lg-1, .csc-textpic-right .col-xs-2, .csc-textpic-right .col-sm-2, .csc-textpic-right .col-md-2, .csc-textpic-right .col-lg-2, .csc-textpic-right .col-xs-3, .csc-textpic-right .col-sm-3, .csc-textpic-right .col-md-3, .csc-textpic-right .col-lg-3, .csc-textpic-right .col-xs-4, .csc-textpic-right .col-sm-4, .csc-textpic-right .col-md-4, .csc-textpic-right .col-lg-4, .csc-textpic-right .col-xs-5, .csc-textpic-right .col-sm-5, .csc-textpic-right .col-md-5, .csc-textpic-right .col-lg-5, .csc-textpic-right .col-xs-6, .csc-textpic-right .col-sm-6, .csc-textpic-right .col-md-6, .csc-textpic-right .col-lg-6, .csc-textpic-right .col-xs-7, .csc-textpic-right .col-sm-7, .csc-textpic-right .col-md-7, .csc-textpic-right .col-lg-7, .csc-textpic-right .col-xs-8, .csc-textpic-right .col-sm-8, .csc-textpic-right .col-md-8, .csc-textpic-right .col-lg-8, .csc-textpic-right .col-xs-9, .csc-textpic-right .col-sm-9, .csc-textpic-right .col-md-9, .csc-textpic-right .col-lg-9, .csc-textpic-right .col-xs-10, .csc-textpic-right .col-sm-10, .csc-textpic-right .col-md-10, .csc-textpic-right .col-lg-10, .csc-textpic-right .col-xs-11, .csc-textpic-right .col-sm-11, .csc-textpic-right .col-md-11, .csc-textpic-right .col-lg-11, .csc-textpic-right .col-xs-12, .csc-textpic-right .col-sm-12, .csc-textpic-right .col-md-12, .csc-textpic-right .col-lg-12,*/
.csc-textpic-responsive .csc-textpic-intext-left-nowrap .text,
.csc-textpic-responsive .csc-textpic-intext-right .col-xs-1, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-1, .csc-textpic-responsive .csc-textpic-intext-right .col-md-1, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-1, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-2, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-2, .csc-textpic-responsive .csc-textpic-intext-right .col-md-2, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-2, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-3, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-3, .csc-textpic-responsive .csc-textpic-intext-right .col-md-3, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-3, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-4, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-4, .csc-textpic-responsive .csc-textpic-intext-right .col-md-4, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-4, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-5, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-5, .csc-textpic-responsive .csc-textpic-intext-right .col-md-5, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-5, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-6, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-6, .csc-textpic-responsive .csc-textpic-intext-right .col-md-6, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-6, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-7, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-7, .csc-textpic-responsive .csc-textpic-intext-right .col-md-7, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-7, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-8, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-8, .csc-textpic-responsive .csc-textpic-intext-right .col-md-8, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-8, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-9, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-9, .csc-textpic-responsive .csc-textpic-intext-right .col-md-9, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-9, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-10, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-10, .csc-textpic-responsive .csc-textpic-intext-right .col-md-10, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-10, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-11, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-11, .csc-textpic-responsive .csc-textpic-intext-right .col-md-11, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-11, .csc-textpic-responsive .csc-textpic-intext-right .col-xs-12, .csc-textpic-responsive .csc-textpic-intext-right .col-sm-12, .csc-textpic-responsive .csc-textpic-intext-right .col-md-12, .csc-textpic-responsive .csc-textpic-intext-right .col-lg-12,
.csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-1, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-2, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-3, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-4, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-5, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-6, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-7, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-8, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-9, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-10, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-11, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-xs-12, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-sm-12, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-md-12, .csc-textpic-responsive .csc-textpic-intext-right-nowrap .col-lg-12 {
	padding-right: 0;
}

/*********************/
/* Tables, generally */
/*********************/
table.contenttable {margin: 10px 0;}

table.contenttable th,
table.contenttable td {padding: 0 15px 5px 0;}

/* Tables, specifically */
table.contenttable-0 {width: auto;}

table.contenttable-1 {width: 99%;}

table.contenttable-1 .tr-0 th,
table.contenttable-1 .tr-0 td {font-weight: bold; }

table.contenttable-2 {width: 99%; border: 1px solid #cccccc;}

table.contenttable-2 th,
table.contenttable-2 td { padding: 2px 3px;}

table.contenttable-2 .tr-odd td {background-color: #ffffff;}

table.contenttable-2 .tr-even td {background-color: #f5f5f5;}

table.contenttable-2 .tr-0 th, table.contenttable-2 .tr-0 td.th-0,
table.contenttable-2 .tr-0 td, table.contenttable-2 .tr-0 td.td-0 { background-color: #f5f5f5; padding: 5px 3px; border-bottom: 1px solid #cccccc;}

table.contenttable-2 td.td-0 { font-weight: bold; border-right: 1px solid #cccccc;}

table.contenttable-2 .tr-0 th,
table.contenttable-2 .tr-0 td {font-weight: bold; }

/************************/
/* Filelinks, generally */
/************************/
ul.csc-uploads li {position: relative;
	margin: 0 0 0.5em 0;}

ul.csc-uploads-1 li,
ul.csc-uploads-2 li,
ul.csc-uploads-3 li {background: none;
	padding-left: 0;
	margin-left: 0;}

ul.csc-uploads .csc-uploads-fileName,
ul.csc-uploads .csc-uploads-fileSize {display: inline;}

ul.csc-uploads .csc-uploads-fileSize {padding-left: 5px;
	font-size: 0.91rem;}

ul.csc-uploads-3 .csc-uploads-fileSize {float: right;}

ul.csc-uploads-1 .csc-uploads-description {padding-left: 30px;}

/*****************/
/* Various Forms */
/*****************/

/*****************/
/* Mailform & Registrierung */
/*****************/

#mailform, #tx-srfeuserregister-pi1-fe_users_form, .tx-powermail { width: 550px;}

.csc-mailform, .csc-mailform fieldset,
.tx-srfeuserregister-pi1 fieldset {border: 0; margin: 0; padding: 0;}

.csc-mailform-field, .powermail_fieldwrap {padding: 5px 0; position: relative; clear: both}

.csc-mailform-field {overflow: hidden;}

.csc-mailform-field label,
.tx-srfeuserregister-pi1 dt,
.powermail_label {display: block; float: left; width: 20%;}

legend.powermail_label {float: none;}

.csc-mailform .csc-mailform-label {margin: 20px 0}

.tx-srfeuserregister-pi1 dt {display: block; float: left;}

input[type="radio"] + label {padding: 0 20px 0 5px;}

.csc-mailform-check label,
.csc-mailform-radio label, legend.powermail_label {display: inline; float: none; }

.csc-mailform-radio fieldset legend {position: absolute; top: 2px; left: 0; width: 20%; margin: 0; padding: 0;}

.csc-mailform-field div,
.csc-mailform-field.csc-mailform-check,
.csc-mailform-field.csc-mailform-radio, .powermail_fieldwrap_radio .powermail_radio_outer {padding-left: 20%;}

.csc-mailform-radio {border: 0; background-color: transparent; width: auto;}

.csc-mailform-radio label { float: none !important;}

.req label:after {content: "*"; color: #914094; padding-left: 6px;}

input[type="radio"] + label, input[type="checkbox"] + label, .csc-mailform-check + label, .powermail_radio_inner label {display: inline !important; }

.csc-mailform-field .csc-mailform-radio input, .csc-mailform-field input[type="radio"], .tx-srfeuserregister-pi1 input[type="radio"], .csc-mailform-field .csc-mailform-check input,
.csc-mailform-field input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="checkbox"], .csc-mailform-field .csc-mailform-radio input, .csc-mailform-field input[type="radio"],
.tx-srfeuserregister-pi1 input[type="radio"], .csc-mailform-field .csc-mailform-check input, .csc-mailform-field input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="checkbox"],
.csc-mailform-field .csc-mailform-radio input, .csc-mailform-field input[type="radio"], .tx-srfeuserregister-pi1 input[type="radio"], .csc-mailform-field .csc-mailform-check input,
.csc-mailform-field input[type="checkbox"], .tx-srfeuserregister-pi1 input[type="checkbox"], input.powermail_radio {width: 20px !important;}

.csc-mailform-check {border: 0; background-color: transparent; width: auto;}

.powermail_submit, input.csc-mailform-submit, .tx-srfeuserregister-pi1-submit { margin-left: 20%;; border: 0; padding: 5px 20px; color: #ffffff !important; font-weight: bold; cursor: pointer; background: #914094; width: auto;}

.tx-srfeuserregister-pi1 legend {margin: 0; padding: 5px 0; font-weight: bold; }

.tx-srfeuserregister-pi1 dt,
.tx-srfeuserregister-pi1 dd {
	display: block;
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

.tx-srfeuserregister-pi1 dd:after { content: "\0020"; display: block; height: 0; overflow: hidden;}

.tx-srfeuserregister-pi1 dd:after {clear: both;}

.tx-srfeuserregister-pi1 select {width: 350px;}

.tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-submit,
#left .tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-submit {margin: 0 5px 0 0 !important;}

.tx-srfeuserregister-pi1-error {color: #914094; padding: 0;}

.tx-srfeuserregister-pi1 dd.checkbox {float: left; clear: none; text-align: right; width: 25%;}

.tx-srfeuserregister-pi1 dd.checkbox:after {clear: none;}

.tx-srfeuserregister-pi1 dt.checkboxlabel {float: right; clear: none; width: 75%; text-align: left;}


.powermail_legend {display: none;}


/*****************/
/* Loginform */
/*****************/
.tx-felogin-pi1 div {padding-bottom: 5px;}

/*****************/
/* Search form */
/*****************/
FORM table td { padding: 0 2px 2px 0; }

FORM table td P {margin: 0;}

FORM table td.csc-form-labelcell, FORM table TR td.csc-form-commentcell {width: 100px;}

FORM table td.csc-form-labelcell p.csc-form-label-req { font-weight: bold; }

/*****************/
/* Search Result, result information box: */
table.csc-searchResultInfo {
	margin: 10px 0 0 0;
	table-layout: fixed;
	width: 100%;
}

table.csc-searchResultInfo td { padding: 0 2px 2px 0; }

table.csc-searchResultInfo td.csc-searchResultRange P { font-weight: bold; }

table.csc-searchResultInfo td.csc-searchResultPrevNext { text-align: right; }

table.csc-searchResultInfo P {margin: 0;}

/* Search Result, header + abstract: */
H3.csc-searchResultHeader,
H3.csc-noSearchResultMsg {font-size: 1.1rem;}

p.csc-searchResult {padding: 2px 0 10px 20px;}

/* Search word markup */
.csc-sword {
	color: #ffffff;
	background-color: #914094;
	font-weight: bold;
	padding: 0 1px 0 1px;
}

.searchsubmit:before {content: "\f002"; text-indent: 0;font-family: FontAwesome;font-size: 18px; font-style: normal;font-weight: normal;text-decoration: inherit; color: #373737; padding-right: 6px; cursor: pointer;}

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
ul.csc-menu {
	margin: 0;
	padding: 0;
}

/* MENUES: Menue-Eigenschaften generell (Darstellung als Liste bzw. einzeilig) ------------------------------------------------ ">*/
/* damit man nicht bei jedem Menue diese default-Werte neu setzen muss! */
.menu ul {margin: 0; padding: 0;}

.menu li {background-image: none;}

.menu a {text-decoration: none;}

.menu a:link, .menu a:visited {text-decoration: none; color: inherit;}

/* Horizontale Menues */
.hmenu ul {white-space: nowrap;}

.hmenu li {
	display: inline;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid;
}

.hmenu li.firstitem {border-left: 0; padding-left: 0; margin-left: 0;}

.hmenu li.lastitem {border-right: 0; padding-right: 0; margin-right: 0;}

/* Vertikale Menues */
.vmenu li {
	padding: 0 0 10px 0;
	margin: 0;
}

/* MENUES: Einzelne Menues ------------------------------------------------ ">*/
#subnav {color: #000000; margin: 0; padding: 180px 50px 0 0;}

#subnav ul {padding: 5px 0 0 10px}

#subnav li {text-align: right;}

#subnav a:link, #subnav a:visited {font-size: 1rem; font-family: 'Montserrat', sans-serif; color: #aaaaaa; text-transform: uppercase;}

#subnav a:active, #subnav a:hover,
#subnav a.active, #subnav a.active:link, #subnav a.active:visited { color: #000000; font-weight: 600;}

#subnav .sub {margin: 5px 0 0 10px;}

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

#footer {
	padding: 15px 0 10px;
	text-align: center;
	background: rgba(145, 64, 148, 1.0);
	background: -moz-linear-gradient(left, rgba(0, 116, 189, 1.0) 0%, rgba(145, 64, 148, 1.0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 116, 189, 1.0)), color-stop(100%, rgba(145, 64, 148, 1.0)));
	background: -webkit-linear-gradient(left, rgba(0, 116, 189, 1.0) 0%, rgba(145, 64, 148, 1.0) 100%);
	background: -o-linear-gradient(left, rgba(0, 116, 189, 1.0) 0%, rgba(145, 64, 148, 1.0) 100%);
	background: -ms-linear-gradient(left, rgba(0, 116, 189, 1.0) 0%, rgba(145, 64, 148, 1.0) 100%);
	background: linear-gradient(to right, rgba(0, 116, 189, 1.0) 0%, rgba(145, 64, 148, 1.0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0174bd', endColorstr='#914094', GradientType=1);
}

#bottomnav, #sprachnav {margin: 15px 20px 0 0; white-space: nowrap; font-size: 0.875rem;}

#sprachnav { margin: 42px 10px 0 0;}

#bottomnav {display: inline-block; white-space: normal; margin: 0; overflow: hidden;}

#bottomnav ul {float: left;}

#bottomnav li {border: 0;}

#bottomnav.hmenu li {padding: 0;margin: 0;}

#bottomnav a:link, #bottomnav a:visited { color: #ffffff;}

#bottomnav a:active, #bottomnav a:hover,
#bottomnav a.active, #bottomnav a.active:link, #bottomnav a.active:visited {color: #ffffff; text-decoration: underline;}

#address {float: left;}

#address ul {
	overflow: hidden;
	color: #ffffff; display: inline-block;
}

#address ul li {display: inline; float: left}

#footer ul li:after {
	content: "|";
	color: #fff;
	margin: 0 10px;
	font-size: 0.875rem;
}

#footer ul.footernavelm li:last-child:after {
	content: "";
}


/* --------------------------------------- */
#topnav {
	margin: 0;
	padding: 0;
	color: #914094;
	font-size: 1.0rem;
	float: right;
}

#topnav a:link, #topnav a:visited { color: #0073bd;font-family: 'Montserrat', Arial, sans-serif;font-size: 0.875rem;font-weight: 600; }

#topnav a.mail:link, #topnav a.mail:visited { color: #914094;}

#topnav a:active, #topnav a:hover,
#topnav a.active, #topnav a.active:link, #topnav a.active:visited { color: #0174bd;}

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

#rootline {position: absolute;top: 21px;color: #666666;font-size: 0.75rem; padding-left: 2%;}

/* LAYOUT: Grundraster der Seite: #seite, #inhaltsblock, #header, #inhalt, #container ------------------------------------------------ ">*/
#centercontent {
	min-height: 800px;
}

#header { /*background: rgba(153, 153, 153, 0.10)*/}

#header, #inhalt { /*background: rgba(153, 153, 153, 0.10)*/;box-sizing: border-box; }

#inhaltsblock, #footerinhalt {
	width: 90%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}

#tiles {display: none;width: 100%;}

#tilesLeft,
#tilesRight {float: left; width: 50%; height: 100%;}

.tile {float: left; width: 50%; height: calc(100% / 2); background-size: cover; background-repeat: no-repeat; background-position: 50%;overflow: hidden;}

.tile:nth-child(2),
.tile:nth-child(5) {float: right; width: 50%; height: 100%;}

a.thumb:nth-child(2) {float: right; width: 50%; height: 100%;}

a.thumb:nth-child(2) .tile {width: 100%; height: 100%;}

.tileText {
	overflow: hidden;
	padding: 0 10px;
	display: none;
	font-size: 1rem;
	font-weight: 400;
	/*display: table;*/
	color: #ffffff;
	width: 100%;
	height: 100%;
	background: rgba(145, 64, 148, 0.4);
	background: -moz-linear-gradient(left, rgba(0, 116, 189, 0.4) 0%, rgba(145, 64, 148, 0.4) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 116, 189, 0.4)), color-stop(100%, rgba(145, 64, 148, 0.4)));
	background: -webkit-linear-gradient(left, rgba(0, 116, 189, 0.4) 0%, rgba(145, 64, 148, 0.4) 100%);
	background: -o-linear-gradient(left, rgba(0, 116, 189, 0.4) 0%, rgba(145, 64, 148, 0.4) 100%);
	background: -ms-linear-gradient(left, rgba(0, 116, 189, 0.4) 0%, rgba(145, 64, 148, 0.4) 100%);
	background: linear-gradient(to right, rgba(0, 116, 189, 0.4) 0%, rgba(145, 64, 148, 0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0174bd', endColorstr='#914094', GradientType=1);
}

.tileText h3 {color: #ffffff; margin-top: 0; padding-top: 0;font-weight: 700;font-size: 1.35rem;
	text-align: center;}

.tileText a { color: #fff;}

.tileText a:hover {text-decoration: none;}

#visualheader {background-color: #914094; color: #ffffff; font-size: 40px; text-align: center; position: relative;}

#visualheader .text {position: relative; bottom: 140px; height: 0;}

#visualheader .text p { padding: 10px; width: 980px; margin: 0 auto; text-align: right;}

#container {
	width: auto;
	background: transparent url("../Images/Eimer-bkg.png") no-repeat bottom left;
}

#colNormal,
#colLeft,
#colRight {margin-bottom: 20px;}

/* LAYOUT: Einzelne Bereiche ------------------------------------------------ ">*/
#logo {height: auto; margin: 15px 0 0 6px; width: 180px; float: left}

#logo a {width: 100%;height: 100%;}

#subnav {width: 25%; float: left;}

.home #column1 {display: none;}

#centercontent {position: relative; float: right; width: 100%}

.home #centercontent {float: none; width: 100%;}

#content {padding: 30px 2%; background-color: #ffffff; width: 75%; float: right;}

#servicelinks {
	clear: both;
	margin: 25px 0 10px 0;
	font-size: 0.78rem;
}

#printlink, #pdflink {display: inline;}

#pdflink {padding-left: 5px; margin-left: 5px; border-left: 1px solid;}

#banner {width: 468px;height: 60px;overflow: hidden; display: none;}

/* --- CONTENT: Suchbox  ---------------------------------------------------------------------------------------------------------------- */
#search {float: right; margin: 0;}

#search #mailform {width: auto}

#search label {display: none;}

input.topsuchfeld,
#search input[name="sword"] {background-color: #ffffff;width: 150px;height: 22px;float: left;}

/* --- CONTENT: Loginbox  ---------------------------------------------------------------------------------------------------------------- */
#login, #loginstate {margin: 50px 5px 10px 15px; width: 155px;}

#login {border: 1px solid #cccccc; padding: 5px;}

#loginstate {
	margin-top: 10px;
	color: #914094;
	font-weight: bold;
}

input.form_login {
	width: 150px;
	height: 15px;
	font-size: 9px;
	margin-bottom: 2px;
}

/* --- TEMPLATE: SUBTEMPLATE ---------------------------------------------------------------------------------------------------------------- */
.colwidth, div.colwidth {width: 48%;}

.fullwidth {width: 100%;}

.nofloat {float: none;}

/* Positionierung des Inhalts, Formatierung der Inhaltsbereiche des Inhaltstemplates */
#left, .left {float: left; width: 100%;}

#right, .right {float: right; width: 30%;}

#colLeft {float: left;}

#colRight {float: right;}

#colFusszeile {clear: both;}

/* --- TEMPLATE: Popup-Template - ---------------------------------------------------------------------------------------------------------------- */
body.popup {
	margin: 20px;
	background-image: none;
}

.popup #right {display: none !important;}

.popup #content {
	margin: 0;
	padding: 0;
	background-image: none;
	width: auto;
}

.popup .left, .popup #left,
.popup .right, .popup #right {float: none !important; width: auto !important;}

.popup #colNormal {padding-right: 0;}

/* --- MISC: Globale Klassen - ---------------------------------------------------------------------------------------------------------------- */

.item {cursor: pointer}

.spacer-gif, img.spacer-gif {clear: both; display: block;}

.menuskip, .menu ul li.menuskip {display: none !important;}

.pagebrowser {
	font-size: 0.91rem;
	text-align: center;
	margin: 10px 0;
	padding: 0 20px 0 0;
}

/*  clearer - prevent floated images from overlapping the div-containers they are wrapped in  */
.divider, .clearer {
	width: 1px;
	height: 1px;
	clear: both;
	font-size: 1px;
	line-height: 0;
}

.divider {height: 5px;}

/*  backlink immer UNTERHALB des contents, inkl. aller floats  */
.backlink {
	font-weight: normal;
	padding: 20px 0 0 0;
	clear: both;
}

.smalltext {font-size: 0.91rem;}

.tinytext, sub, sup {font-size: 0.78rem;}

.leftcontent {padding-right: 5px}

.rightcontent {padding-left: 5px}

.vmiddle, tr.vmiddle, tr.vmiddle th, tr.vmiddle td {vertical-align: middle;}

.align-left {text-align: left;}

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

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


/* --- MISC: TABELLEN: DEFAULTS ---------------------------------------------------------------------------------------------------------------- */
.fulltable th {
	text-align: left;
	font-weight: normal;
	background-color: #914094;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 2px 5px 2px 3px;
	border-spacing: 0;
}

.fulltable td {padding: 2px 15px 2px 3px;}

.recordlist_fulltable {
	border: 1px solid #914094;
	margin: 10px 0;
}

.recordlist_fulltable th {
	text-align: left;
	font-weight: normal;
	background-color: #914094;
	color: #ffffff;
	padding: 2px 5px 2px 3px;
	border-spacing: 0;
}

.recordlist_fulltable td {
	border: 1px solid #914094;
	padding: 3px;
	border-spacing: 0;
}

/* keine Border fuer zellen mit dieser klasse */
.recordlist_fulltable td.noborder {border: 0;}


/* --- EXT: NEWS (tt_news) ---------------------------------------------------------------------------------------------------------------- */

.news-browse {text-align: center;}

.news-date { font-size: 0.78rem;}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container .item {
	margin: 15px 0;
	padding: 0;
	clear: both;
}

.news-latest-container h3 {font-size: 1rem; padding: 5px 0 0 0; color: #000000;}

.news-latest-container p.morelink {padding: 0; color: #000000;}

.news-latest-container .images {
	float: right;
}

.news-latest-container a {color: #000000;}

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {margin: 5px 0 5px 0;}

.news-list-container .item { padding: 5px 0 0 0;}

.news-list-container h2 {font-size: 1.3rem; padding-bottom: 0;}

.news-list-container img {float: left;max-width: 30%; height: auto; margin: 10px 10px 10px 0;}

.news-list-container .category img {float: none;border: none;margin: 0px;}

/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox td p {margin: 0; padding: 0;}

.tx-ttnews-browsebox td { font-size: 0.78rem; padding: 2px 5px; }

.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }

.tx-ttnews-browsebox-SCell, .tx-ttnews-browsebox-SCell p { font-weight: bold; }

.news-search-emptyMsg {margin-left: 10px;}

/*-------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-container .images {float: right; padding-right: 0;}

.news-single-container .text {float: left; padding-left: 0;}

.news-single-container .date {font-style: italic;}

/* block mit links, related news, files */
.news-additional-info {margin: 0;}

.news-additional-info .news-list-container {margin: 0;}

.news-additional-info .news-list-container .item {margin: 0 0 5px 0;}

.news-additional-info h4 {padding-top: 20px;}

.news-additional-info p.news-item, .news-links p.bodytext {padding: 0 0 5px 0; margin: 0;}

.news-related, .news-files, .news-links {margin: 0 0 10px 0;}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
#news-amenu-container {margin: 0 0 10px 0;}

#news-amenu-container UL {margin: 0;}

#news-amenu-container LI {
	list-style: none;
	list-style-image: none;
	background-image: none;
	padding: 0 0 1px 0;
	margin: 0;
}

#news-amenu-container LI.news-amenu-item-year {
	font-weight: bold;
	list-style-image: none;
	list-style: none;
	margin: 10px 0 2px 0;
}

/*--------------------------------- YAG --------------------------------- */
.tx-yag-album-thumb-outerframe,
.tx-yag-item-thumb-outerframe {height: auto;}

.tx-yag-pager li {background: none;}

.tx-ptextlist-pager li.number a, .tx-ptextlist-pager li a span, .tx-ptextlist-pager li.number .cur, .tx-ptextlist-pager li.number .fill {font-size: 1rem; height: auto;padding: 2px 10px 4px 10px;width: auto;line-height: 23px;margin-right: 6px;text-align: center; background: transparent none; color: #BFBFBF;}

.tx-ptextlist-pager li.number a:hover, .tx-ptextlist-pager li a:hover span, .tx-ptextlist-pager li a:hover, .tx-ptextlist-pager li.active a {
	color: #914094;
	text-decoration: none;
}

.tx-yag-item-thumb-outerframe {display: inline-block; height: 170px; }

/*--------------------------------- multicontent --------------------------------- */

.tx-jfmulticontent-pi1 * {font-family: 'Roboto', Arial, Helvetica, Verdana, sans-serif;}

.tx-jfmulticontent-pi1 .ui-tabs {border-top: 0;}

.tx-jfmulticontent-pi1 .ui-tabs-nav {background: none transparent !important; border: 0; color: #FFFFFF;}

.tx-jfmulticontent-pi1 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {color: #914094;}

.tx-jfmulticontent-pi1 .ui-state-default,
.tx-jfmulticontent-pi1 .ui-widget-content .ui-state-default,
.tx-jfmulticontent-pi1 .ui-widget-header .ui-state-default {
	background: none;
	border: 0;
	background: #ECECEC;
}

.ui-tabs .ui-tabs-nav li a,
.tx-jfmulticontent-pi1 .ui-widget-header, .ui-widget-header a {color: #666666;}

.tx-jfmulticontent-pi1 > .ui-widget-content { border-top: none; background: transparent none;}

/*--------------------------------- MISC: Formulare: DEFAULTS --------------------------------- */
.buttons input {margin-right: 5px;}

/*--------------------------------- MISC: Formulare: Tabellen --------------------------------- */
.searchform_table td {padding: 3px 5px 3px 0;}

/*--------------------------------- Printversion --------------------------------- */
body.print {
	background-color: #ffffff;
	color: #000000;
	margin: 20px;
}

/* --- EXT: RTE ---------------------------------------------------------------------------------------------------------------- */
/* Klassen auf listen, die im RTE zur Verfuegung stehen sollen. DEFINIERT sind sie schon weiter oben - einfach auflisten mit dem jeweiligen Tag davor!  */
p.smalltext, p.tinytext, p.backlink {}

h1.header, h2.header, h3.header, h4.header, h5.header, h6.header,
h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader {}

span.smalltext, span.tinytext, span.header, span.subheader {}

.ui-icon {background-image: none !important;text-indent: 0;margin-top: -0.5em;}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {margin-top: -10px;}

.ui-icon:before {content: "\f0fe";font-family: FontAwesome;font-size: 12px; font-style: normal;font-weight: normal;text-decoration: inherit; color: #cccccc; padding-right: 6px;}

.ui-accordion-header-active .ui-icon:before { color: #914094; content: "\f146" }


/* multicontent Tabs */
.tx-jfmulticontent-pi1 { overflow: hidden; position: relative}

/*.tx-jfmulticontent-pi1 .ui-tabs         { width: 65.833333333333%; float: right}*/
.ui-widget-header { border: 0; background: none; font-weight: normal !important}

.ui-widget-content { padding: 0; background: transparent none; border: 0; color: inherit; font-size: inherit; font-family: 'FrutigerNextW01-Regular', helvetica, arial, sans-serif;}

.ui-tabs .ui-tabs-panel { padding: 20px; background: transparent none; border-left: 4px solid #914094; }

.ui-tabs .ui-tabs-nav { padding: 0; border: 0;}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.ui-tabs .ui-tabs-nav li { margin: 0;}

.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-hover a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background: #914094; color: #ffffff;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: 0;padding-bottom: 0;}

.ui-tabs .ui-tabs-nav li {border: 0;}

.ui-tabs .ui-tabs-nav li:before { content: none}

.ui-tabs .ui-tabs-nav li a {margin: 0 0 2px 0; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}


.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {display: block; padding: 10px 17px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: none; color: #914094 !important}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {margin-top: -0.75em;}

.ui-button-icon-only .ui-icon[class*=" icon-"] {margin-left: -7px;}

#searchTrigger {display: none;}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider li { background-image: none; margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.slides li { position: relative;}

html[xmlns] .slides { display: block }

* html .slides { height: 1% }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px }

.flexslider .slides { zoom: 1 }

.flexslider figure.csc-textpic-image { padding-bottom: 0;}

.carousel li { margin-right: 5px }

/**
 * Direction Nav
 */
.flex-direction-nav { *height: 0; display: none !important;}

.standard.wide .flex-direction-nav, .bigpic.small .flex-direction-nav, .bigpic.wide .flex-direction-nav { *height: 0; display: block}

.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next { background-position: 100% 0; right: 0; }

.flex-direction-nav .flex-prev { left: -36px }

.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }

.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1 }


.flexslider div.csc-textpic-responsive figure.csc-textpic-image { padding-bottom: 0}

.flex-direction-nav .flex-disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }

/**
 * Control nav
 */
.flex-control-nav { width: 100%; position: absolute; bottom: 25px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #914094; }

.flex-control-paging li a.flex-active { background: #914094; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1 }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

.go-top:hover {background-color: rgba(0, 0, 0, 0.6);}

.go-top, .go-top:hover {position: fixed;bottom: 1em;right: 1em;text-decoration: none;color: white;background-color: rgba(0, 0, 0, 0.3);font-size: 12px;padding: 1.3em 1.5em;display: none;}

/***/
/** Main Settings*/
/**/
div.tx-powermail h3 { display: none }

.powermail_message { padding-left: 20px; min-height: 65px; background: #ccc; background-position: 98% 10px; background-repeat: no-repeat; }

.powermail_message_ok { background-image: url("../../../../powermail/Resources/Public/Image/icon_ok.html") }

.powermail_message_error { background-image: url("../../../../powermail/Resources/Public/Image/icon_error.html") }

.powermail_message li { padding: 10px 50px 10px 0; font-weight: bold; color: #914094; }

.clear { clear: both }

/** Confirmation*/

.powermail_confirmation { clear: left; border: 0; padding: 10px; margin-bottom: 20px; background: #ccc; }

input.powermail_confirmation_form { float: left; margin-top: 20px; padding: 5px 20px; color: white; font-weight: bold; cursor: pointer; background: #914094;}

input.powermail_confirmation_submit { float: right; margin-top: 20px; padding: 5px 20px; color: white; font-weight: bold; cursor: pointer; background: #914094}


/** JS Form Validation*/

/*Z-INDEX */
.formError { z-index: 990 }

.formError .formErrorContent { z-index: 991 }

.formError .formErrorArrow { z-index: 996 }

.formErrorInsideDialog.formError { z-index: 5000 }

.formErrorInsideDialog.formError .formErrorContent { z-index: 5001 }

.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006 }

.inputContainer { position: relative; float: left; }

.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; }

.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }

.formError .formErrorContent { width: 100%; position: relative; color: #fff; width: 150px; font-size: inherit; border: 0; padding: 4px 10px 4px 10px; background: #914094;}

.greenPopup .formErrorContent { background: #33be40 }

.blackPopup .formErrorContent { background: #393939; color: #FFF; }

.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; }

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0 }

.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }

.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; font-size: 0px; height: 1px; margin: 0 auto; line-height: 0; font-size: 0; display: block; background: #914094;}

.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40 }

.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }

.formError .formErrorArrow .line9 { width: 13px; border: none; }

.formError .formErrorArrow .line8 { width: 11px }

.formError .formErrorArrow .line7 { width: 9px }

.formError .formErrorArrow .line6 { width: 7px }

.formError .formErrorArrow .line5 { width: 5px }

.formError .formErrorArrow .line4 { width: 3px }

.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }

.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }

.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }


#swipebox-overlay { background: none transparent;}

#swipebox-slider .slide { background-color: rgba(0, 0, 0, 0.90)}

#logo {
	/*background-color: lightyellow;*/
	float: none;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 25px;
}


#header {
	/*background-color: lightsalmon;*/
	padding: 0;
	position: relative;
	height: 140px;
	padding-top: 10px;
}

#search {
	/*background-color: darkblue;*/
	float: right;
	display: inline-block;
	margin-top: 5px;
}

#topnav {
	/*background-color: seagreen;*/
	float: right;
	display: inline-block;
	margin-right: 20px;
}


#emailtelephone {float: left;}

#topnav ul {float: left; margin-left: 20px; padding: 5px 0;}

/* #################################################################################################*/
/* ################   dropdownmenu start   #########################################################*/
/* #################################################################################################*/

/* ----------------  dropdownmenu for desktop -------------------------------------------------------*/
@media screen and (min-width: 769px) {
	/* todo dropdowns visible for debug, remove before deploy*/
	/*.js #dropdown .level-1 ul  {display: block!important;}*/
	/*#dropdown { min-height: 300px!important}*/
	#dropdownTrigger, #closeDropdownTrigger {display: none;}

	#dropdown { color: #3B3B3B; font-family: 'Montserrat', 'Roboto Light', Arial, Helvetica, Verdana, sans-serif; font-size: 1rem; vertical-align: middle; clear: both; position: relative; z-index: 999;float: right;}

	#dropdown {
		/*background-color: lightblue;*/
		display: inline-block;
		float: none;
		position: absolute;
		bottom: 14px;
		right: 0;
	}


	#dropdown ul {padding: 0; margin: 0 0 0 -0.25em; border: 0; float: right;}

	#dropdown .level-1 ul { background-color: rgba(255, 255, 255, 0.85); display: none; position: absolute; top: 40px; right: 9px; min-width: 12em; padding: 0; }

	#dropdown li { background-image: none; border: 0; margin: 0; padding: 0.6em; display: inline-block;}

	#dropdown .sub li { text-align: left }

	#dropdown .level-1 li { margin: 0;}

	#dropdown .level-1 > li { position: relative; z-index: 10; }

	#dropdown .level-3 li { /*width: 12em;*/ background-color: rgba(255, 255, 255, 0.85);}

	#dropdown .level-1 > li:last-child { padding-right: 0;}


	#dropdown a { color: #FFF; display: block; padding: 3px 8px 1px; position: relative; }

	#dropdown .sub a { padding: 0; }

	#dropdown a:link { text-decoration: none }

	#dropdown a.active,
	#dropdown a.active:link,
	#dropdown a.active:visited { color: #3B3B3B;}

	#dropdown .level-1 a:link,
	#dropdown .level-1 a:visited,
	#dropdown .level-1 a:active {text-align: right; color: #000; background-color: transparent; text-transform: uppercase; font-weight: 700; letter-spacing: 0.01rem; font-size: 1rem;}

	#dropdown .level-1 .has-subnav ul a:link,
	#dropdown .level-1 .has-subnav ul a:visited,
	#dropdown .level-1 .has-subnav ul a:active { color: #4B4B4B; border: 0; font-size: 0.8rem; }

	#dropdown .level-1 .has-subnav ul a:link,
	#dropdown .level-1 .has-subnav ul a:visited { color: #000000;}

	#dropdown .level-1 .has-subnav ul li.active a,
	#dropdown .level-1 .has-subnav ul a:hover {
		/*background-color: #f5f5f5; */
		-webkit-transition: background-color 500ms linear;
		-moz-transition: background-color 500ms linear;
		-o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;
		color: #914094; -webkit-transition: color 300ms linear; -moz-transition: color 300ms linear; -o-transition: color 300ms linear; -ms-transition: color 300ms linear; transition: color 300ms linear;}

	#dropdown .has-subnav > a:before { content: "\f177"; font-family: FontAwesome;font-size: 14px; font-style: normal;font-weight: normal;text-decoration: inherit; color: #914094; cursor: pointer;padding: 0.8em 1em;}

	#dropdown .has-subnav > a.active:before { content: "-" }

	#dropdown .level-1 > .has-subnav > a:before { content: ""; display: none;}

	#dropdown .level-1 > li:hover {color: #0174bd;}

	#dropdown .level-1 > li.active > a:first-child,
	#dropdown .level-1 > li:hover > a:first-child {
		color: #fff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0074bd+0,5f67ab+50,9d519e+100 */
		background: #0074bd; /* Old browsers */
		background: -moz-linear-gradient(left, #0074bd 0%, #5f67ab 50%, #9d519e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0074bd), color-stop(50%, #5f67ab), color-stop(100%, #9d519e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #0074bd 0%, #5f67ab 50%, #9d519e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #0074bd 0%, #5f67ab 50%, #9d519e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #0074bd 0%, #5f67ab 50%, #9d519e 100%); /* IE10+ */
		background: linear-gradient(to right, #0074bd 0%, #5f67ab 50%, #9d519e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bd', endColorstr='#9d519e', GradientType=1); /* IE6-9 */

	}

	#dropdown.active,
	#dropdown .level-1 .active { max-height: 55em }

	#dropdown .level-1 ul li { position: relative; display: block !important; padding: 10px; }

	#dropdown .sub .level-2 { top: 2.8em; left: 0; }

	#dropdown .sub .level-3 { top: -1px; right: 100%; background-color: transparent;}

	#dropdown .sub .level-4 { top: -1px; right: 100%; background-color: transparent;}

	/* menu without animation start*/
	/*.js #dropdown .level-1 li:hover > ul {display: block;}*/
	/* menu without animation end*/
	/* menu WITH animation start*/
	#dropdown,
	#dropdown .level-1 ul { clear: both; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

	@-webkit-keyframes fadeIn {
		0% { opacity: 0 }
		20% { opacity: 0 }
		40% { opacity: 0.3 }
		60% { opacity: 0.5 }
		80% { opacity: 0.9 }
		100% { opacity: 1 }
	}
	@keyframes fadeIn {
		0% { opacity: 0 }
		20% { opacity: 0 }
		40% { opacity: 0.3 }
		60% { opacity: 0.5 }
		80% { opacity: 0.9 }
		100% { opacity: 1 }
	}
	.js #dropdown .level-1 li:hover > ul { -webkit-animation-name: fadeIn; -webkit-animation-duration: 300ms; animation-name: fadeIn; animation-duration: 300ms; }

	/* menu WITH animation end*/
}

#dropdown ul .level-2, #dropdown ul .level-3, #dropdown ul .level-4 {border-width: 1px; border-top-color: #0174bd; border-bottom-color: #914094; border-style: solid none;}

/* ######################################################*/
/* ################     Media Queries    ################*/
/* ######################################################*/
/* Menue wenn groesser als mobile aber maximal tablet */
@media all and (min-width: 481px) and (max-width: 768px) {
	#dropdown, #dropdown * {font-size: 0.95rem !important;}

}

@media all and (max-width: 992px) {
	body {font-size: 13px;}

	#indicator {background-color: green;}

	#seite {width: 100%;}

	#header, #inhalt {width: 95%; margin: 0 auto;}

	#subnav {padding: 30px 15px 0 0;}

	#subnav ul {margin: 0; padding-top: 5px;}

	#subnav li {padding-bottom: 7px;}

	#subnav .sub {padding-top: 5px; margin: 0;}

	#subnav a:link, #subnav a:visited {font-size: 0.8rem; line-height: 1rem;}

	#header {height: 185px;}

	#logo {bottom: 60px;}

	#visualheader .text p { width: 80%; }

	.csc-textpic-responsive .csc-textpic-intext-right-nowrap .csc-textpic-imagerow {margin-left: -10px;}

	.csc-textpic-responsive .csc-textpic-intext-left-nowrap .csc-textpic-imagerow {margin-right: -10px;}

	.news-latest-container h3 {font-size: 0.8rem;}

	.news-single-container .images {padding-left: 0;}

	.news-single-container .text {padding-right: 0;}

	#tilesLeft,
	#tilesRight {float: none; width: 100%; height: 50%;}

	#tilesRight .tile,
	#tilesRight .tile:nth-child(2),
	#tilesRight .tile:nth-child(5),
	#tilesLeft .tile,
	#tilesLeft .tile:nth-child(2),
	#tilesLeft .tile:nth-child(5) {float: left; width: calc(100% / 3); height: 100%;}

	#tilesLeft a.thumb:nth-child(2),
	#tilesRight a.thumb:nth-child(2) {float: right; width: calc(100% / 3); height: 100%;}

	#tilesLeft a.thumb:nth-child(2) .tile,
	#tilesRight a.thumb:nth-child(2) .tile {width: 100%; height: 100%;}

	.tileText h3 {
		font-size: 1.15rem;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		word-break: break-word;
	}

}

@media all and (max-width: 675px) {
	#tiles {display: none !important;}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	#inhaltsblock {
		width: 100%;padding: 0 20px;
	}

	#content {
		width: 70%;
	}

	#subnav {
		width: 30%;
	}

}

@media all and (max-width: 768px) {
	#indicator {background-color: greenyellow;}

	#content {width: 100%; float: none;}

	#left, .left, #right, .right {float: none; width: auto;}

	#subnav {display: none;}


	/* ----------------  dropdownmenu for mobile -------------------------------------------------------*/
	#dropdownTrigger {
		/*background-color: darkseagreen;*/
		display: block; float: right; box-sizing: border-box; cursor: pointer; position: relative; z-index: 999;font-size: 28px; margin: 0; padding: 12px 15px 9px 15px;
		position: absolute;
		right: 0;
		bottom: 10px;
	}

	#dropdownTrigger.active { color: #914094 }

	#closeDropdownTrigger {font-size: 38px; display: none;}

	#dropdown { color: #ffffff; font-size: 1.0rem; vertical-align: middle; width: 100%; clear: both; position: absolute; top: 0; z-index: 888; display: none; margin-top: 0; padding-top: 185px;}

	#dropdown a {text-align: center;}

	#dropdown a:link { text-decoration: none; text-transform: uppercase}

	#dropdown ul { margin: 0; padding: 0;}

	#dropdown ul.level-1 {border: 1px solid #000000; }

	#dropdown ul.level-2.active {border-bottom: 1px solid #000000; }

	#dropdown ul.level-2 ul.level-3 li {background-color: rgba(0, 0, 0, 0.75);}

	#dropdown li { background-image: none; border: 0; margin: 0; padding: 0; display: block; overflow: hidden;}

	#dropdown li.has-subnav > a:before { content: '+'; position: absolute;right: 10px; font-size: 1.5em; margin: 0;}

	#dropdown li.has-subnav > a.active:before {content: '-' !important;position: absolute;right: 10px;}

	#dropdown li a {display: block; padding: 5px 10px; border-bottom: 1px solid #000000; position: relative;}

	#dropdown li:last-child a {border-bottom: 0px;}

	#dropdown .has-subnav > a:before,
	#dropdown .level-1 > .has-subnav > a:before {display: block;}

	#dropdown .has-subnav > a:after {display: none;}

	#dropdown ul .level-2, #dropdown ul .level-3, #dropdown ul .level-4 {border-width: 0;}

	#dropdown > ul > li > a {line-height: 43px;}

	/*#dropdown ul.level-1 > li > a {line-height: 43px;}*/
	#dropdown a {background-color: #ffffff;}

	#dropdown a:link,
	#dropdown a:visited,
	#dropdown a:active { color: #000000;}

	#dropdown a:hover {background-color: #914094; color: #ffffff;}

	#dropdown a.active {background-color: #ffffff; color: #914094;}

	#dropdown a.active:hover {background-color: #914094; color: #ffffff;}

	#dropdown,
	#dropdown > ul ul { clear: both; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

	.js #dropdown,
	.js #dropdown > ul ul { overflow: hidden; max-height: 0;}

	#dropdown.active,
	.js #dropdown > ul ul.active { max-height: 155em }

	#dropdown ul.level-2 a { padding: 0.6em; border: 0;}

	#dropdown ul.level-2 > li.active > a {background-color: #914094; color: #ffffff !important; }

	#dropdown ul.level-2 li.active > a,
	#dropdown ul.level-2 a.active,
	#dropdown ul.level-2 a:active {font-weight: normal; color: #914094;}

	#dropdown ul.level-2 a:hover {background-color: #914094; color: #ffffff;}

	#dropdown ul.level-3 a {background-color: #ffffff;}

	#dropdown ul.level-3 li.active > a,
	#dropdown ul.level-3 a.active,
	#dropdown ul.level-3 a:active,
	#dropdown ul.level-3 a:hover {color: #ffffff; background-color: #914094; }

	#dropdown ul.level-3 a { padding: 0.6em 0.6em 0.6em 8%; }

	#dropdown ul.level-4 a { padding: 0.6em 0.6em 0.6em 12%; }

	#dropdown li.c24 > a:after {display: none;}

	.hide {display: block !important;}

	/* ----------------  /dropdownmenu for mobile -------------------------------------------------------*/
	#logo {top: 25px;}

	#topnav {float: none; width: 100%; margin: 22px 0 0 0px; text-align: right; padding-right: 10px;}

	#emailtelephone {float: none;}
}

@media all and (max-width: 767px) {
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
		padding-left: 0;
	}

	.csc-textpic-intext-left .text {
		margin: 10px 0 40px;
	}
}

@media all and (max-width: 480px) {
	#indicator {background-color: orange;}

	body {font-size: 16px;}

	#inhalt, #header {width: 100%;}

	#content {padding-left: 3%; padding-right: 3%;}

	#rootline, #sprachnav { display: none;}

	#bottomnav {padding: 0; overflow: initial;}

	#bottomnav ul {float: none; border-top: 1px solid #fff; padding-top: 10px; margin-bottom: 10px;}

	#address {float: none; margin-bottom: 5px; text-align: left;}

	#address ul {margin: 0; padding: 0; border-top: 0;}

	#address ul li {display: block; float: none; padding: 0; margin: 0;}

	#colLeft, #colRight {float: none;}

	.colwidth, div.colwidth {width: 100%;}

	#header {height: auto;}

	#topnav {float: none; width: 100%; margin: 10px 0; text-align: left;}

	#tiles {display: none !important;}

	#emailtelephone {float: none;}

	#logo { width: 75px; height: 40px;margin: 0; bottom: initial; top: 15px;}

	.flex-control-nav { bottom: -25px; z-index: 777;}

	/* remove left and right paddings from full imagerows*/
	.csc-textpic-responsive .images.col-xs-12 {margin-left: -5px;}

	.csc-textpic-responsive .images.col-xs-12 {margin-right: -5px;}

	.csc-textpic-responsive .images.col-xs-12 {margin-left: -5px; margin-right: -5px;}

	#search { padding: 2%; margin-bottom: 0; width: 100%; clear: both; float: none; color: #000; display: none; font-size: 1.2rem;}

	.searchsubmit:before { content: "Suche starten";color: #ffffff; }

	button.searchsubmit { display: block; width: 100%;background-color: #914094; height: 3rem;}

	#searchTrigger {
		/*background-color: royalblue;*/
		width: 50px; height: 49px; margin: 0; display: block; float: right; cursor: pointer; padding: 13px 15px 12px 15px;}

	#searchTrigger.highlight { }

	#searchTrigger:before { content: "\f002";font-family: FontAwesome;font-size: 24px; font-style: normal;font-weight: normal;text-decoration: inherit; color: #373737; padding-right: 6px; cursor: pointer;}

	#searchTrigger.highlight:before { color: #914094;}

	.fa.fa-search { font-size: 25px;cursor: pointer; }

	.fa.fa-bars { color: #373737;}

	.active .fa.fa-bars { color: #914094;}

	#search input[name="sword"] { height: 2rem; line-height: 30px; vertical-align: middle; float: none; padding: 3px 0 2px 1%; width: 100%; border-radius: 0; border: 0; background-color: #d4d4d4}

	#mailformsword:focus { border: 0;}

	#header, #inhalt {color: #000000; padding: 0;}

	#mailform, #tx-srfeuserregister-pi1-fe_users_form, .tx-powermail {width: auto;}

	div.tx-powermail, div.powermail_fieldwrap_file_inner, .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {width: 100%;}

	.powermail_fieldset, fieldset.csc-mailform { padding: 0; border: 0; width: auto;}

	.powermail_label, .csc-mailform-field label {float: none; width: auto; font-size: 1rem;padding: 10px 0 5px 0;}

	.csc-mailform-field .csc-mailform-label,
	.tx-srfeuserregister-pi1 dt,
	.tx-srfeuserregister-pi1 dd {padding: 0; border: 0;}

	.csc-mailform-field label, .powermail_label
	.tx-srfeuserregister-pi1 dt {display: block; width: auto; padding: 10px 0 5px 0;}

	.csc-mailform-field input,
	.powermail_field.powermail_input,
	.tx-srfeuserregister-pi1 input,
	.csc-mailform-field select,
	.tx-srfeuserregister-pi1 select,
	.csc-mailform-field textarea, .powermail_field {border: 1px solid #cccccc; width: 100%; box-sizing: border-box; border-radius: 0;}

	.csc-mailform-field select,
	.tx-srfeuserregister-pi1 select {height: auto;}

	.csc-mailform-field input[type="text"] {height: 30px}

	.csc-mailform-field textarea {overflow: auto; width: 100%;}

	.powermail_label.powermail_radio_legend {width: 100%}

	.powermail_legend {float: none; margin: 0 0 20px 0; padding: 0; font-size: 1rem;}

	.powermail_submit, input.csc-mailform-submit, input.tx-srfeuserregister-pi1-submit {float: none; margin: 0; width: 100%;}

	.csc-mailform-field .csc-mailform-radio input,
	.csc-mailform-field input[type="radio"],
	.tx-srfeuserregister-pi1 input[type="radio"],
	.csc-mailform-field .csc-mailform-check input,
	.csc-mailform-field input[type="checkbox"],
	.tx-srfeuserregister-pi1 input[type="checkbox"] {width: 20px !important; height: auto;}

	.powermail_submit, input.csc-mailform-submit, .tx-srfeuserregister-pi1-submit {margin-right: 0;}

	.powermail_radio_inner {margin: 4% 0}

	input[type="radio"] + label,
	input[type="checkbox"] + label,
	.csc-mailform-check + label {display: inline !important; padding: 0 20px 0 5px; width: 95%; height: 20%;}


	.tx-srfeuserregister-pi1 dd.checkbox {width: auto; padding: 10px 0 5px 0;}

	.tx-srfeuserregister-pi1 dt.checkboxlabel {width: 90%;}


	.csc-mailform-submit,
	.tx-srfeuserregister-pi1-submit {margin-left: 0;}

	.tx-srfeuserregister-pi1 dt {float: none; width: auto;padding: 10px 0 5px 0;}

	.tx-srfeuserregister-pi1 dd label {padding: 10px 0 5px 0; display: block; clear: both;}

	#rootline { color: #ffffff; padding: 0 2%;}


	.tx-yag-album-thumb-outerframe { float: none; width: 100% !important; overflow: hidden; cursor: pointer;}

	.tx-yag-item-thumb-outerframe { width: 50% !important; height: auto;}

	.tx-yag-items li, .tx-yag-item-thumb-outerframe img { width: 100% !important;}

	.ui-tabs .ui-tabs-nav li:last-child a { margin: 0;}

	.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a { float: none; border: 0;margin: 0 0 0 0; top: 0; color: #524d4b; font-size: inherit; background: transparent}

	.contenttable {font-size: 0.7rem}

	/*#visualheader .text { position: absolute; left: 20px; top: 20px;font-size: 80px;}*/
	/*#visualheader .text p { position: absolute; left: 20px; top: 20px;font-size: 80px;}*/
	#dropdown { padding-top: 105px;}

	H1 {
		font-size: 1.25em;
		line-height: normal;
	}


}

img.frontEndEditIcons {display: inline !important; width: auto !important;}

#inhalt {border: 0 solid #914094;}

/* HOME */
.home #visualheader {display: none;}

.home #tiles {display: block;}

.home_tiles #content #left #colNormal *,
.home_tiles #subnav,
.home_tiles #footer {
	display: none;
}

.home_tiles #content #left #colNormal > div,
.home_tiles #content #left #colNormal > div > div,
.home_tiles #content #left #colNormal > div > div * {
	display: block;
}

.home_tiles #content {
	background-color: transparent;
}

#home_header {
	/*display: none;*/
}

#home_header h1 {
	clear: both;
	text-align: center;
	line-height: 1rem;
}

#home_header h2 {
	clear: both;
	line-height: normal;
	text-align: center;
	text-indent: 200px;
}

@media all and (max-width: 480px) {
	#home_header h1, #home_header h2 {
		line-height: normal;
		text-indent: 0;
	}

	#home_header h1 {
		font-size: 2em;
	}

	#footer ul li:after {
		content: "";
	}
}

/* Anpassung Cookie-Hinweis */
.cookie-container {
	display: none;
	font-size: 18px;
	text-align: center;
	background: rgba(0, 0, 0, 0.75);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	padding: 0 10px;
	color: #FFFFFF;
}

.cookie-container a {
	color: #FFFFFF;
	text-decoration: underline;
}

.cookie-container .cookie {
	padding: 20px 0 40px 0;
	position: relative;
	max-width: 1224px;
	margin-right: auto;
	margin-left: auto;
}

.cookie-container .cookie button {
	border: none;
	font-size: 16px;
	vertical-align: middle;
	padding: 10px 25px;
	height: auto;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background: #FFFFFF;
	color: #000000;
	margin: 15px 0 0 0;
}