body {
	font-family: Muli, Verdana, sans-serif;  margin: 0; padding: 0;
    background-image: url(/fileadmin/INTERNET/Bilder/BODY-BG.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top; 
}

/*** HINTERGRUNDBILDER DESKTOP ***/
#HINTERGRUNDBILDERDESKTOP { position: relative; top: 0; z-index: 2; width: 100%; clear: both; display: inline-block; height: auto; min-height: 185px; margin-right: auto; margin-left: auto; }


/*** INHALTOBEN INFO-LEISTE ***/
#INHALTOBENSTARTLINE { overflow: hidden; background-color: #5b7a2e; position: fixed; top: 0; z-index: 510; width: 100%; clear: both; height: auto; margin-right: auto; margin-left: auto; padding-top: 11px; padding-bottom: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#INHALTOBENRECHTSMAX { max-width: 1100px; margin-right: auto; margin-left: auto; }
#INHALTOBENRECHTFLOATRIGHT { position: relative; }
.INHALTOBENLINKS { font-family: "Roboto Condensed", sans-serif; font-weight: 400; color: #fff; font-size: 1em; text-decoration: none; text-transform: uppercase; position: relative; float: left; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 0; display: block; }
.INHALTOBENRECHTS { font-family: "Roboto Condensed", sans-serif; font-weight: 400; color: #fff; font-size: 1em; text-decoration: none; text-transform: uppercase; position: relative; float: right; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 0; display: block; }
.INHALTOBENTXT p { color: #fff; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.INHALTOBENTXT a:link, .INHALTOBENTXT a:visited { color: #fff; text-decoration: none; }
.INHALTOBENTXT a:hover { color: #ececec; text-decoration: none; }



/*** INHALTOBEN ***/
#INHALTOBENBG { background-color: #fff; position: fixed; top: 30px; z-index: 500; width: 100%; clear: both; display: inline-block; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); }
#INHALTOBEN { background-color: #fff; max-width: 1100px; height: auto; margin-right: auto; margin-left: auto; }
.LOGOLI { z-index: 525; position: relative; float: left; margin-top: 25px; margin-bottom: 5px; display: block; }
.LOGORE { z-index: 525; position: relative; float: right; margin-top: 50px; margin-bottom: 5px; display: block; }
.LOGORE p { color: #5b7a2e; font-size: 0.9em; text-decoration: none; }


/*** NAVIGATION ***/
.NAVIGATIONINHALT { max-width: 1100px; margin-right: auto; margin-left: auto; }
#NAVIGATION { font-size: 0.6em; position: relative; z-index: 550; float: right; max-width: 1100px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0; }

/*** HEADER ***/
#HEADERINH { z-index: 25; position: relative; width: 100%; clear: both; height: auto; margin: 0 auto 15px; padding-top: 0; padding-bottom: 0; display: inline-block; }
.HEADER { margin: 0 auto; }
.HEADER img {  }

/*** INHALT-CONTENT ***/
.INHALTCONTENT { z-index: 30; position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }
.MAXWIDTHCONTENT { overflow:hidden; max-width: 1100px; margin-top: 0; margin-right: auto; margin-left: auto; }


/*** IMPORT POS 0 ***/
.CONTENIMPLEFT { width: 65%; display: inline-block; }

/*** IMPORT POS 2 ***/
.CONTENIMPRIGHT { width: 30%; float: right; display: inline-block; }

/*** IMPORT POS 3 ***/
.CONTENIMPPOSDREI { color: #959595; font-size: 0.8em; text-align: center; overflow:hidden; margin-right: auto; margin-left: auto; }

/*** IMPORT POS 1 ***/
.CONTENIMPPOSEINS { overflow:hidden; margin-right: auto; margin-left: auto; }

/*** EINSPALTER  ***/
.CONTENTTOP { overflow:hidden; margin-right: auto; margin-left: auto; }
.CONTENTMITTE { overflow:hidden; margin-right: auto; margin-left: auto; }
.CONTENTSUB { overflow:hidden; margin-right: auto; margin-left: auto; }
.CONTENTEND { overflow:hidden; margin-right: auto; margin-left: auto; }

/*** MEHRSPALTER 50% / 50% ***/
.MSPFUENFZIGLINKSEINS { box-sizing: border-box; width: 49%; float:left; position:relative; }
.MSPFUENFZIGRECHTSEINS { box-sizing: border-box; width: 49%; float:right; position:relative; }

/*** MEHRSPALTER 30% / 30% / 30% ***/
.MSPDRITTELLINKS { width: 30%; float:left; position:relative; margin-right: 5%; }
.MSPDRITTELMITTE { width: 30%; float:left; position:relative; }
.MSPDRITTELRECHTS { width: 30%; float:right; position:relative; }

/*** MEHRSPALTER 65% / 30% ***/
.MSPZWEIDRITTELLINKSEINS { width: 65%; display: inline-block; }
.MSPZWEIDRITTELRECHTSEINS { width: 30%; float: right; display: inline-block; }

/*** MEHRSPALTER 30% / 65% ***/
.MSPZWEIDRITTELLINKSZWEI { width: 30%; display: inline-block; }
.MSPZWEIDRITTELRECHTSZWEI { width: 65%; float: right; display: inline-block; }

/*** MEHRSPALTER 25% / 25% / 25% / 25% ***/
.MSPVIERTELEINS { box-sizing: border-box; width: 23%; float:left; position:relative; margin-right: 2.66%; }
.MSPVIERTELZWEI { box-sizing: border-box; width: 23%; float:left; position:relative; margin-right: 2.66%; }
.MSPVIERTELDREI { box-sizing: border-box; width: 23%; float:left; position:relative; }
.MSPVIERTELVIER { box-sizing: border-box; width: 23%; float:right; position:relative; }

/*** MEHRSPALTER INHALT+ ***/
.MSPEINSPALTER { position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }

/*** TEXTE CONTENT ***/
.CONTENT { color: #474747; font-size: 1em; font-family: Muli, sans-serif; font-weight: 400; line-height: 1.5em; }
.CONTENT p {  }
.CONTENT a:link, .CONTENT a:visited { color: #5b7a2e; text-decoration: none; }
.CONTENT a:hover { color: #4b4b4b; text-decoration: none; }
.CONTENT li a:link, .CONTENT li a:visited  {
	color: #5b7a2e;
	text-decoration: none; }
.CONTENT li a:hover {
	color: #b6b6b6;
	text-decoration: none; }
.CONTENT li { background-image: url(/fileadmin/INTERNET/Bilder/LI-ICON-TF.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left 8px; margin-top: 4px; padding-left: 14px; border-width: 0; }
.CONTENT ul   { padding-left: 0; border-width: 0; list-style: none; display: block; }
.CONTENT a img {
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
.CONTENT a img:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}​

/*** TEXTE CONTENT SILBENTRENNUNG ***/

.CONTENT {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

/*** BILDER RAHMEN ***/
figure img { box-sizing: border-box; }

/*** TEXTE CONTENT CENTER ***/
.text-center { text-align: center !important; }

/*** RTE FIRSTLETTER ***/
.FIRSTLETTER:first-letter { font-family: 'Muli', sans-serif; font-weight: 400; font-style: normal; float:left; margin:0 2px 0 0; padding:7px 1px 0 0; font-size:3.5em; color:#820044;}


/*** RTE ANFRAGEBUTTON ***/
.ANFRAGEBUTTON { margin-top: 25px !important; margin-bottom: 8px !important;  }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff !important; font-size: 1em; padding: 6px 20px; background-color: #ff8300; border: double 4px #fff; transition: padding 300ms, background-color linear 300ms 300ms; }
.ANFRAGEBUTTON a:hover { font-size: 1em; padding: 6px 30px; background-color: #f4ab38; border: double 4px #fff; transition: padding 300ms, background-color linear 300ms 300ms; }
.ANFRAGEBUTTON .fa { color: #fff !important; font-size: 1.2em; }

/*** RTE ACTION-BUTTON ***/
.ACTIONBUTTON { background-color: #c2e79f; padding: 4px !important; border: solid 1px #9a9a9a; }

/*** RTE TEASER-BUTTON ***/
.TEASERBUTTON { background-color: #c5e5e7; padding: 4px !important; border: solid 1px #9a9a9a; }


/* *** CSC-TEXTPIC-CAPTION *** */
figcaption.csc-textpic-caption   { font-size: 0.8em; color: #bfbfbf; line-height: 1.8em; text-align: center; position: relative; width: 100%; padding-top: 1px; padding-bottom: 1px; }
figcaption.csc-textpic-caption a:link, figcaption.csc-textpic-caption a:visited  { color: #757575; text-decoration: none; }
figcaption.csc-textpic-caption a:hover  { color: #d9d9d9; text-decoration: none; }


/*** RAHMEN BOX WEISS ***/
.frame-BOXWEISSSCHATTEN { background-color: #ededca; margin-bottom: 3%; padding: 10px; border: solid 1px #d3d3d3; }
.frame-BOXWEISSSCHATTEN p { font-size: 0.9em; }
.frame-BOXWEISSSCHATTEN p .fa { color: #8b8b8b; }
.frame-BOXWEISSSCHATTEN .ANFRAGEBUTTON  { padding-top: 15px; }

/*** RAHMEN BOX KUNDENSTIMMEN  ***/
.frame-BOXENKUNDEN { background-color: #fff; margin-top: 10px; margin-bottom: 40px; }
.frame-BOXENKUNDEN p { font-size: 1em; }
.frame-BOXENKUNDEN p .fa { color: #8b8b8b; }

/*** RAHMEN BOXEN RECHTS ***/
.frame-BOXENRECHTS { color: #5c5c5c; background-color: #f3f3f3; width: 97%; margin-top: 30px; margin-bottom: 20px; padding: 15px; border: solid 5px #fff; }
.frame-BOXENRECHTS p { color: #5c5c5c; }
.frame-BOXENRECHTS { 
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
}

/*** RAHMEN BILDER RUND ***/
.frame-BILDERRUND img { border-radius: 50%; }

/*** RAHMEN SCHATTEN SLIDER  ***/
.frame-SCHATTENUNTEN { margin-bottom: 15px; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.12); }


/*** RAHMEN SCHATTEN CONTENT ***/
.frame-CONTENTSCHATTEN { background-color: #fff; margin-bottom: 15px; padding: 10px 10px 5px 15px; border-color: #cecece #acacac #cecece #cecece; border-style: solid; border-width: 1px 4px 1px 1px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); border-radius: 0px 0px 25px 0px; -moz-border-radius: 0px 0px 25px 0px; -webkit-border-radius: 0px 0px 25px 0px; }


/*** RAHMEN BOX KUNDENSTIMMEN ***/
.frame-BOXTEXTWEISS { color: #fff !important; }
.frame-BOXTEXTWEISS p, .frame-BOXTEXTWEISS p .fa { color: #fff !important; text-align: center; }
.frame-BOXTEXTWEISS h1, .frame-BOXTEXTWEISS h2 { color: #fff !important; font-size: 1.5em; background-image: none; text-align: center; }

/*** RAHMEN VIDEOFRAME ***/
.frame-VIDEOFRAME { text-align: center; position: relative; }
.frame-VIDEOFRAME iframe {box-sizing: border-box; text-align: center; position: relative; width: 100%; max-width: 560px; border: solid 2px #fff; }



/*** BREADCRUMP ***/
#BREADCRUMPINH { background-color: #7a9652; text-align: center; z-index: 45; position: relative; height: auto; margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #c3c3c3; }
.BREADCRUMP { color: #fff; font-size: 0.8em; font-family: Muli, sans-serif; font-weight: 400; text-align: center; letter-spacing: 1px; max-width: 1100px; margin: 0 auto; }
.BREADCRUMP a:link, .BREADCRUMP a:visited { color: #fff; text-decoration: none; }


/*** FOOTER ***/
#FOOTER { background-color: #5b7a2e; z-index: 55; position: relative; overflow: hidden; margin-bottom: 0; padding-top: 60px; padding-bottom: 30px; }
.footer-inner { max-width: 1100px; margin-right: auto; margin-left: auto; }
.footer-inner p { color: #fff; font-size: 0.9em; line-height: 1.5em; margin-top: 0; padding-top: 0; }
.footer-inner a:link, .footer-inner a:visited { color: #fff; text-decoration: none; }
.footer-inner a:hover { color: #e0e0e0; }
.footer-inner hr {
  clear: both;
  margin: 15px 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }




/***SUBNAVIGATION RENDERING SITEMAP ***/
.SUBMENUESITEMAP { font-size: 1em; position: relative; width: 100%; float: left; margin-bottom: 20px; display: block; }
.SUBMENUESITEMAP ul    {
	font-family: 'Muli', sans-serif;
	line-height: 1.2em;
	text-decoration: none;
	list-style-type: none;
	display: block;
	padding: 0;
	clear: both        ;
	margin: 0; }
.SUBMENUESITEMAP li    {
	font-family: 'Muli', sans-serif;
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	clear: both      }
.SUBMENUESITEMAP ul li a:link, .SUBMENUESITEMAP ul li a:visited { color: #787878; font-weight: normal; background: #fff url(/fileadmin/INTERNET/Bilder/ML-NORM.png) no-repeat left center; text-decoration: none; display: block; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; }
.SUBMENUESITEMAP ul li a:hover { color: #3b616c; font-weight: bold; background: #fff url(/fileadmin/INTERNET/Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }
.SUBMENUESITEMAP ul li a:focus { color: #3b616c; font-weight: bold; background: #fff url(/fileadmin/INTERNET/Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }
.SUBMENUESITEMAP ul li a:active  { color: #3b616c; font-weight: bold; background: #fff url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }
.SUBMENUESITEMAP ul li .cur1  { color: #3b616c; font-weight: bold; background: #fff url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px solid #e3e3e3; display: block; }
.SUBMENUESITEMAP ul li .act1 a:link, .SUBMENUESITEMAP ul li .act1 a:visited        { color: #3b616c; font-weight: bold; background: #fff url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both  ; margin: 0; padding: 7px 7px 7px 40px; border-bottom: 1px dotted #e3e3e3; display: block; }



/**** UEBERSCHRIFTEN ********/
h1   /* HEAD  */ { color: #5b7a2e; font-size: 3.1em; font-family: Parisienne, cursive; font-weight: 400; font-style: normal; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; padding-left: 20px; }
h2   /* SUB  */ { color: #626262; font-size: 1.5em; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; background-image: url(/fileadmin/INTERNET/Bilder/h2.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; margin-top: 17px; margin-bottom: 2px; padding-top: 30px; padding-bottom: 0; }
h3   /* BOXEN */ { color: #fff; font-size: 1.2em; font-family: Muli, sans-serif; font-weight: 600; font-style: normal; line-height: 1.2em; background-color: #7e9a56; text-decoration: none; margin-top: 0; margin-bottom: 8px; padding: 8px 10px; border-top-color: #fff;b;border-bottom-color: #fff; order-top-style: solid; }
h4   /* BOXEN TEASER  */ { color: #fff; font-size: 1em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; background-color: #5a5a5a; text-decoration: none; margin-top: 0; margin-bottom: 1px; padding: 6px 10px; }
h5   /* BOXEN RECHTS  */ { color: #fff; font-size: 1.2em; font-family: Muli, sans-serif; font-weight: 500; font-style: normal; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 8px; padding-top: 0; padding-bottom: 5px; border-bottom: 1px dotted #fff; }
h5 .fa { color: #fff; }
.UBFARBE  /* FARBIG */ { font-family: Muli, sans-serif; font-weight: 400; color: #fff; font-size: 1.1em; line-height: 1.1em; background-color: #777; margin-bottom: 5px; padding: 7px 10px 7px 15px; }
.UBFARBE .fa { color: #fff; }
.UBFOOTER /*  FOOTER LINIE LINKS */ { font-family: Muli, sans-serif; font-weight: 300; color: #fff; font-size: 1.3em; line-height: 1em; text-transform: uppercase; margin-top: 0; margin-bottom: 12px; padding-top: 0; padding-bottom: 0; padding-left: 15px; border-left: 1px solid #fff; }
.UBSUBMENUE /*  SUBMENUE  */ { color: #fff; font-size: 1.1em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; background-color: #979797; text-decoration: none; margin: 0; padding: 4px 10px 8px 15px; }


/**** LINIE DANACH *****/
.divider hr, hr {
  clear: both;
  margin: 35px 0;
  padding: 0;
  border-bottom: 1px dotted #989898;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }


/* *** POWERMAIL 2017 ****/
.CONTACTFORM { background-color: #fff; }
.powermail_fieldset { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border-style: none; }
.powermail_legend { color: #8c8c8c; font-size: 0.9em; margin-right: 0; margin-left: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.powermail_label  /* Schrift Style */ { color: #767676 !important; font-size: 0.9em; font-family: Muli, sans-serif; font-weight: 400; width: 96%; margin-top: 5px; padding-top: 3px; border-style: none; border-width: 0; display: block; }
.powermail_input { font-family: Muli, sans-serif; font-weight: 400; color: #000; font-size: 0.9em; background-color: #ededed; width: 96%; margin-bottom: 10px; padding: 10px 2%; border-bottom: 1px dotted #a8a8a8; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; display: block; }
.powermail_textarea { font-family: Muli, sans-serif; color: #000; font-size: 0.9em; background-color: #ededed; width: 96%; height: 150px; margin-top: 0; margin-bottom: 10px; padding: 10px 2%; border-bottom: 1px dotted #a8a8a8; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; display: block; }
.powermail_select { font-family: Muli, sans-serif; font-weight: 400; color: #000; font-size: 0.9em; background-color: #ededed; width: 100%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-style: none; display: block; }
.btn-primary  /* Absende Button */ { color: #fff; font-size: 1em; font-family: Muli; font-weight: 400; background-color: #5b7a2e; text-align: center; width: 100%; margin-top: 15px; padding-top: 13px; padding-bottom: 13px; border: solid 1px #2f2f2f; cursor: pointer; display: block; }
.btn-primary:hover  { color: #fff; background-color: #787878; text-align: center; border: solid 1px #393939; }
.tx-powermail h3 { display: none; visibility: hidden; }
.mandatory { color: #de0000; }
.powermail_input, .powermail_textarea, .powermail_select, .powermail_submit { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }


/*** TABELLE - FARBE (A) ***/
.TABELLENFARBEA { font-size: 0.8em; background-color: #f9f9f9; width: 100%; }
.TABELLENFARBEA .tr-even { background-color: #f6f6f6; padding-top: 3%; padding-bottom: 3%; }
.TABELLENFARBEA .tr-odd { background-color: #eee; padding-top: 3%; padding-bottom: 3%; }
.TABELLENFARBEA .td-last { text-align: right; }
.TABELLENFARBEA .tr-last { color: #fff; background-color: #5e5e5e; }


/*** EXTENSION LAYER-SLIDER ***/
.SLIDER-HEADLINE { font-family: "Roboto Condensed", sans-serif; font-weight: 300; color: #fff; font-size: 3em; line-height: 1.1em; text-transform: uppercase; clear: both; text-shadow: 1px 1px 0px rgba(0,0,0,0.8); padding: 20px 25px 5px; }
.SLIDER-SUBLINE { font-family: "Roboto Condensed", sans-serif; font-weight: 300; color: #fff; font-size: 1.5em; line-height: 1.1em; text-transform: uppercase; clear: both; text-shadow: 1px 1px 0px rgba(0,0,0,0.8); padding: 5px 25px; }



/*** EXTENSION t3eddy ***/
.t3ddy-item p, .t3ddy-item ul li { font-size: 0.9em; color: #5c5c5c; }
h3.ui-accordion-header { background-color: #f5f5f5; background-image: none; margin-top: 5px !important; }
h3.ui-accordion-header:hover { background-color: #ebf5fa; }


/*** VIDEO SLIDER MOBILE ***/
.responsive-video {
max-width: 100%;  
height: auto;  
}


/*** SCROLL TO TOP ***/
.scrollToTop { width:50px; height:50px; text-align:center; background-image: url(/fileadmin/INTERNET/Bilder/SCROLL-TO-TOP.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; position:fixed; right:0; bottom: 50px; z-index: 100; padding: 0; display:none; }
.scrollToTop:hover {
	text-decoration:none;
}


/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { width:50px; height:50px; text-align:center; text-decoration: none; position:fixed; top: 300px; right:0; z-index: 999; visibility: visible; }
#EINKLINKERRECHTS a img { -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }
#EINKLINKERRECHTS a:hover img { opacity: .6; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }





/*** START HINWEISE ZU COOKIES ***/
#cookie { color: #6e6e6e; text-align:left; position:fixed; bottom:70px; z-index:10000; font-family: arial; background-color: #fff; text-decoration: none; min-width: 180px; max-width: 220px; margin-bottom: 0; margin-left: 20px; padding: 20px; border-left: 6px solid #3b616c; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); opacity: 0.95; filter: alpha(opacity =95); }
.cookieTitle { font-size: 14px; font-weight: bold; padding-bottom: 10px; display: block; }
.cookieHinweis { font-size: 11px; font-weight: normal; padding-bottom: 10px; display: block; }
.cookieButton { font-size: 11px; background-color: #f6f6f6; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #c4c4c4; cursor:pointer; display: block; }
.cookieButton a:link, .cookieButton a:visited { color: #5d5d5d; text-decoration: none; }
.cookieButton:hover  { background-color: #e5e5e5; text-align: center; }
.cookieCloseButton { color: #fff; font-size: 11px; font-weight: bold; background-color: #7f7f7f !important; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #8b8b8b; cursor:pointer; display: block; }
.cookieCloseButton a:link, .cookieCloseButton a:visited { color: #fff; text-decoration: none; }
.cookieCloseButton:hover { background-color: #007f20 !important; text-align: center; }
.cookieCloseButton .fa { color: #fff; font-size: 15px; }
@media screen and (max-width: 768px) {
#cookie { min-width: 180px; max-width: 180px; bottom:50px; margin-left: 0; padding: 15px 5px 15px 10px;  }
}
/*** ENDE HINWEISE ZU COOKIES ***/


/*** VIDEO SLIDER MOBILE ***/
.responsive-video {
max-width: 100%;  
height: auto;  
}




/* media querie handhelds less than 1024px */
@media screen and (max-width: 1024px) {
/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { display: none; overflow: hidden; }
}



/* media querie handhelds less than MAX-WIDTH 1000px */
@media screen and (max-width: 1000px) {
	
	body { background-image: none; }
	
	/*** EXT: backgroundimage4ce -  HINTERGRUNDBILDER AUSBLENDEN - override inline styles ***/
	.backgroundimage4ce { }
	.backgroundimage4cehidden[style] {
	background: none !important; 
	}
	
	/* *** CSC-TEXTPIC-CAPTION *** */
	figcaption.csc-textpic-caption   { font-size: 0.9em; color: #a3a3a3; line-height: 1.8em; background-color: #fff; text-align: left; position: relative; width: 100%; margin-top: 2px; margin-bottom: 2px; padding-top: 1px; padding-bottom: 1px; }
	figcaption.csc-textpic-caption a:link, figcaption.csc-textpic-caption a:visited  { color: #a3a3a3; background-color: #fff; text-decoration: none; }
	figcaption.csc-textpic-caption a:hover  { color: #a3a3a3; background-color: #fff; text-decoration: none; }

	
	/*** HINTERGRUNDBILDER DESKTOP ***/
	#HINTERGRUNDBILDERDESKTOP { min-height: 1px; }
	
	
	/*** INHALTOBEN INFO-LEISTE ***/
	#INHALTOBENSTARTLINE { overflow: hidden; position: relative; }
	.INHALTOBENLINKS { text-align: center; position: relative; float: none; clear: both; }
	.INHALTOBENRECHTS { text-align: center; position: relative; float: none; clear: both; }


	/*** INHALTOBEN ***/
	#INHALTOBENBG { position: relative; top: 0; z-index: 500; }
	
	/***SUBNAVIGATION RENDERING SITEMAP ***/
    .SUBMENUESITEMAP { width: 100%; }

	/*** UEBERSCHRIFTEN ***/
	h1  { font-size: 2.1em; padding-top: 15px; }
	h3  { font-size: 1.1em; clear: both; }
	h4  { font-size: 1em; }


	/*** Navigation - LOGO ***/
	#NAVIGATION { position: absolut; top: 10; z-index: 510; font-size: 0.7em; width: 100%; height: auto; float: left; min-height: 35px; max-width: 1100px; margin: 0; padding: 0; display: block; }
	.NAVIGATIONINHALT { margin-top: 0px; padding-top: 5px; }
	.LOGOLI { width: 90%; float: none; clear: both; margin-top: 10px; margin-bottom: 5px; padding-right: 5%; padding-left: 5%; }
	.LOGOLI img { width: 100%; height: auto; }
	.LOGORE { text-align: center; width: 90%; float: none; clear: both; margin-top: 5px; margin-bottom: 5px; padding-right: 5%; padding-left: 5%; }


	/*** HEADER ***/
	#HEADERINH { background-image: none; width: 100%; height: auto; min-height: 100%; margin-top: 0; margin-bottom: 0; }
	.HEADER img { width: 100%; padding-top: 5px; }

	/*** EXTENSION LAYER-SLIDER ***/
	.ls-slide .LS-UBS, .ls-slide .TEXTBG { margin-left: 15px; }

	/*** BREADCRUMP ***/
	#BREADCRUMPINH { width: 90%; float: none; margin: 10px auto 0; padding-top: 5px; padding-right: 5%; padding-left: 5%; }
	.BREADCRUMP { font-size: 0.8em; font-family: 'Muli', sans-serif; text-align: left; min-height: 20px; max-width: 1000px; padding: 2%; }

	/*** CONTENT MOBILE ***/
	.MAXWIDTHCONTENT { width: 90%; float: none; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%; }

	/*** CONTENT ***/
	.CONTENTTOP,
	.CONTENTMITTE,
	.CONTENTSUB,
	.CONTENTEND { width: 100%; float: none; margin-right: auto; margin-left: auto; }
	
	/*** MEHRSPALTER ***/
	.CONTENIMPLEFT,
    .CONTENIMPRIGHT, 
	.MSPVIERTELEINS, 
	.MSPVIERTELZWEI, 
	.MSPVIERTELDREI, 
	.MSPVIERTELVIER, 
	.MSPFUENFZIGLINKSEINS,
	.MSPFUENFZIGRECHTSEINS,
	.MSPDRITTELLINKS,
	.MSPDRITTELMITTE,
	.MSPDRITTELRECHTS,
	.MSPZWEIDRITTELLINKSEINS,
	.MSPZWEIDRITTELRECHTSEINS,
	.MSPZWEIDRITTELLINKSZWEI,
	.MSPZWEIDRITTELRECHTSZWEI, 
	.MSPEINSPALTER { width: 100%; float: none; }
	
	/*** IMAGEWRAP ***/
	.CONTENIMPLEFT img,
    .CONTENIMPRIGHT img, 
	.MSPVIERTELEINS img, 
	.MSPVIERTELZWEI img, 
	.MSPVIERTELDREI img, 
	.MSPVIERTELVIER img, 
	.MSPFUENFZIGLINKSEINS img,
	.MSPFUENFZIGRECHTSEINS img,
	.CONTENTTOP img,
	.CONTENTMITTE img,
	.CONTENTSUB img,
	.CONTENTEND img, 
	.MSPDRITTELLINKS img,
	.MSPDRITTELMITTE img,
	.MSPDRITTELRECHTS img,
	.MSPZWEIDRITTELLINKSEINS img,
	.MSPZWEIDRITTELRECHTSEINS img,
	.MSPZWEIDRITTELLINKSZWEI img,
	.MSPZWEIDRITTELRECHTSZWEI img,
	.MSPEINSPALTER img { width: 100%; height: auto ; margin-top: 5px; }
	

	/*** FOOTER ***/
	#FOOTER { color: #fff; width: 96%; float: none; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 2%; padding-left: 2%; border-top: 0 none transparent; }
	.footer-inner { color: #fff; float: none; padding-top: 40px; }
	

    /*** TYPO3 ***/	/* Golden Grid Layout für Bild im Text TYPO V8*/
    .ce-left .ce-gallery {width: 100%; max-width: 300px;}
    .ce-left .ce-gallery img {width: 100%; height: auto;}
    .ce-right .ce-gallery {width: 100%; max-width: 300px;}
    .ce-right .ce-gallery img {width: 100%; height: auto;}
    
	
	.csc-default {clear: both;}
	
	/* *** CSC-TEXTPIC-CAPTION *** */
	figcaption.csc-textpic-caption   { font-size: 0.7em; line-height: 1.2em; padding: 1px 4px; }
	
	
	/*** MOBILDE HIDDEN ***/
	.MOBILEHIDDEN {display: none !important; overflow: hidden !important; }

	
	/*** ALLGEMEIN ***/
	embed, object {
	max-width: 100%;
 	height: auto;
 	width: auto;
	}
	
	
	/*** RESPONSIVE IFRAME VIDEOS ***/
	.frame-VIDEOFRAME {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	}
	

	.frame-VIDEOFRAME iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
}


/* LESS THAN MAX-WIDTH 480px */
@media screen and (max-width: 480px) { }