@font-face {
  font-family: 'FontAwesome';
  src: url('../Fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../Fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
       url('../Fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
       url('../Fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
       url('../Fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600italic,600);

/* ****************************************************************************** ** */

* {margin: 0; padding: 0;    }
html{height: 100%; }
body{height: 100.15%; font-family: 'Source Sans Pro', sans-serif; background-color: #333;}

dfn,
legend,
.invisible,
.hidden{width:0;height: 0;display:  none; border: 0; margin: 0; padding: 0; visibility: hidden;}
li.clear,
.clear,
.clearer{background: none; clear: both; height: 0; font-size: 0; line-height: 0; padding: 0; margin: 0; border: 0; }
fieldset {border: none; }

h1, h2, h3 {font-weight: 600; font-size: 120%; }
h4 {font-weight: 600; font-size: 100%; margin-top: 0;}

a, th {font-weight: 600;}

li p, td p, td li, li li, p label, th label, td label{font-size: 100%;}

th, td{vertical-align: top; text-align: left;}

p,  ol,  ul{margin: 0 0 10px 0;}
ol,  ul {padding: 0 0 0 20px;}

table{border-collapse: collapse; width: 100%;}

img{max-width: 100%;}

a{text-decoration: none; transition: all ease .5s; color: #333}
a img{border: 0;}

a.external-link-new-window::before,
a.external-link::before,
a.externerLink::before{content:'\F08E'; display: inline-block; padding: 0 5px; margin: 0 0 0 -20px ; font-family: FontAwesome; text-indent: 0; font-size: 90%;}

a.download::before{content:'\F019'; display: inline-block; padding: 0 5px; margin: 0 0 0 -20px ; font-family: FontAwesome; text-indent: 0; font-size: 90%;}

a.external-link,
a.download,
a.external-link-new-window{display: inline-block;   margin:  0 0 0 20px;}


/* Bootstrap überschreiben */

/* Layout ---------------------------------------------------------------------------------------------------------- */

.page {transition: all .3s ease; margin: 0 ; min-height: 100.15%;  position: relative; z-index: 1; min-width: 320px;  overflow: hidden;}
.pageSchubs{margin: 0 0 0 300px; overflow: visible;}



/* top */
.logo {background-color: #848B90; border-bottom: 5px solid #fff;}
.logo .lg {text-align: right;}
.logo .mb span{ -webkit-transition: all .3s ease; transition: all .3s ease; color: #003E80; display: table-cell; 
    font-family: FontAwesome; vertical-align: middle; text-decoration: none;   color: #eee; }
.logo .mb  a{ -webkit-transition: all .3s ease; transition: all .3s ease; color: #003E80; display: table-cell; 
    font-family: FontAwesome; vertical-align: middle; text-decoration: none;  color: #eee; }
.logo .mb span:hover,
.logo .mb a:hover {color: #000}

/* header */
.header {background: #ffd401; }
.header .kopfbild {text-align: right;}
.header .kopfbild img{width: 100%; height: auto;}

.header .navigation ul{text-align: right; list-style-type: none; text-transform: uppercase; color: #000; padding: 0; }
.header .navigation ul li {font-size: 120%;}
.header .navigation ul a {color: #848B90}
.header .navigation ul .cur a {color: #333}

.header .navigation ul a:hover {color: #000; text-decoration: none;}
.header .navigation ul p {margin: 0; font-weight: 600;}


/* main */
main{ position: relative; padding: 0;}
.overlay{ display: none; position: absolute; left: 0; top: 0; z-index: 9999; opacity: .6; background-color: #454545;  width: 100%; height: 100%; }

main .container{background-color: #E3E5E6; border-top: 5px solid #fff;}

.ohne h1{display: none}
.ohne > .mitte{padding-top: 20px;}

.layout2 .links,
.layout2 .rechts{display: none;}

.layout3 .rechts{display: none;}
.layout3 .mitte{width: 80%;}
.layout2 .mitte{width: 100%;}

main .links ul{text-align: right; list-style-type: none; text-transform: uppercase; color: #000; padding: 20px 0 0; margin: 0; }
main .links ul > ul{ padding: 0; }
main .links ul.ebene1 li {font-size: 120%; text-transform: uppercase; }
main .links ul a {color: #848B90}
main .links ul a:hover {color: #000; text-decoration: none;}
main .links ul p {margin: 0; font-weight: 600;}
main .links ul.ebene2 li {font-size: 100%; text-transform: none; }

main .mitte {background-color: #fff }
main .mitte h1 {margin-top: 0; padding-top: 20px;}

main .mitte hr { border: 0; border-bottom: 4px solid #D8D9DA;}
main .mitte hr:after  {
  content: " ";
  display: table;
  clear: both;
} 

/* footer */

footer .container {background-color: #848B90; color: #fff; border-top: 5px solid #fff;}
footer a {color: #fff}
footer a:hover {color: #000}
footer ul {padding: 0; list-style-type: none;} 
footer ul li{ border-bottom: 1px solid #B7BBBF; padding: 2px 0 3px}
footer ul li a::before {content:''; padding-right: 5px; font-family: FontAwesome;  color: #E1E3E5;}
footer a.rss{display: block; border-bottom: 1px solid #B7BBBF; padding: 2px 0 3px}
footer a.yt{ display: block; border-bottom: 1px solid #B7BBBF; padding: 2px 0 3px}
footer a.rss::before {content:''; padding-right: 5px; font-family: FontAwesome;  color: #E1E3E5;}
footer a.yt::before {content:''; padding-right: 5px; font-family: FontAwesome;  color: #E1E3E5;}
footer ul,
footer p{margin: 0;}


/* mobil - Navigation ************************************************************************************************** */

.mobil{ position: absolute;top: 0;   z-index: 300;  left: -300px; padding: 0; width: 300px; background: #E3E5E6}
.mobil .mobilHeader{display: block; width: 100%; padding: 0; background: #848B90; color: #eee; border-bottom: 5px solid #fff; }

.mobilHeader .mobilMenuZu{ -webkit-transition: all .3s ease; transition: all .3s ease; display: table-cell; 
    font-family: FontAwesome; vertical-align: middle; text-decoration: none;   color: #eee; height: 48px; }
.mobilHeader .menu{font-family: FontAwesome; background: none; padding: 0 10px; border: 0; font-size: 150%;  }

#nav ul {margin: 0; list-style-type: none; padding: 0; }
#nav ul li { float: none;}
#nav ul li a{ position: relative; color: #111; display: block; background-color: rgb(255,255,255); font-size: 115%; padding: 10px 20px 10px 10px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub1 li a{  background-color: rgb(245,245,245); padding: 10px 10px 10px 30px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub2 li a{  background-color: rgb(235,235,235); padding: 10px 10px 10px 40px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub3 li a{  background-color: rgb(225,225,225); padding: 10px 10px 10px 50px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub4 li a{  background-color: rgb(225,225,225); padding: 10px 10px 10px 60px; border-bottom: 1px dotted #B1B1B1 }

#nav li:first-child, #nav li:last-child { display: block;}
                        
#nav ul ul {position: relative;}

#nav ul.sub1 .link-uebersicht{display: none;}
#nav ul.sub2 .link-uebersicht{display: none;}
#nav ul.sub3 .link-uebersicht{display: block;}
#nav ul.sub4 .link-uebersicht{display: block;}

.link-uebersicht a::before {font-family: FontAwesome;content: "\f054";float: left; padding: 3px 5px 0 0;margin: 0;font-size: 80%;}

#nav .plus2::after {opacity: .8; font-family: FontAwesome;content: "\f078";position: absolute; right: 5px; top: 10px; font-size:  100%;}
#nav .plus2.on::after {opacity: .8;font-family: FontAwesome;content: "\f077";position: absolute; right: 5px; top: 10px; font-size:  100%;}
#nav .cur a::after {opacity: .8; font-family: FontAwesome;content: "\f054";position: absolute; right: 5px; top: 10px; font-size:  100%;}

#nav ul li.blau > a{ background-color: #3062AE; color: #fff;}
#nav ul li.orange > a{background-color: #D59428; color: #fff;}
#nav ul li.gruen > a{background-color: #299340;color: #fff;}
#nav ul li.lila  > a{background-color: #8E017E;color: #fff;}
#nav ul li.rot > a{background-color: #9E1924 ;color: #fff;}

#nav ul li.blau li.cur  a{ background-color: #3062AE; color: #fff;}
#nav ul li.orange li.cur a{background-color: #D59428; color: #fff;}
#nav ul li.gruen li.cur a{background-color: #299340; color: #fff;}
#nav ul li.lila li.cur a{background-color: #8E017E; color: #fff;}
#nav ul li.rot li.cur a{background-color: #9E1924; color: #fff;}

#nav ul li.cur a{}
#nav ul li.no a{ background: none !important;color: #333 !important;}

.adr {padding: 0 10px; background: #eee;}
.adr h2{display: none;}
.adr{color: rgb(42,42,42); padding: 10px 10px 20px;}
.adr a{color: rgb(42,42,42);}


/* Download ****************************/
.csc-uploads-1 {list-style-type: none;}
.csc-uploads-1 li{padding: 10px 0;}
.csc-uploads-1 img {float: left;margin: 0 10px 0 0;}


.csc-uploads-2{list-style-type: none; margin: 0; padding: 0; }
.csc-uploads-2 li{margin: 0 20px 20px 0 ; width: 100%; float: none;}
.csc-uploads-2 .csc-uploads-fileName{height: 50px; overflow: hidden;}

.csc-uploads-2 img {margin: 0 20px 10px 0; float: left;}
.csc-uploads-2 div {display: block; text-align: left; padding:  0 10px ;}

.csc-uploads-2 li {color: #333; padding: 10px 0 0 0;  margin-bottom: 20px; }
.csc-uploads-2 li a{color: #333;}


/* News */
p.news-list-date,
.headerListe h3 {margin: 0;}



/* Powermail */
.powermail_fieldwrap {clear: both}
.tx-powermail table tr.tr-even td {background: none; }

.tx-powermail input.powermail_input,
.tx-powermail select.powermail_select {
    width: 70%;
    display: inline-block;
    float: right;
    border: 4px solid #D8D9DA;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px
}

.powermail_fieldwrap_check label {
    width: 90%;
    display: inline-block;
    float: right;
    overflow: hidden;
    margin-bottom: 10px;
}

.powermail_confirmation_submit,
.powermail_confirmation_form,
.powermail_submit {  border: 4px solid #D8D9DA;    min-width: 150px; margin-bottom: 10px; float: left; margin-right: 10px;}

ul.parsley-errors-list,
.parsley-required {color: red; list-style-type: none; padding: 0;}

.tx-powermail h3{display: none}

.tx-powermail .layout3::after  {
  content: " ";
  display: table;
  clear: both;
} 
.tx-powermail .layout2 {margin-bottom: 20px}


/* toTop */

#toTop {
  text-decoration: none !important;
  z-index: 80;
  position:fixed;
  transition: all .5s ease;
  bottom: 15px;
  right: 15px;
  display: table;
  width: 48px;
  height: 48px;
  border-radius: 5px;
  background-color: #fff;
  opacity: .80;  
}


#toTop span{vertical-align:middle;  text-align: center;font-family: FontAwesome; color: #333;text-decoration: none;font-size: 150%;display: table-cell;}
#toTop span:hover{  text-decoration: none !important;  color: #fff;}
#toTop:hover {  background-color: #333 !important;  opacity: 1;  text-decoration: none !important;}

/* Galeria */
.galleria-theme-classic {background: #eee;}
.galleria-theme-classic .galleria-stage {top: 0; left: 0; right: 0;}

/* Lightbox */

#sb-title-inner {display: none;}

/* Map */

#gme-1-form{margin-bottom: 20px}
.tx-go-maps-ext {width: 100%; overflow: hidden;}

/* Accordions **********************************************************************************************/
.panel-default > .panel-heading {    background-color: #E3E5E6;    border: 0;    border-radius: 0;}
.accordion-toggle h4{padding: 0; margin: 0; }


.trigger {margin: 0;  padding: 10px 15px;  border-bottom: 1px solid #ddd; background-color: #E3E5E6;}

.trigger a::after{content: '\F078'; font-family: FontAwesome;  font-weight: 400; float: right; text-decoration: none;padding: 0 0 0 5px;}  

.trigger h4{margin: 0 ;}  

.trigger.active a::after{content: '\F077';}  
.toggle_ce { padding: 10px 15px; background: #fff;}
.panel-body2 {padding: 15px 30px;}