body {
	font-family: Muli, Verdana, sans-serif;  margin: 0; padding: 0;
    background-image: url(../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: 150px; margin-right: auto; margin-left: auto; }

/*** INHALTOBEN INFO-LEISTE ***/
#INHALTOBENSTARTLINE { overflow: hidden; background-color: #f4f4f4; position: fixed; top: 0; z-index: 510; width: 100%; clear: both; height: auto; margin-right: auto; margin-left: auto; padding-top: 7px; padding-bottom: 9px; border-top: 1px solid #e5e5e5; border-left: 20px solid #f38f24; -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 { color: #a2a2a2; font-size: 0.7em; text-decoration: none; position: relative; float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; display: block; }
.INHALTOBENRECHTS { color: #a2a2a2; font-size: 0.7em; text-decoration: none; position: relative; float: right; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; display: block; }
.INHALTOBENTXT p { color: #959595; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.INHALTOBENTXT a:link, .INHALTOBENTXT a:visited { color: #9b9b9b; text-decoration: none; }
.INHALTOBENTXT a:hover { color: #464646; 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: 10px; 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; }
.LOGO { z-index: 525; position: relative; float: left; margin-top: 30px; margin-bottom: 25px; display: block; }
.LOGO img {  }

/*** 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: 40px; }
/*** HEADER ***/
#HEADERINH { z-index: 25; position: relative; width: 100%; clear: both; height: auto; margin: 0 auto; padding-top: 0; padding-bottom: 0; border-bottom: 2px dotted #fff; 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-right: auto; margin-left: auto; }
.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: #5b5b5b; font-size: 0.95em; font-family: Muli, sans-serif; font-weight: 400; line-height: 1.4em; }
.CONTENT p { margin-top: 0; padding-top: 0; }
.CONTENT a:link, .CONTENT a:visited { color: #f29400; text-decoration: none; }
.CONTENT a:hover { color: #4b4b4b; text-decoration: none; }
.CONTENT li a:link, .CONTENT li a:visited  {
	color: #f29400;
	text-decoration: none; }
.CONTENT li a:hover {
	color: #b6b6b6;
	text-decoration: none; }
.CONTENT li { background-image: url(../Bilder/LI-ICON-TF.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left 7px; margin-top: 4px; padding-left: 18px; 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; 
}

.align-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; }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff !important; font-size: 0.9em; padding: 6px 20px; background-color: #f29400; border: double 4px #fff; transition: padding 300ms, background-color linear 300ms 300ms; }
.ANFRAGEBUTTON a:hover { font-size: 0.9em; padding: 6px 30px; background-color: #ffab28; border: double 4px #fff; transition: padding 300ms, background-color linear 300ms 300ms; }
.ANFRAGEBUTTON .fa { color: #fff; font-size: 1.2em; }


/* *** CSC-TEXTPIC-CAPTION *** */
figcaption.csc-textpic-caption   { font-size: 0.8em; color: #fff; line-height: 1.8em; background-color: #a3a3a3; 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: #fff; text-decoration: none; }
figcaption.csc-textpic-caption a:hover  { color: #d9d9d9; text-decoration: none; }


/*** RAHMEN BOX WEISS SCHATTEN 22 ***/
.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); }
.BOXWEISSSCHATTEN p { font-size: 0.9em; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.BOXWEISSSCHATTEN p .fa { color: #8b8b8b; }
.BOXWEISSSCHATTEN .ANFRAGEBUTTON  { padding-top: 15px; }

/*** RAHMEN BOX BOXGRAU 23 ***/
.BOXGRAU { background-color: #7ea8b1; margin-bottom: 3%; padding: 10px; border-radius: 0px 0px 50px 0px; -moz-border-radius: 0px 0px 50px 0px; -webkit-border-radius: 0px 0px 50px 0px; }
.BOXGRAU p { color: #fff; font-size: 0.9em; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.BOXGRAU p .fa { color: #8b8b8b; }
.BOXGRAU ul, .BOXGRAU h1, .BOXGRAU h2, .BOXGRAU h3, .BOXGRAU h4, .BOXGRAU h5 { color: #fff; }
.BOXGRAU .ANFRAGEBUTTON  { padding-top: 15px; }


/*** RAHMEN BOX FARBIG 24 ***/
.BOXFARBIG { color: #fff; background-color: #00477d; padding: 15px; }
.BOXFARBIG p { color: #fff; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.BOXFARBIG p, .BOXFARBIG h1, .BOXFARBIG h2, .BOXFARBIG h3, .BOXFARBIG h4, .BOXFARBIG .fa, .BOXFARBIG a:link, .BOXFARBIG a:visited {color: #fff !important;}
.BOXFARBIG a:hover { color: #013862; }

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

/*** RAHMEN SCHATTEN SLIDER 30 ***/
.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 31 ***/
.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; }


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


/*** FOOTER ***/
#FOOTER { background-color: #fff; z-index: 55; position: relative; overflow: hidden; margin-bottom: 20px; padding-top: 50px; padding-bottom: 30px; border-top: 4px double #d2d2d2; border-bottom: 6px solid #f38f24; }
.footer-inner { max-width: 1100px; margin-right: auto; margin-left: auto; }
.footer-inner p, .footer-inner tr { color: #7c7c7c; font-size: 0.8em; line-height: 1.5em; margin-top: 0; padding-top: 0; }
.footer-inner a:link, .footer-inner a:visited { color: #797979; text-decoration: none; }
.footer-inner a:hover { color: #f38f24; }




/***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: #f6f6f6 url(../Bilder/ML-NORM.png) no-repeat left center; text-decoration: none; display: block; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 50px; border-bottom: 1px solid #fff; }
.SUBMENUESITEMAP ul li a:hover { color: #f29400; font-weight: normal; background: #ededed url(../Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 50px; border-bottom: 1px solid #fff; display: block; }
.SUBMENUESITEMAP ul li a:focus { color: #f29400; font-weight: normal; background: #ededed url(../Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 7px 7px 7px 50px; border-bottom: 1px solid #fff; display: block; }
.SUBMENUESITEMAP ul li a:active  { color: #f29400; font-weight: normal; background: #fff url(../Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 7px 7px 7px 50px; border-bottom: 1px solid #fff; display: block; }
.SUBMENUESITEMAP ul li .cur1  { color: #f29400; font-weight: normal; background: #fff url(../Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 7px 7px 7px 50px; border-bottom: 1px solid #fff; display: block; }
.SUBMENUESITEMAP ul li .act1 a:link, .SUBMENUESITEMAP ul li .act1 a:visited        { color: #f29400; font-weight: normal; background: #fff url(../Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both  ; margin: 0; padding: 7px 7px 7px 50px; border-bottom: 1px dotted #fff; display: block; }


/**** UEBERSCHRIFTEN ********/
h1   /* MG HEAD */ { color: #474747; font-size: 2.3em; font-family: Muli, sans-serif; font-weight: 300; font-style: normal; line-height: 1.2em; background-image: url(../Bilder/h1.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 17px; padding-top: 0; padding-bottom: 15px; }
h2  /* MG SUB */ { color: #9b9b9b; 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: 0; }
h2 .fa { color: #f29400; }
h3   /* MG LINIE UNTEN GRAU */ { color: #4b4b4b; font-size: 1.1em; font-family: Muli, sans-serif; font-weight: 300; font-style: normal; line-height: 1.2em; background-image: url(../Bilder/h3.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-top: 0; padding-bottom: 12px; }
h3 .fa { color: #474747; }
h4   /*  MG SCHWARZ KLEIN */ { color: #4c4c4c; font-size: 1.3em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
h4 .fa { color: #f29400; }
h5   /* MG WEISS GROSS */ { color: #fff; font-size: 2.5em; font-family: Muli, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
h5 .fa { color: #fff; }
.UBFARBE { font-family: Muli, sans-serif; font-weight: 400; color: #fff; font-size: 1.1em; line-height: 1.1em; background-color: #f29400; margin-bottom: 10px; padding: 5px 10px; }
.UBFARBE .fa { color: #fff; }
.UBFOOTER /*  MG FOOTER LINIE LINKS */ { font-family: Muli, sans-serif; font-weight: 300; color: #3c3c3c; font-size: 1.5em; line-height: 1em; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-top: 0; padding-bottom: 0; padding-left: 15px; border-left: 1px solid #a9a8a8; }
.UBFOOTER span { font-family: Muli, sans-serif; font-weight: 300; color: #7b7b7b; 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; }



/**** LINIE DANACH *****/
.divider hr, hr {
  clear: both;
  margin: 10px 0;
  padding: 0;
  border-bottom: 1px dotted #afafaf;
  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-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; margin-bottom: 0; padding-top: 2px; 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; }
.powermail_submit  /* Absende Button */ { color: #fff; font-size: 1em; font-family: Muli; font-weight: 400; background-color: #f29400; text-align: center; width: 100%; margin-top: 15px; padding-top: 13px; padding-bottom: 13px; border: solid 1px #d56e00; cursor: pointer; display: block; }
.powermail_submit: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-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: #f29400; text-decoration: none; transition: padding 300ms, background-color linear 300ms 300ms; }
.SLIDER-BUTTON a:hover { padding: 3px 30px; background-color: #f7a82d; text-decoration: none; transition: padding 300ms, background-color linear 300ms 300ms; }
.SLIDER-BUTTON .fa { color: #fff; }


/*** 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(../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;
}



/* ----------------- START OWL-SLIDER - CAROUSEL -------------- */

.testimonialmaxwith { overflow:hidden; max-width: 1100px; margin-right: auto; margin-left: auto; padding-bottom: 20px; }
.testimonialmaxwith img {  }
.testimonial {
    margin: 0 10px;
}
.testimonial .contentowl { margin-bottom: 15px; position: relative; min-height: 100px; padding: 0 10px; }

#testimonial-slider div.owl-item:nth-child(2n) .contentowl {
    background: #fff;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #717171;
}
.owl-theme .owl-controls .owl-page span {
    background: #333;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span {
    width: 10px;
    height:10px;
    margin: 5px 6px;
}
/* ----------------- ENDE OWL-SLIDER - CAROUSEL -------------- */



/*** 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:100px; z-index:10000; font-family: arial; background-color: #fff; text-decoration: none; min-width: 180px; max-width: 500px; margin-bottom: 0; margin-left: 18%; padding: 40px 25px; border-left: 6px solid #f38f24; -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: #069c2b !important; text-align: center; margin-bottom: 3px; padding: 5px; border: solid 1px #138a17; 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 ***/



/* 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: 1100px; margin: 0; padding: 0; display: block; }
	.NAVIGATIONINHALT { margin-top: 0px; padding-top: 5px; }
	.LOGO { text-align: center; width: 80%; float: none; margin-top: 0; padding-top: 5px; padding-right: 10%; padding-left: 10%; }
	.LOGO 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: 1100px; 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 ***/
	.MSPVIERTELEINS, 
	.MSPVIERTELZWEI, 
	.MSPVIERTELDREI, 
	.MSPVIERTELVIER, 
	.MSPFUENFZIGLINKSEINS,
	.MSPFUENFZIGRECHTSEINS,
	.MSPDRITTELLINKS,
	.MSPDRITTELMITTE,
	.MSPDRITTELRECHTS,
	.MSPZWEIDRITTELLINKSEINS,
	.MSPZWEIDRITTELRECHTSEINS,
	.MSPZWEIDRITTELLINKSZWEI,
	.MSPZWEIDRITTELRECHTSZWEI, 
	.MSPEINSPALTER { width: 100%; float: none; }
	
	/*** IMAGEWRAP ***/
	.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*/
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { width: 30%; /* Bildcontainer Breite */ }	
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { width: 100%; margin: 0; padding: 0;  /* Textblock */ }	
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img { width: 100%; clear: both; }
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img { width: 100%; clear: both; }
	DIV.csc-textpic-center .csc-textpic-imagewrap img { width: 100%; clear: both; }
	
	.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);
	}	

}
#testimonial-slider div.owl-item:nth-child(3n+1) .contentowl {
    background: #fff;
}