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


/*** EXT: NEWS ***/
.news-list-item h3 { font-size: 1.3em; margin-bottom: 5px; padding-bottom: 0; border-bottom: 1px dotted #dcdcdc; }

/*** HINTERGRUNDBILDER - SLIDER MIT VERSCHIEBUNG CONTENT NACH UNTEN ***/
#HINTERGRUNDBILDERDESKTOP { position: relative; top: 0; z-index: 2; width: 100%; clear: both; display: inline-block; height: auto; min-height: 105px; margin-right: auto; margin-left: auto; }

/*** HEADER - SLIDER MIT CONTENT IM VORDERGRUND ***/
#HEADER { position: relative; z-index: 3; width: 100%; clear: both; height: auto;  margin-right: auto; margin-left: auto; }


/*** INHALTOBEN ***/
#INHALTOBENBG { position: fixed; top: 0; z-index: 500; width: 100%; clear: both; display: inline-block; height: auto; margin-right: auto; margin-left: auto; padding-top: 10px; background-color: rgba(255,255,255,1); padding-bottom: 10px; -webkit-box-shadow: 0px 10px 15px 0px rgba(170, 170, 170, 0.1); -moz-box-shadow: 0px 10px 15px 0px rgba(170, 170, 170, 0.1); box-shadow: 0px 10px 15px 0px rgba(170, 170, 170, 0.1); }
#INHALTOBEN { max-width: 1000px; height: auto; margin-right: auto; margin-left: auto; }
.LOGO { z-index: 525; position: relative; width: 300px; float: right; display: block; }
.LOGO img { }

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


/*** INHALT-CONTENT ***/
.INHALTCONTENT { z-index: 30; position: relative; margin-top: 0; margin-right: auto; margin-left: auto; }
.MAXWIDTHCONTENT { overflow:hidden; max-width: 1000px; margin-top: 40px; 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; }

/*** TEXTE CONTENT ***/
.CONTENT { color: #656565; font-size: 0.9em; font-family: Arial, sans-serif; font-weight: 400; line-height: 1.7em; text-decoration: none; }
.CONTENT p { font-weight: 400; text-decoration: none; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.CONTENT a:link, .CONTENT a:visited { color: #a5820f; text-decoration: none; }
.CONTENT a:hover { color: #a70230; text-decoration: none; }
.CONTENT li a:link, .CONTENT li a:visited  {
  color: #a5820f;
  text-decoration: none; }
.CONTENT li a:hover {
  color: #a70230;
  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 5px; margin-top: 10px; padding-left: 10px; border-width: 0; }
.CONTENT ul   { padding-left: 0; border-width: 0; list-style: none; display: block; }
.CONTENT a img { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.CONTENT a:hover img { opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.align-center { text-align: center; }
.extra {
    font-size: 0.8em;
}

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

/*** RTE ANFRAGEBUTTON ***/
.ANFRAGEBUTTON { font-size: 0.96em; margin-top: 10px; margin-bottom: 5px; }
.ANFRAGEBUTTON a:link, .ANFRAGEBUTTON a:visited { color: #fff; background-color: #a5820f; text-align: center; padding: 7px 15px; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }
.ANFRAGEBUTTON a:hover { color: #fff !important; background-color: #7a600a; text-align: center; padding: 7px 15px; -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; }


/* *** CSC-TEXTPIC-CAPTION *** */
figcaption.csc-textpic-caption   { font-size: 0.8em; background-color: #a5820f; color: #fff; line-height: 1.3em; text-align: center; padding: 1px 5px 2px; border-top: 1px solid #fff; }
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; }

/*** FOOTER ***/
#FOOTER { font-family: arial; background-color: #fff; z-index: 55; position: relative; overflow: hidden; padding-top: 10px; padding-bottom: 80px; }
.footer-inner { max-width: 1000px; margin-right: auto; margin-left: auto; }
.footer-inner p, .footer-inner tr { color: #a5820f; font-size: 0.7em; font-family: arial; line-height: 1.5em; margin-top: 0; padding-top: 0; }
.footer-inner a:link, .footer-inner a:visited { color: #a5820f; text-decoration: none; }
.footer-inner a:hover { color: #a70230; }

/*** ADRESSLEISTE ***/
#ADRESSLEISTE { background-color: #fff; z-index: 55; position: relative; overflow: hidden; margin-top: 30px; margin-bottom: 20px; }
.ADRESSLEISTE-inner { font-size: 0.7em; line-height: 1em; max-width: 1000px; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; }
.ADRESSLEISTE-inner p { font-family: arial; color: #a5820f; margin-top: 0; padding-top: 0; }
.ADRESSLEISTE-inner a:link, .ADRESSLEISTE-inner a:visited { color: #a5820f; text-decoration: none; margin-top: 0; padding-top: 0; }
.ADRESSLEISTE-inner a:hover { color: #a70230; }


/***SUBNAVIGATION RENDERING SITEMAP ***/
.SUBMENUESITEMAP { font-size: 1em; position: relative; width: 100%; float: left; margin-bottom: 20px; display: block; }
.SUBMENUESITEMAP ul    {
  font-family: Marcellus, serif;
  line-height: 1.2em;
  text-decoration: none;
  text-align: left;
  list-style-type: none;
  display: block;
  padding: 0;
  clear: both        ;
  margin: 0; }
.SUBMENUESITEMAP li    {
  font-family: Marcellus, serif;
  text-decoration: none;
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0;
  clear: both      }
.SUBMENUESITEMAP ul li a:link, .SUBMENUESITEMAP ul li a:visited { color: #a5820f; 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: 10px 0 10px 30px; border-bottom: 1px solid #ccc; }
.SUBMENUESITEMAP ul li a:hover { color: #666; font-weight: normal; background: #f7f7f7 url(/fileadmin/INTERNET/Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 10px 0 10px 30px; border-bottom: 1px solid #ccc; display: block; }
.SUBMENUESITEMAP ul li a:focus { color: #666; font-weight: normal; background: #f7f7f7 url(/fileadmin/INTERNET/Bilder/ML-HOV.png) no-repeat left center; text-decoration: none; width: auto; clear: both; margin: 0; padding: 10px 0 10px 30px; border-bottom: 1px solid #ccc; display: block; }
.SUBMENUESITEMAP ul li a:active  { color: #666; font-weight: normal; background: #f7f7f7 url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 10px 0 10px 30px; border-bottom: 1px solid #ccc; display: block; }
.SUBMENUESITEMAP ul li .cur1  { color: #666; font-weight: normal; background: #f7f7f7 url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both; margin: 0; padding: 10px 0 10px 30px; border-bottom: 1px solid #ccc; display: block; }
.SUBMENUESITEMAP ul li .act1 a:link, .SUBMENUESITEMAP ul li .act1 a:visited        { color: #666; font-weight: normal; background: #f7f7f7 url(/fileadmin/INTERNET/Bilder/ML-ACT.png) no-repeat left center; text-decoration: none; width: auto; height: auto; clear: both  ; margin: 0; padding: 10px 0 10px 30px; border-bottom: 1px solid #ccc; display: block; }

/**** UEBERSCHRIFTEN ********/
h1   /* HEADLINE */ { color: #a5820f; font-size: 1.7em; font-family: Marcellus, serif; font-weight: 400; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 0.9em; padding-top: 0; padding-bottom: 0; }
h2  /* SUBLINE */ { color: #a5820f; font-size: 1.7em; font-family: Marcellus, serif; font-weight: 400; line-height: 1.2em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-bottom: 0.7em; padding-top: 0; padding-bottom: 0; }
h2 .fa { color: #a5820f; font-weight: 400; }
h3  /*  ACCORDION  */ { color: #a5820f; font-size: 1.6em; font-family: Marcellus, serif; font-weight: 400; line-height: 1.2em; text-decoration: none; margin-top: 0; margin-bottom: 0.9em; padding-top: 0.1em; padding-bottom: 0.1em; }
h4   /* RECHTS TEASER TEXTE */ { font-family: Marcellus, serif; color: #a5820f; font-size: 1.7em; font-weight: 400; line-height: 1em; margin: 0 0 0.9em; padding: 0; }
h5   { color: #cacaca; font-size: 1.1em; font-family: Marcellus, serif; font-weight: 400; text-decoration: none; clear: both; margin: 0 0 5px; padding: 0 0 5px; }
h5 .fa { color: #a5820f; font-size: 80%; font-weight: 400; }

/**** 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 2016 ****/
.CONTACTFORM { background-color: #fff; padding: 7px; }
.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: Marcellus, serif; font-weight: 400; width: 96%; margin-top: 5px; margin-bottom: 0; padding-top: 2px; padding-right: 2%; padding-left: 0%; border-style: none; border-width: 0; display: block; }
.powermail_input { color: #000; font-size: 0.9em; background-color: #ededed; width: 96%; margin-bottom: 10px; padding: 5px 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: Marcellus, serif; color: #000; font-size: 0.9em; background-color: #ededed; width: 96%; height: 150px; margin-top: 0; margin-bottom: 10px; padding: 5px 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 { color: #000; font-size: 0.9em; background-color: #ededed; width: 100%; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; border-style: none; display: block; }
.powermail_submit  /* Absende Button */ { color: #fff; font-size: 1em; font-family: Marcellus, serif; font-weight: 400; background-color: #a5820f; text-align: center; width: 100%; padding-top: 7px; padding-bottom: 7px; border: solid 1px #8d6e08; cursor: pointer; display: block; }
.powermail_submit:hover  { color: #fff; background-color: #896d0f; text-align: center; border: solid 1px #252525; }
.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; }


/*** HINWEISE ZU COOKIES ***/
#cookie { color: #6e6e6e; text-align:left; position:fixed; bottom:0; z-index:10000; width:180px; font-size:13px; font-family: arial; line-height:1.1em; background-color: #fff; text-decoration: none; margin-bottom: 20px; margin-left: 10px; padding: 10px 5px 15px 10px;
-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.90;
filter: alpha(opacity =90);
}
#cookie .fa { color: #6e6e6e; width: 17px; }
#cookie .fa-green { color: #398e3b; }
#cookie .fa-info-circle { color: #398e3b; }
#cookie a { color: #6e6e6e; text-decoration: none; width: 20px; }
.cookieHinweis { font-weight: bold; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #bababa; display: block; }
.cookieButton { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #bababa; cursor:pointer; display: block; }
.cookieButton:hover { background-color: #eaeaea; padding-left: 5px; }
.cookieClose { cursor:pointer; }



/*** EXTENSION LAYER-SLIDER ***/
.ls-slide .LS-UBS { font-family: Marcellus, serif; color: #a5820f; font-size: 4.1em; font-weight: 400; line-height: 1em; text-transform: uppercase; margin: 0 0 15px; padding: 0; }
.ls-slide .TEXTBG { font-family: Marcellus, serif; color: #a5820f; font-size: 1.5em; line-height: 1.5em; display: inline; }
.ls-slide a:link, .ls-slide a:visited { color: #a5820f; text-decoration: none; }
.ls-slide a img { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.ls-slide a:hover img { opacity: 0.8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

/*** 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:5px; bottom: 50px; z-index: 100; padding: 10px; display:none; }
.scrollToTop:hover{
  text-decoration:none;
}


/* media querie handhelds less than 768px */
@media screen and (max-width: 768px) {
  
  body { background-image: none; }
  
  /*** EXTENSION LAYER-SLIDER ***/
  .ls-slide .LS-UBS { margin-left: 15px; }
  .ls-slide .TEXTBG { margin-left: 15px; }
  .ls-slide a img { margin-right: 10px; margin-left: 10px; }
  
  /*** INHALTOBEN ***/
  #INHALTOBENBG { background-color: #fff; position: relative; top: 0; z-index: 500; padding-bottom: 0; padding-top: 10px; }

  /*** HINTERGRUNDBILDER - SLIDER MIT VERSCHIEBUNG CONTENT NACH UNTEN ***/
  #HINTERGRUNDBILDERDESKTOP { position: relative;  min-height: 1px; }
  /***SUBNAVIGATION RENDERING SITEMAP ***/
    .SUBMENUESITEMAP { width: 96%; }

  /*** UEBERSCHRIFTEN ***/
  h1  /* HEADLINE */ { font-size: 1.7em; }
  h3  /* KAESTEN */ { font-size: 1.1em; clear: both; }

  /*** 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; }
  .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; }
  
  /*** CONTENT MOBILE ***/
  .MAXWIDTHCONTENT { width: 90%; float: none; margin-top: 10px; 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 { 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 { width: 100%; height: auto ; margin-top: 5px; }
  
  /*** ADRESSLEISTE ***/
  #ADRESSLEISTE { width: 90%; float: none; margin: 30px auto 0; padding-top: 0; padding-right: 5%; padding-left: 5%; border-top: 0 none transparent; }
  .ADRESSLEISTE-inner { float: none; }
  
  /*** FOOTER ***/
  #FOOTER { width: 90%; float: none; margin: 40px auto 0; padding: 20px 5%; border-top: 1px dotted #a8a8a8; }
  .footer-inner { 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; }
  
  /*** ALLGEMEIN ***/
  embed, object, video {
  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 480px */
@media screen and (max-width: 480px) {

}

.img-dummy {
    display: none;
}

.row.news-list-item {
    margin-bottom: 35px;
}
.pagination li {
    display: inline;
    list-style: none;
    background-image: none;
}