@charset "utf-8";

* { margin:0px; padding:0px; }

body {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url('/fileadmin/Templates/images/bg_body.webp');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#fff;
}

img {
	border:0px;
	padding:0px;
	margin:0px;
	max-width:100%;
	height:auto !important;
}

#RightColStartpage .frame-type-image img,
#RightCol .frame-type-image img {
	margin-bottom:10px !important;
}

.clear { 
	clear:both;
}

/* editPanel */
.typo3-editPanel-controls img {
	padding:5px;
}

/* Formulare */
fieldset {
	border:none;
}

.form-group {
	margin-bottom:10px;
}

.form-group:after {
	content: "";
	display: table;
	clear: both;
}

label {
	width: 130px;
	display: block;
	float: left;
}

.form-check-label{
	width: auto;
}

.form-check-label input[type="checkbox"] {
	margin-right:0.5rem;
}

input[type="text"],
textarea {
	width:70%;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	padding:0.3rem 0.5rem;
	border:1px solid rgb(204, 204, 204);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

input[type="text"]:focus,
textarea:focus {
	border:1px solid #000;
}

textarea {
	height:8rem;
}

.btn.btn-primary {
	background:#e3000f;
	color: #fff;
	font-weight:bold;
	text-transform: uppercase;
	border:none;
	padding:0.3rem 1rem;
	cursor:pointer;
}

/* Adminbereich rechts */
#admin {
	color:#000;
	background-color:#fff;
	border:1px solid #ee0000;
	padding:5px;
	margin: 0 15px 15px 15px;
}

#admin a {
	color:#ee0000;
	font-weight:bold;
	text-decoration:none;
	background-color:inherit;
}

#admin a:link, #admin a:visited {
	color:#ee0000;
	font-weight:bold;
	text-decoration:none;
	background-color:inherit;
}

#admin a:hover {
	color:#ee0000;
	font-weight:bold;
	text-decoration:underline;
	background-color:inherit;
}

/* ################	Textformatierung ######################### */
h1 {
	font-size:14px;
	color:#e3000f;
	background-color:inherit;
	margin-bottom:15px;
}

h2, h2 a {
	font-size:14px;
	color:#e3000f;
	background-color:inherit;
	margin-bottom:10px;
}

.frame p {
	line-height:17px;
	margin-bottom:15px;
}

.frame p a:link, 
.frame p a:visited, 
td a:link, 
td a:visited {
	color:#000;
	background-color:inherit;
	text-decoration:underline;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.frame p a:hover, td a:hover {
	color:#e3000f;
	background-color:inherit;
	text-decoration:underline;
}

#CenterCol ol, 
#RightCol ol, 
#CenterColStartpage ol, 
#RightColStartpage ol {
	margin-left:19px;
	line-height:17px;
}

#CenterCol ul, 
#RightCol ul, 
#CenterColStartpage ul, 
#RightColStartpage ul {
	margin-left:15px;
	line-height:17px;
}

/* fuer Inhaltselement bilder */
#CenterCol .ce-row ul, 
#RightCol .ce-row ul, 
#CenterColStartpage .ce-gallery ul, 
#RightColStartpage .ce-gallery ul {
	margin-left:0px;
	line-height:0px;
}

span.roterText {
	font-weight:bold;
	background-color:inherit;
	color:#e3000f;
}

/* ################	Videos ######################### */
.VideoCaption320, .VideoCaption480, .VideoCaption560, .VideoCaption640 {
	width:320px;
	font-style:italic;
	background-color:inherit;
	color:#e3000f;
	padding-top:10px;
}

.VideoCaption320 {
	width:320px;
}

.VideoCaption480 {
	width: 480px;
}

.VideoCaption560 {
	width:560px;
}

.VideoCaption640 {
	width:600px;
}

iframe,
embed{
	max-width: 100%;
	height:auto;
}

iframe.gooding {
	width:160px; 
	max-width:100%; 
	height:260px; 
	border: 0; 
	padding:0 0 5px 0; 
	margin:0 0 0 5px;
}
iframe.googlemaps {
	height:450px;
}
/* ################	lightbox ######################### */
.LightboxCapture {
	text-align:left;
	background-color:inherit;
	color:#e3000f;
	padding-bottom:5px;
}

.LightboxCountPic {
	text-align:left;
}

/* ################	Inhaltselemente ######################### */
/* abstand inhaltselemente */
.frame , .frame-default {
	margin-bottom:20px;
}

.frame-custom-1 {
	color:inherit;
	background-color:#eee;
	padding:10px
}

/* mit rahmen */
#CenterCol .frame-custom-1 header, 
#CenterColStartpage .frame-custom-1 header {
	color:#fff;
	background-color:#e3000f;
	padding:5px;
	margin-bottom:10px;
}

/* uerberschrift im rahmen hauptinhaltsbereich */
#CenterCol .frame-custom-1 h2, 
#CenterColStartpage .frame-custom-1 h2 {
	font-size:12px;
	color:#fff;
	background-color:inherit;
	margin-bottom:0px;
}

/* rechte Spalte */
#RightCol .frame, 
#RightColStartpage .frame {
	color:inherit;
	background-color:#ddd;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:10px 10px 0px 10px;
}

#RightCol .frame header, #RightColStartpage .frame header {
	color:#fff;
	background-color:#e3000f;
	padding:5px;
	margin-bottom:10px;
}

#RightCol h2, #RightColStartpage h2 {
	color:#fff;
	background-color:inherit;
	font-size:12px;
	margin-bottom:0px;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}

#RightCol h2 a, #RightColStartpage h2 a {
	color:#fff;
}

.image-caption {
	font-style:italic;
	background-color:inherit;
	color:#e3000f;
	padding-top:5px;
}

.image-caption a {
	color:#e3000f;
}

/* kein scrollbalken bei Bildern */
.csc-textpic-intext-left ol, 
.csc-textpic-intext-left ul {
	overflow:hidden; 
}

hr.ce-div{
	clear: both;
	background:none;
	border: none;
	border-top: 1px solid #bbb;
}

/* ################ Tabellen ######################### */
table.ce-table {
	color:inherit;
	background-color:#fff;
	border-collapse:collapse;
	width:100%;
	margin:8px 0px 8px 0px;
	padding:25px 0px 0px 0px;
}

table.ce-table p {
	margin-bottom: 0;
}

table.ce-table tr td {
	vertical-align:top;
	font-size:11px;
	text-align:left;
	padding:5px 8px 7px 8px;
}

table.ce-table tr:first-child td {
	color:#e3000f;
	font-weight:bold;
	background-color:inherit;
	border-top:1px solid #e3000f;
	border-bottom:1px solid #e3000f;
}
table.ce-table tr:nth-child(even) {
	color:inherit;
	background-color:#eee;
}

/* ################	Grundlayout ######################### */
/* Gesamtbreite = 1000 Pixel */
#PageContainer {
	margin:0px;
	width:1000px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	color:#000;
	background-color:#fff;
}

/* border = linke und rechte Spalte, padding-top = Platz für Header */
/* MainContainer und MainContainerInner umschliessen alle drei Spalten */
#MainContainer {
	border-left:170px solid #bbb;	
	border-right:190px solid #bbb;
	padding-top:202px;
}

#MainContainerInner {
	width:830px; /* fuer nicht IE browser: mittlere plus rechte Spalte */
}

* html #MainContainerInner {
	width:100%; /* fuer IE6 */
}

/* Container um linke und mittlere Spalte */
#FloatWrap {
	float:left;
	width:810px; /* linke plus mittlere Spalte */
	margin-left:-170px;	/* wie linke Spalte */
}

#LeftCol {
	float:left;
	width:170px;
	position:relative; /* IE needs this or the contents wont show outside the parent container. */
}

/* Gesamtbreite mit 15px Rand links und rechts = 610 Pixel */
#CenterCol {
	float:right;
	width:610px; 
	padding:30px 15px 15px 15px;
	overflow:hidden;
}

#RightCol {
	float:right; 
	width:190px;
	padding:25px 0px 15px 0px;
	position:relative; /* IE needs this or the contents wont show outside the parent container. */
	overflow:hidden;
}

* html #RightCol {
	margin:0px -190px 0px 0px; /* fuer IE6 */
}

/* ################	Grundlayout Startseite ######################### */
/* border = linke und rechte Spalte, padding-top = Platz für Header */
/* MainContainer und MainContainerInner umschliessen alle drei Spalten */
#MainContainerStartpage {
	border-left:1px solid #bbb;	
	border-right:250px solid #bbb;
	padding-top:202px;
}

#MainContainerInnerStartpage {
	width:999px; /* fuer nicht IE browser: mittlere plus rechte Spalte */
}

* html #MainContainerInnerStartpage {
	width:100%; /* fuer IE6 */
}

/* Container um linke und mittlere Spalte */
#FloatWrapStartpage {
	float:left;
	width:750px; /* linke plus mittlere Spalte */
	margin-left:-1px;	/* wie linke Spalte */
}

#LeftColStartpage {
	float:left;
	width:1px;
	position:relative; /* IE needs this or the contents wont show outside the parent container. */
}

/* Gesamtbreite mit Rand links und rechts */
#CenterColStartpage {
	float:right;
	width:719px; 
	padding:30px 15px 15px 15px;
	overflow:hidden;
}

#RightColStartpage {
	float:right; 
	width:250px;
	padding:25px 0px 15px 0px;
	position:relative; /* IE needs this or the contents wont show outside the parent container. */
	overflow:hidden;
}

* html #RightColStartpage {
	margin:0px -250px 0px 0px; /* fuer IE6 */
}

/* ################	Footer ######################### */
#FooterContainer {
	width:985px;
	text-align:right;
	color:#fff;
	background:url("../images/bg_footer.gif") left top repeat-x;
	background-color:#000;
	border-top:1px solid #fff;
	padding:10px 15px 10px 0px;
}

/* ################	Header ######################### */
#HeaderContainer {
	width:1000px;
	height:202px;
	background:url("../images/bg_header.jpg") left top no-repeat;
	position:absolute;
	top:0px;
	z-index:2;
}

#HeaderMenu {
	font-size:12px;
	text-align:right;
	color:#fff;
	background-color:inherit;
	padding:8px 0px 0px 0px;
	position: absolute;
	top: 0;
	right: 0;
}

#HeaderMenu a:link, #HeaderMenu a:visited {
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}

#HeaderMenu a:hover {
	color:#fff;
	background-color:inherit;
	text-decoration:underline;
}

/* ################	Hauptmenue ######################### */
div#MainMenuContainer {
	width:1000px;
	background-color:#000;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	position:absolute;
	top:176px;
	z-index:3; /* liegt ueber dem HeaderContainer */
}

ul#mainmenu {
	padding:0px;
	margin:0px;
}

ul#mainmenu a {
	text-decoration:none;
	display:block;
}

ul#mainmenu a:visited {
	text-decoration:none;
}

ul#mainmenu a:hover {
	text-decoration:none;
}

ul#mainmenu li {
	font-size:12px;
	list-style:none;
}

li.mainnormal {
	color:#fff;
	font-weight:bold; 
	background-color:#000;
	border-right:2px solid #fff;
	font-weight:normal;
	float:left;
}

li.mainnormal a:link, li.mainnormal a:visited {
	color:#fff; 
	font-weight:bold;
	background-color:#000;
	float:left;
}
	
li.mainnormal a:hover {
	color:#fff; 
	font-weight:bold;
	background-color:#222;
	float:left;
}

li.mainactive {
	color:#fff; 
	font-weight:bold;
	background-color:#e3000f;
	border-right:2px solid #fff;
	float:left;
}

li.mainactive a:link, 
li.mainactive a:visited {
	color:#fff; 
	font-weight:bold;
	background-color:#e3000f;
	float:left;
}

li.mainactive a:hover {
	color:#fff; 
	font-weight:bold;
	background-color:#e3000f;
	float:left;
}


.paddingmain {
	padding-top:5px;
	padding-right:15px;
	padding-bottom:6px;
	padding-left:15px;
}


/* ################	Menue linke seite ######################### */
ul#navigation {
	margin:30px 0px 50px 0px;
}

ul#navigation a {
	text-decoration:none;
	display:block;
}

ul#navigation a:visited {
	text-decoration:none;
}

ul#navigation a:hover {
	text-decoration:none;
}

ul#navigation li {
	font-size:12px;
	line-height:15px;
	margin:0px;
	padding:0px; 
	list-style:none;
}

li.normal {
	color:#000; 
	background-color:#ddd;
	border-bottom:1px solid #fff;
}

li.normal a:link, li.normal a:visited {
	color:#000; 
	background-color:#ddd;
}

li.normal a:hover {
	color:#000;
	background-color:#ccc;
}
	
	
li.normalfirst {
	color:#000; 
	background-color:#ddd;
	border-bottom:1px solid #fff; 
	border-top:1px solid #fff;
}

li.normalfirst a:link, 
li.normalfirst a:visited {
	color:#000; 
	background-color:#ddd;
}

li.normalfirst a:hover {
	color:#000;
	background-color:#ccc;
}
	

li.active {
	color:#fff;
	font-weight:bold;
	background-color:#e3000f;
	border-bottom:1px solid #fff;
}

li.active a:link, 
li.active a:visited {
	color:#fff;
	font-weight:bold;
	background-color:#e3000f;
}

li.active a:hover {
	color:#fff;
	font-weight:bold;
	background-color:#e3000f;
}
	

li.activefirst {
	color:#fff;
	font-weight:bold;
	background-color:#e3000f;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}

li.activefirst a:link, li.activefirst a:visited {
	color:#fff;
	font-weight:bold;
	background-color:#e3000f;
}

li.activefirst a:hover {
	color:#fff;
	font-weight:bold;
	background-color:#e3000f;
}

li.subnormal {
	color:#000;
	background-color:#bbb;
	border-bottom:1px solid #fff;
	padding-left:40px;
}

li.subnormal a:link, li.subnormal a:visited {
	color:#000;
	background-color:#bbb;
}

li.subnormal a:hover {
	color:#000;
	background-color:#ccc;
}

li.subnormalfirst {
	color:#cfa4a9;
	background-color:#89212d;
	border-bottom:1px solid #fff;
	padding-left:40px;
}

li.subnormalfirst a:link, 
li.subnormalfirst a:visited {
	color:#cfa4a9;
	background-color:#89212d;
}

li.subnormalfirst a:hover {
	color:#fff;
	background-color:#80101d;
}

li.subnormallast {
	color:#cfa4a9;
	background-color:#89212d;
	border-bottom:1px solid #fff;
	padding-left:40px;
}

li.subnormallast a:link, li.subnormallast a:visited {
	color:#cfa4a9;
	background-color:#89212d;
}

li.subnormallast a:hover {
	color:#fff;
	background-color:#80101d;
}

li.subactive {
	color:#000;
	font-weight:bold;
	background-color:#bbb;
	border-bottom:1px solid #fff;
	padding-left:40px;
}

li.subactive a:link, li.subactive a:visited {
	color:#000;
	font-weight:bold;
	background-color:#bbb;
}

li.subactive a:hover {
	color:#000;
	font-weight:bold; 
	background-color:#bbb;
}

li.subactivefirst {
	color:#fff;
	font-weight:bold; 
	background-color:#89212d;
	border-bottom:2px solid #fff;
	padding-left:40px;
}

li.subactivefirst a:link, li.subactivefirst a:visited {
	color:#fff;
	font-weight:bold; 
	background-color:#89212d;
}

li.subactivefirst a:hover {
	color:#fff;
	font-weight:bold;
	background-color:#80101d;
}

li.subactivelast {
	color:#fff;
	font-weight:bold; 
	background-color:#89212d;
	border-bottom:1px solid #fff;
	padding-left:40px;
}

li.subactivelast a:link, 
li.subactivelast a:visited {
	color:#fff;
	font-weight:bold;
	background-color:#89212d;
}

li.subactivelast a:hover {
	color:#fff;
	font-weight:bold;
	background-color:#80101d;
}

.padding {
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.paddingsub {
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
}

/* ################	Nebenmenue ######################### */
ul#AddMenu {
	float:right;
}

ul#AddMenu li {
	display:inline;
	list-style:none;
	float:left; 
	margin-left:7px;
	padding-left:8px;
	background:url("../images/separator.gif") 0px 2px no-repeat;
}

ul#AddMenu li.AddMenuFirst {
	background:none;
	margin-left:0px;
	padding-left:0px;
}

ul#AddMenu a:link, 
ul#AddMenu a:visited {
	font-size:12px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}

ul#AddMenu a:hover {
	font-size:12px;
	color:#fff;
	background-color:inherit;
	text-decoration:underline;
}

ul#AddMenu a.AddMenuActive:link, 
ul#AddMenu a.AddMenuActive:visited {
	font-weight:bold;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}

ul#AddMenu a.AddMenuActive:hover {
	font-weight:bold;
	color:#fff;
	background-color:inherit;
	text-decoration:underline;
}

.menuswitch,
#mobilenav {
	display:none;
}

.back-to-top {
	position:fixed;
	bottom:50px;
	right:20px;
	display:none;
}
.back-to-top img {
	width:40px;
}

.youtubevideo-gdpr-text .cc-btn {
	display: inline-block;
	color: rgb(255, 255, 255);
	padding:0.5rem;
	margin-bottom: 1rem;
	border-color: transparent;
	background-color: rgb(227, 0, 15);
	text-transform:none;
}
.youtubevideo-gdpr-text .cc-btn,
.youtubevideo-gdpr-cancel {
	text-decoration:none;
}

.youtubevideo figcaption {
	padding:0.5rem 0;
	font-size:12px;
}
.youtubevideo > .videoWrapper > .coverimage > .covertext {
  background-color: rgba(0,0,0,0.5);
}

.covertext h2 {
	background:transparent;
	text-align:center;
}

.frame-type-table {
	overflow-X:scroll;
}

.socialshare a {
	display: inline-block;
	margin-right:1rem;
	margin-top:1rem;
	color:#e3000f;
}

.socialshare a span {
	position:fixed;
	bottom: -3000rem;
}

.footerlinks {
	float: left;
}
.footerlinks a {
	color:#fff;
	margin-left:1rem;
}