body {
	font-family: Muli, Verdana, sans-serif;  margin: 0; padding: 0; 
}

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

/*** INHALTOBEN ***/
#INHALTOBENBG { background-color: #1f5b80; position: fixed; top: 0; z-index: 500; width: 100%; clear: both; display: inline-block; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; border-top: 5px solid #fff; }
#INHALTOBEN { background-color: #1f5b80; max-width: 1100px; height: auto; margin-right: auto; margin-left: auto; }
.LOGOLI { z-index: 525; position: relative; margin-top: 13px; margin-bottom: 7px; display: block; }

/*** NAVIGATION ***/
#NAVBOXBG { background-color: #fff; position: relative; 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); }
#NAVBOX { background-color: #fff; max-width: 1100px; height: auto; margin-right: auto; margin-left: auto; padding-top: 2px; }
.NAVIGATIONINHALT { background-color: #fff; max-width: 1100px; margin-right: auto; margin-left: auto; }
#NAVIGATION { font-size: 0.6em; background-color: #fff; position: relative; z-index: 550; float: left; max-width: 1000px; 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 20px; padding-top: 0; padding-bottom: 0; display: inline-block; }
.HEADER { margin: 0 auto; }
.HEADER img {  }

/*** INHALT-CONTENT ***/
.INHALTCONTENT { z-index: 30; position: relative; margin-right: auto; margin-left: auto; }
.MAXWIDTHCONTENT { overflow:hidden; max-width: 1100px; 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: #5c5c5c; font-size: 1em; font-family: Muli, sans-serif; font-weight: 400; line-height: 1.7em; }
.CONTENT p {  }
.CONTENT a:link, .CONTENT a:visited { color: #1f5b80; text-decoration: none; }
.CONTENT a:hover { color: #4b4b4b; text-decoration: none; }
.CONTENT li a:link, .CONTENT li a:visited  {
	color: #1f5b80;
	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 7px; margin-top: 4px; padding-left: 22px; 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; 
}

/*** 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:#1f5b80;}


/*** RTE ANFRAGEBUTTON ***/
.ANFRAGEBUTTON { margin-top: 25px !important; margin-bottom: 8px !important;  }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff !important; font-size: 0.9em; padding: 6px 20px; background-color: #1f5b80; border: double 4px #fff; transition: padding 300ms, background-color linear 300ms 300ms; }
.ANFRAGEBUTTON a:hover { font-size: 0.9em; padding: 6px 30px; background-color: #194a69; 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: #fff; margin-bottom: 3%; padding: 10px; border: solid 1px #d3d3d3;  -webkit-box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.7); -moz-box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.7); box-shadow: 5px 5px 5px 0px rgba(224,224,224,0.7); }
.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 GRAU TEASER ***/
.frame-BOXENRECHTS { color: #5c5c5c; background-color: #f3f3f3; width: 97%; margin-top: 30px; margin-bottom: 20px; padding: 10px 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: 2.6em; background-image: none; text-align: center; }


/*** BREADCRUMP ***/
#BREADCRUMPINH { background-color: #fff; 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 #bdbdbd; border-bottom: 1px solid #c3c3c3; }
.BREADCRUMP { color: #707070; font-size: 0.8em; font-family: Muli, sans-serif; font-weight: 400; text-align: center; letter-spacing: 1px; max-width: 1000px; margin: 0 auto; }
.BREADCRUMP a:link, .BREADCRUMP a:visited { color: #2b2b2b; text-decoration: none; }


/*** FOOTER ***/
#FOOTER { background-color: #1f5b80; z-index: 55; position: relative; overflow: hidden; margin-bottom: 5px; padding-top: 50px; padding-bottom: 30px; border-bottom: 6px solid #fff; }
.footer-inner { max-width: 1000px; margin-right: auto; margin-left: auto; }
.footer-inner p, .footer-inner tr { color: #fff; font-size: 0.8em; 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: #dadada; }

.footer-inner 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;
}
.footer-inner 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;
}​




/***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: #1f5b80; 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: #1f5b80; 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: #1f5b80; 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: #1f5b80; 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: #1f5b80; 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   /* SI HEAD */ { color: #959595; font-size: 2.9em; font-family: Muli, sans-serif; font-weight: 200; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
h2  /*  SI SUB  */ { color: #1f5b80; font-size: 1.4em; font-family: Muli, sans-serif; font-weight: 300; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin: 0 0 10px; padding-top: 0; padding-bottom: 0; }
h3   /* SI GRUNDRISSE */ { color: #8f8f8f; font-size: 1.2em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 10px; border-bottom: 3px double #b1b1b1; }
h3 .far, h3 .fa { color: #1f5b80; }
h4   /* SI TEASER */ { color: #fff; font-size: 1.1em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; background-color: #ababab; text-decoration: none; margin-top: 0; margin-bottom: 0; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #1f5b80; border-left: 15px solid #1f5b80; }
h5   /* BOXEN  */ { color: #fff; font-size: 1em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; background-color: #1f5b80; text-decoration: none; text-align: center; margin-top: 0; margin-bottom: 5px; padding: 5px; }
.UBFARBE { font-family: Muli, sans-serif; font-weight: 400; color: #fff; font-size: 1.1em; line-height: 1.1em; background-color: #bd0006; margin-bottom: 10px; padding: 5px 10px; }
.UBFARBE .fa { color: #fff; }
.UBFOOTER /*  FOOTER LINIE LINKS */ { font-family: Muli, sans-serif; font-weight: 300; color: #fff; font-size: 1.1em; line-height: 1.3em; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-top: 0; padding-bottom: 0; padding-left: 15px; border-left: 1px solid #fff; }
.UBFOOTER span { font-family: Muli, sans-serif; font-weight: 300; color: #fff; font-size: 0.6em; line-height: 1em; text-transform: uppercase; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.UBFOOTER .fa { color: #fff; }
.UBSUBMENUE /* EP SUBMENUE */ { color: #9c9c9c; font-size: 1em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin: 0 0 10px; padding-top: 0; padding-bottom: 5px; border-bottom: 1px dotted #5e5e5e; }



/**** LINIE DANACH *****/
.divider hr, hr {
  clear: both;
  margin: 10px 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: #1f5b80; text-align: center; width: 100%; margin-top: 15px; padding-top: 13px; padding-bottom: 13px; border: solid 1px #144868; 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 ***/
.ce-table { font-size: 0.9em; background-color: #f9f9f9; width: 100%; }
.ce-table td:nth-child(1) { text-align: left; width: 70%; }
.ce-table td:nth-child(2) { text-align: center; width: 10%; }
.ce-table td:last-child { text-align: right; width: 20%; }
.ce-table tr:last-child { color: #fff; background-color: #5e5e5e; }


/*** EXTENSION LAYER-SLIDER ***/
.SLIDER-BG { 
    background-color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
	padding: 10px; 
	border-right: 2px solid #464646; }
.SLIDER-HEADLINE { font-family: Muli, sans-serif; color: #fff; font-size: 2.1em; font-weight: 300; line-height: 1.1em; text-transform: uppercase; clear: both;  }
.SLIDER-SUBLINE { font-family: Muli, sans-serif; color: #fff; font-size: 1.3em; font-weight: 300; line-height: 1.1em; text-transform: uppercase; clear: both; margin-bottom: 15px; }
.SLIDER-BUTTON { font-family: Muli, sans-serif; color: #fff; font-size: 0.9em; text-transform: uppercase; }
.SLIDER-BUTTON a:link, .SLIDER-BUTTON a:visited { color: #fff !important; padding: 3px 15px; background-color: #639ed6; text-decoration: none; transition: padding 300ms, background-color linear 300ms 300ms; }
.SLIDER-BUTTON a:hover { padding: 3px 30px; background-color: #3f7db8; text-decoration: none; transition: padding 300ms, background-color linear 300ms 300ms; }
.SLIDER-BUTTON .fa { color: #fff; }

/*** 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:49px; height:49px; text-align:center; font-weight: bold; background-image: url(/fileadmin/INTERNET/Bilder/SCROLL-TO-TOP.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 20px; text-decoration: none; position:fixed; right:0; bottom: 50px; z-index: 100; padding: 10px 0 10px 10px; display:none; }
.scrollToTop:hover{
	text-decoration:none;
}
/*** EINKLINKER RECHTS ***/
#EINKLINKERRECHTS { width:30px; height:100px; text-align:center; text-decoration: none; position:fixed; top: 100px; 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 #1f5b80; -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 768px */
@media screen and (max-width: 768px) {
	
	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: 1.7em; }
	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: 1000px; margin: 0; padding: 0; display: block; }
	.NAVIGATIONINHALT { margin-top: 0px; padding-top: 5px; }
	.LOGOLI { width: 80%; margin-top: 0; padding-top: 5px; padding-right: 10%; padding-left: 10%; }
	.LOGOLI img { width: 100%; height: auto; margin-top: 0; padding-right: 0; padding-left: 0; }
	/*** 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: 0 auto; padding-top: 0; padding-right: 2%; padding-left: 2%; border-top: 0 none transparent; }
	.footer-inner { color: #fff; float: none; padding-top: 5px; }
	

    /*** 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 OK V6 TYPO3 04/2015 ***/
	.elastic-frame {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	}
	

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


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



/* MIN-WIDTH ROLLOVER IMAGE 769px */
@media screen and (min-width: 769px){

	/* IMAGE ROLLOVER MIT TEXT - EFFEKT 01 ECKE */
    .text-image-rollover div.csc-textpic-center .csc-textpic-imagewrap, .text-image-rollover div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: visible; }
	.text-image-rollover { position: relative; }
	.text-image-rollover .csc-textpic-imagewrap { margin: 0!important; }
	.text-image-rollover figure.csc-textpic-image {
		margin: 0!important;
		overflow: hidden;
	}
	.text-image-rollover figure.csc-textpic-image img {
		width: 100%;
		height: auto;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: scale3d(1.05,1.05,1);
		transform: scale3d(1.05,1.05,1);
	}
	.text-image-rollover:hover figure.csc-textpic-image img {
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	.text-image-rollover .csc-textpic {
		overflow: hidden;
		position: relative;
	}
	.text-image-rollover .csc-textpic-text {

	}

    /* FARBE (1/2) SLIDE HOVER */
	.text-image-rollover .csc-textpic-text > .inner {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(170, 110, 50, 0);
		transition: all 0.6s;

	}
	.text-image-rollover .csc-textpic-text > .inner > * {
		opacity: 0;
		color: #FFF;
	}
	.text-image-rollover .csc-textpic:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.5);
		content: '';
		-webkit-transition: -webkit-transform 0.6s;
		transition: transform 0.6s;
		-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
		transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
		z-index: 1;
	}
	.text-image-rollover:hover .csc-textpic:before {
		transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}
	
	/* FARBE (2/2) SLIDE ACTIVE-HOVER */
	.text-image-rollover:hover .csc-textpic-text > .inner {
		background-color: rgba(170, 110, 50, 0.7);
		transition: all 0.6s;
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
		padding:15px;
	}
	.text-image-rollover:hover .csc-textpic-text > .inner > * {
		transition: all 0.4s;
		-webkit-transition-delay: 0.45s;
		transition-delay: 0.45s;
		opacity: 1;
	}
	.text-image-rollover .csc-textpic-text > .inner h1,
	.text-image-rollover .csc-textpic-text > .inner h2,
	.text-image-rollover .csc-textpic-text > .inner h3,
	.text-image-rollover .csc-textpic-text > .inner h4,
	.text-image-rollover .csc-textpic-text > .inner h5,
	.text-image-rollover .csc-textpic-text > .inner h6
	{
		font-size: 1.1em;
		margin: 0 0 10px 0;
	}
	.text-image-rollover .csc-textpic-text > .inner a {
		background-color: rgba(0, 0, 0, 0.2);
		background: rgba(0, 0, 0, 0.2);
		display: inline-block;
		color: #FFF;
		padding: 6px 20px;
		border: 1px solid #FFF;
	}
	.text-image-rollover .csc-textpic-text > .inner a:hover {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.4);
	}	

}


