body {
	font-family: Source Sans Pro, Verdana, sans-serif;  margin: 0; padding: 0; 
}


/*** GRIDELEMNTS BASIS-BREITE UEBERSCHREIBEN max-width:1140px ***/
@media (min-width: 1200px) {
  .container { 
	max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px; }
}
  

  
/*** MAXIMALE BREITE WEBSEITE ***/
#MAXWEBSITEBGFARBE { overflow: hidden; background-color: #e2e7eb; width: 100%; clear: both; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 0; }
#MAXWEBSITEMITTE  { position: relative; }
.MAXWEBSITEINHALT { background-color: #fff; max-width: 1980px !important; margin-right: auto; margin-left: auto; }
#INHALTOBENSTARTLINE, #INHALTOBENBG { max-width: 1980px; }



/*** HINTERGRUNDBILDER DESKTOP ***/
#HINTERGRUNDBILDERDESKTOP { position: relative; top: 0; z-index: 2; width: 100%; clear: both; display: inline-block; height: auto; min-height: 160px; margin-right: auto; margin-left: auto; }
/*** INHALTOBEN ***/
#INHALTOBENBG { background-color: #fff; 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; -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: 1200px; height: auto; margin-right: auto; margin-left: auto; }
.LOGOLI { z-index: 525; position: relative; float: left; margin-top: 10px; margin-bottom: 10px; display: block; }
.LOGORE { z-index: 525; position: relative; float: right; margin-top: 30px; margin-bottom: 10px; display: block; }

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

/*** 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-top: 0; margin-right: auto; margin-left: auto; }
.MAXWIDTHCONTENT { overflow:hidden; max-width: 1200px; 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; }



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

/*** TEXTE CONTENT ***/
.CONTENT { color: #5c5c5c; font-size: 1.1em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; line-height: 1.5em; }
.CONTENT p {  }
.CONTENT a:link, .CONTENT a:visited { color: #009ee3; text-decoration: none; }
.CONTENT a:hover { color: #4b4b4b; text-decoration: none; }
.CONTENT li a:link, .CONTENT li a:visited  {
	color: #009ee3;
	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: 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; 
}



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

/*** RTE FIRSTLETTER ***/
.FIRSTLETTER:first-letter { font-family: 'Source Sans Pro', 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 { text-transform: uppercase; letter-spacing: 2px; padding-top: 8px; padding-bottom: 10px; }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff !important; }
.ANFRAGEBUTTON {
	background-color:#8d959a;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:1em;
	padding:6px 20px 8px;
	text-decoration:none;
}
.ANFRAGEBUTTON:hover a:link { color: #fff !important; }
.ANFRAGEBUTTON:hover { background-color:#415b67; }
.ANFRAGEBUTTON:active { position:relative; top:1px; }
.ANFRAGEBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}


/*** RTE ACTION-BUTTON ***/
.ACTIONBUTTON { font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; padding-top: 15px; padding-bottom: 15px; }
.ACTIONBUTTON a:link, .ACTIONBUTTON a:visited { color: #ee4a78 !important; }
.ACTIONBUTTON {
	background-color:#fff;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ee4a78;
	font-size:1.2em;
	padding:12px 25px;
	text-decoration:none;
}
.ACTIONBUTTON:hover a:link { color: #fff !important; }
.ACTIONBUTTON:hover { background-color:#575757; }
.ACTIONBUTTON:active { position:relative; top:1px; }
.ACTIONBUTTON { 
-webkit-transition: background 1s 0s ease;
-moz-transition: background 1s 0s ease;
-o-transition: background 1s 0s ease;
transition: background 1s 0s ease;
}


/*** 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 .ANFRAGEBUTTON  { padding-top: 15px; }

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

/*** 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 TXT WEISS ***/
.frame-BOXTEXTWEISS { color: #fff !important; }
.frame-BOXTEXTWEISS p, .frame-BOXTEXTWEISS p .fa { font-family: "Source Sans Pro", sans-serif; font-weight: 200; color: #fff !important; font-size: 1.1em; line-height: 1.4em; text-align: center; }
.frame-BOXTEXTWEISS h1, .frame-BOXTEXTWEISS h2, .frame-BOXTEXTWEISS h3 { color: #fff !important; 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: #f9f9f9; 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: #707070; font-size: 0.8em; font-family: Source Sans Pro, sans-serif; font-weight: 400; text-align: center; letter-spacing: 1px; max-width: 1200px; margin: 0 auto; }
.BREADCRUMP a:link, .BREADCRUMP a:visited { color: #2b2b2b; text-decoration: none; }


/*** FOOTER ***/
#FOOTER { background-color: #6d7373; z-index: 55; position: relative; overflow: hidden; margin-bottom: 0; padding-top: 60px; padding-bottom: 30px; }
.footer-inner { max-width: 1200px; 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: 'Source Sans Pro', 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: 'Source Sans Pro', 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: #bd0006; font-weight: normal; 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 .active a:link { color: #37546c !important; 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; }



/**** UEBERSCHRIFTEN ********/
h1   /* C2 HEAD  */ { color: #5d6469; font-size: 2em; font-family: Jost, sans-serif; font-weight: 300; font-style: normal; line-height: 1.2em; background-image: url(/fileadmin/INTERNET/Bilder/h1.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; text-decoration: none; text-transform: uppercase; letter-spacing: 4px; margin-top: 0; margin-bottom: 25px; padding-top: 0; padding-bottom: 10px; }
h2   /* C2 SUB   */ { color: #5d6469; font-size: 1.8em; font-family: Jost, sans-serif; font-weight: 300; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; letter-spacing: 4px; margin-top: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }
h3   /* C2 SUB */ { color: #767676; font-size: 1.1em; font-family: "Playfair Display", serif; font-weight: 500; font-style: normal; line-height: 1.2em; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; margin-bottom: 8px; order-top-style: solid; }
h4   /* ---  */ { color: #fff; font-size: 1em; font-family: Source Sans Pro, 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   /* ---  */ { color: #fff; font-size: 1.2em; font-family: Source Sans Pro, 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; }
.UBFARBE  /* FARBIG */ { font-family: Source Sans Pro, 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: "Playfair Display", serif; font-weight: 400; color: #fff; font-size: 1.3em; line-height: 1em; text-transform: uppercase; letter-spacing: 2px; 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: Source Sans Pro, 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: 25px 0;
  padding: 0;
  border-bottom: 1px dotted #989898;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  display: block; }


/* *** PRELOADER 2020 ****/
#PRELOADER { background-image: url(/fileadmin/INTERNET/Bilder/loader.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center; position: absolute; z-index: 120001; width: 100%; height: 100%; } 
#PRELOADER { background-color: rgba(255, 255, 255, 0.8);  }


/* *** POWERMAIL 2020 + BOOSTRAP ****/
.CONTACTFORM { background-color: #fff; }
.powermail_legend { font-size: 0.8em; }
.powermail_fieldwrap .control-label { font-size: 0.95em; color: #292b2c; }
.powermail_fieldwrap .checkbox { font-size: 0.9em; line-height: 1.3em; }
.powermail_fieldwrap .col-sm-2 { max-width: initial; }
.powermail_label  /* Schrift Style */ { color: #767676 !important; font-family: "Source Sans Pro", sans-serif; font-weight: 400;  }
.powermail_input { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #000; background-color: #f2f2f2;  }
.powermail_textarea { font-family: "Source Sans Pro", sans-serif; color: #000; background-color: #f2f2f2; height: 150px; }
.powermail_select { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #000; background-color: #f2f2f2; }
.btn-primary  /* Absende Button */ { color: #fff; font-size: 1em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; background-color: #009ee3; text-align: center; width: 100%; margin-top: 15px; padding-top: 13px; padding-bottom: 13px; border: solid 1px #56788c; 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: 3px; -moz-border-radius: 3px; border-radius: 3px; }



/*** EXTENSION LAYER-SLIDER ***/
.SLIDER-HEADLINE { font-family: "Source Sans Pro", 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: "Source Sans Pro", 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 SLICK-SLIDER ***/
.slick-slider { padding-top: 20px; padding-bottom: 30px; }
.slick-dots { padding-bottom: 15px; }
.slick-dots li button {
  list-style-type: none;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 1px #bbb solid;
  background: #999;
  margin-left: -15px;
}

.slick-dots li.slick-active button {
 width: 22px;
  height: 22px;
  margin-left: -15px;
  border: 1px #ccc solid;
  background: #ddd;
}

.slick-dots li button:before {
  content: '';
}

button.slick-prev.slick-arrow::before, 
button.slick-next.slick-arrow::before {
  color: #ccc;
  font-size: 30px; 
}
button.slick-prev.slick-arrow {
  left: 30px;
  z-index: 1000;
}
button.slick-next.slick-arrow {
  right: 70px;
  z-index: 1000;
}





/*** 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:12000; 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 #474747; -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 1200px */
@media screen and (max-width: 1200px) {
	
	body { background-image: none; }
	
	/* *** 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: 1200px; 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; }

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

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

	/*** FOOTER ***/
	#FOOTER { color: #fff; width: 100%; float: none; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 0%; padding-left: 0%; border-top: 0 none transparent; }
	.footer-inner { width: 96%; padding-right: 2%; padding-left: 2%; color: #fff; float: none; padding-top: 40px; }
	
	/*** MOBILDE HIDDEN ***/
	.MOBILEHIDDEN {display: none !important; overflow: hidden !important; }

}







/* Accordion [START] */
.css-accordion {
	overflow: hidden;
}

.css-accordion .tab {
	width: 100%;
	overflow: hidden;
}

.css-accordion .tab-label {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	border-bottom: 1px solid #004588;
	padding: 15px 0 0;
}

.css-accordion .tab-label:hover h3 {
	text-decoration: underline;
}

.css-accordion .tab-label::after {
	content: "\276F";
	width: 1em;
	height: 1em;
	text-align: center;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.css-accordion .tab-content {
	background: white;
	max-height: 0;
	color: #2c3e50;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	overflow: hidden;
}

.css-accordion input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.css-accordion input:checked + .tab-header .tab-label::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.css-accordion input:checked ~ .tab-content {
	max-height: 100vh;
	padding: 1em 0;
	overflow: initial;
}
/* Accordion [END] */






/* Tab Element */
.tab .nav {
	border-bottom: 3px solid #4c606b;
}

.tab .nav li {
	background-image: none;
	padding-left: 0;
	margin: 0;
}

.tab .nav li .nav-link {
	position: relative;
	border-top: 3px solid #4c606b;
	border-radius: 0;
	color: #94aab7;
}

.tab .nav li .nav-link.active {
	background-color: #4c606b;
	color: #ffffff;
}

@media screen and (min-width: 992px) {
	.tab .nav li .nav-link {
		height: 110px;
	}

	.tab .nav li .nav-link.active::after {
		content: '';
		position: absolute;
		top: -3px;
		right: -30px;
		left: 100%;
		bottom: -3px;
		z-index: 1;
		background-color: #4c606b;
	}

	.tab .nav li .nav-link.active .arrow {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 56px 56px 56px 0;
		border-color: transparent #94aab7 transparent transparent;
		position: absolute;
		z-index: 2;
		top: -3px;
		right: -30px;
	}
}

.tab .tab-content {
	background-color: #94aab7;
	color: #ffffff;
}

.tab .tab-content h1,
.tab .tab-content h2,
.tab .tab-content h3,
.tab .tab-content h4,
.tab .tab-content h5,
.tab .tab-content h6 {
	color: #ffffff;
}

@media screen and (max-width: 991px) {
	.tab-link-mobile {
		border-top: 3px solid #4c606b;
		cursor: pointer;
	}

	.tab-link-mobile.active-mobile .fas {
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.tab .tab-content {
		border-bottom: 3px solid #4c606b;
	}
}