@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;
}

@font-face {
    font-family: DINWeb;
    src: url("../Fonts/DINWeb.eot");
    src: url("../Fonts/DINWeb.eot?#iefix") format('embedded-opentype'),
         url("../Fonts/DINWeb.woff") format('woff'),
         url("../Fonts/DINComp.ttf") format('truetype');    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINWeb-Medium;
    src: url("../Fonts/DINWeb-Medium.eot");
    src: url("../Fonts/DINWeb-Medium.eot?#iefix") format('embedded-opentype'),
         url("../Fonts/DINWeb-Medium.woff") format('woff'),
         url("../Fonts/DINComp-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINWeb-Bold;
    src: url("../Fonts/DINWeb-Bold.eot");
    src: url("../Fonts/DINWeb-Bold.eot?#iefix") format('embedded-opentype'),
         url("../Fonts/DINWeb-Bold.woff") format('woff'),
         url("../Fonts/DINComp-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* bootstrap überschreiben */
.form-control:focus{border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) , 0 0 8px rgba(150,150,150, .6);}
.btn-primary {  color: #fff !important;   background-color: #555;   border-color: #444;}
.pagination-sm > li > a, .pagination-sm > li > span {    padding: 5px 9px;}



* {margin: 0; padding: 0;}
html {height: 100.15%; }


body {height: 100%; color: rgb(50,50,50); width: 100%; font-family:  DINWeb,verdana,  Arial, Helvetica, Geneva, sans-serif; 
    font-weight: normal; background: rgb(200,200,200); font-size: 15px; }
    
iframe.piwik {font-family:  DINWeb,verdana,  Arial, Helvetica, Geneva, sans-serif; }

.invisible,
.hidden{width: 0;height: 0;display:  none; border: 0; margin: 0; padding: 0; visibility: hidden;}
.clear,
.clearer{background: none; clear: both; height: 0; font-size: 0; line-height: 0 !important; padding: !important0; margin: 0 !important; border: 0 !important; }

fieldset {border: none; }
input.button{cursor: pointer;}

b, p b, li a, a, strong, th {font-family: DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-family: DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif; font-weight: normal; margin: 0 0 5px 0}

h1{font-size: 130%;}
h2{font-size: 120%;}

.start .rechts h2,
h3{font-size: 110%;}
h4, h5, h6{font-size: 100%;}

p a, li a, li p, td p, li li, li dt, dt a{font-size: 100%;}

p, li, h1,h2,h3,h4,h5,h6{line-height: 135%; }

hr{border: 0; clear: both; border:1px solid #aaa }

a{text-decoration: none; color: rgb(50,50,50)}
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 -25px ; font-family: FontAwesome; text-indent: 0; font-size: 90%;}

a.download::before{content:'\F019'; display: inline-block; padding: 0 5px; margin: 0 0 0 -25px ; 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;}

.page {min-width: 320px; background: rgb(200,200,200); margin: 0; min-height: 100.15%; position: relative; z-index: 1;}
.pageSchubs{margin: 0 0 0 290px;}


/* Responsives Verhalten der Bilder */
main,
DIV.csc-textpic .csc-textpic-imagewrap FIGURE {max-width: 100%; overflow: hidden; display: block;}

DIV.csc-textpic-center .csc-textpic-center-outer { max-width: 100%; /* max. Groesse des Bildes */}
DIV.csc-textpic-center .csc-textpic-center-inner { width: 100%;}

/* Header *******************************************************************************************************************************/

.header{background-color: #f4f4f4; width: 100%;  position: fixed; z-index: 109; ; border-top: 40px solid #333;
    -webkit-box-shadow: 0 0 15px #454545; box-shadow: 0 0 15px #454545;}
.header .container{position: relative; margin: -40px auto 0 auto;}
.header .overlay{ display: none; position: absolute; left: 0; top: 0; z-index: 99; opacity: .6; background-color: #000; width: 100%; height: 100%;}

/* Home */
.stadt {float: left;  text-align: center; padding: 4px 0 0 0; display: table; margin: 0 ;}
.stadt  img{width: auto; height: 24px; float: left; padding: 4px 0 0 0;}
.stadt a span.da {float: left; display: table-cell; vertical-align: middle; padding: 5px 10px 0 10px ; font-size: 125%; -webkit-transition: all .3s ease; transition: all .3s ease; color: rgb(200,200,200); text-decoration: none;    }
.stadt a:hover span.da{color: rgb(255,255,255)}

/* Home */
.home {float: left; display: table; text-align: center;  width: 40px; height: 40px;}
.home  a{-webkit-transition: all .3s ease; transition: all .3s ease; color: rgb(200,200,200); display: table-cell; 
    font-family: FontAwesome; vertical-align: middle; text-decoration: none;  font-size: 150%;   }
.home a:hover{color: rgb(255,255,255)}

/* Home */
.back {float: left; display: table; text-align: center; margin: 0 0 0 10px; width: 40px; height: 40px; }
.back  a{-webkit-transition: all .3s ease; transition: all .3s ease; color: rgb(200,200,200); display: table-cell; 
    font-family: FontAwesome; vertical-align: middle; text-decoration: none;  font-size: 150%;   }
.back a:hover{color: rgb(255,255,255)}

/* mobilMenu */
.mobilMenu{padding: 0 10px 0 0; float: left;  text-align: center; display: table; }
.mobilMenu button.menu {border: 0; background: 0; display: table-cell; vertical-align: middle; height: 40px; }
.mobilMenu button.menu span{ float: left; display: inline; text-indent: -10000em; }
.mobilMenu button.menu::after{ content: ""; font-family: FontAwesome; text-indent: 0; font-size: 150%; line-height: 100%; color: rgb(200,200,200);}

/* mobilMenuZu */
.mobilMenuZu{padding: 0 30px 0 0; float: left;  text-align: center; display: table; }
.mobilMenuZu button.menu {border: 0; background: 0; display: table-cell; vertical-align: middle; height: 40px; }
.mobilMenuZu button.menu span{ float: left; display: inline; text-indent: -10000em; }
.mobilMenuZu button.menu::after{ content: ""; font-family: FontAwesome; text-indent: 0; font-size: 150%; line-height: 100%; color: rgb(200,200,200);}


/* contrast - Schalter */
.contrast {float: left;}
.contrast span{text-align: center; display: table; text-indent: -10000em;}
.contrast span a{-webkit-transition: all .3s ease; transition: all .3s ease; display: table-cell; vertical-align: middle; text-decoration: none; width: 40px; height: 40px; 
    background-image: url(../Elements/contrastNegativ.png); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; }
.contrast span a:hover{background-image: url(../Elements/contrastNegativW.png);}

/* Englisch  */
.englisch{ display: table;  float: left}
.englisch a{color: rgb(200,200,200); display: table-cell; padding: 0 8px; margin: 0;  height: 40px; vertical-align: middle; 
    -webkit-transition: all .3s ease; transition: all .3s ease; }

/* Presse  */
.presse{ display: table;  float: left}
.presse a{text-transform: uppercase; font-size: 120%; color: rgb(200,200,200); font-family: DINWeb-Bold; text-decoration: none; display: table-cell; padding: 0 10px 5px; margin: 0;  height: 40px; vertical-align: bottom; -webkit-transition: all .3s ease; transition: all .3s ease; }
.presse a:hover{color: rgb(255,255,255)}

/* oftGesucht */
.oftGesucht {display: block; float: left; border-right: 1px solid rgb(100,100,100);  height: 40px; border-left: 1px solid rgb(100,100,100); margin: 0 10px ;}
.oftGesucht .accordion{padding: 10px 20px 0; position: relative; width: auto;  }
.oftGesucht .accordion h3{ width: 200px; padding: 2px 0 0 5px; margin: 0; color: #fff; background-color: #999; transition: all .5s ease}
.oftGesucht .accordion h3:hover{text-decoration: none; background-color: #666 !important; }
.oftGesucht .accordion h3::after{content:'\F107'; float: right; padding: 0 5px 0 0; display: inline-block; font-size: 150%; 
    -webkit-transition: all .3s ease; transition: all .3s ease; font-family: FontAwesome;  color: #fff;}
.oftGesucht .klapp{background: rgb(245,245,245); width: 200px !important; left: 20px; position: absolute !important; z-index: 999; width: 100%; padding: 0 !important;
    -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; display: none;}
.oftGesucht .accordion h3.active::after{content:'\F106'; }
.oftGesucht .klapp ul{padding: 5px; list-style-type: none;}

/* PrintButton */
.printButton{  float: left;}
.printButton a{display: table; text-transform: uppercase; font-size: 150%; color: rgb(200,200,200); font-family: DINWeb-Bold; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; }
.printButton a:hover{color: rgb(255,255,255)}
.printButton span{font-family: FontAwesome; display: table-cell; padding: 0 10px 0; height: 40px; 
    vertical-align: middle; }

/* PdfButton */
.pdfButton{ display: table;  float: left; border-right: 1px solid rgb(100,100,100); 
    padding: 0 10px 0 0; margin: 0 10px 0  0;}
.pdfButton a{text-transform: uppercase; font-size: 120%; color: rgb(200,200,200); font-family: DINWeb-Bold; text-decoration: none; display: table-cell; padding: 0 10px 5px; height: 40px; 
    vertical-align: bottom; -webkit-transition: all .3s ease; transition: all .3s ease; }
.pdfButton a:hover{color: rgb(255,255,255)}
.pdfButton span{font-family: FontAwesome;}

.login{ display: table;  float: left; }
.login a{font-family: FontAwesome; text-indent: 0; padding: 0 10px 0; 
 font-size: 150%;  color: rgb(200,200,200); display: table-cell;height: 40px; }

/* login span{ display: none;  }

.login::before{content: ""; font-family: FontAwesome; text-indent: 0; font-size: 150%; height: 40px; display: table-cell; 
    color: rgb(200,200,200); vertical-align: middle; -webkit-transition: all .3s ease; transition: all .3s ease; }
.login .tx-felogin-pi1{ width: 100%; position: absolute;  right: -10000em;  opacity: 0; top: 0;  
    transition: all ease-in-out .75s; padding: 40px 0 0 0; z-index: 999}

.tx-felogin-pi1.active {right: 0; opacity: 1;} 

.login .felogin{background: #dadada; width: 100%;  padding: 10px 0; text-align: left;}
.login .felogin label{font-weight: normal; margin: 0; }
.login .felogin div{ margin: 0 0 10px 0; }
.login:hover::before  {color: rgb(255,255,255)}

.loginZu { display: table;  float: left; padding: 0 10px 0; display: none; font-family: FontAwesome; text-indent: 0; font-size: 150%;
	color: rgb(165,15,25)  }
.login:hover .tx-felogin-pi1 {right: 0; opacity: 1;}

.logout .logoutbtn{text-align: center; position: relative; overflow: hidden; color: rgb(238,238,239); 
    border: 0; background: none;}
.logout .logoutbtn::after{color: rgb(125,125,125); top: 0; position: absolute;
    display: block; content: ""; color: #333; text-indent: 0em; font-family: FontAwesome; text-indent: 0; font-size: 175%; line-height: 100%; }

*/

/* Last Update */
span.up{display: inline-block; float: right; color: #333; padding: 10px 0 0 0; font-size: 100%;}
span.up:hover{color: #999;}

/* googleSuche */
.googleSuche {padding: 25px 15px 0 0;}
.googleSuche input.form-control{padding: 5px !important; border: 1px solid rgb(200, 200, 200) !important; color: rgb(150, 150, 150) !important}

/* Socials */

.socials {padding: 25px 0 0 0px; text-align: right;}
.socials div {display: inline-block; }
.socials .fb,
.socials .twitter {padding: 0 15px 0 0}

.socials img {width: 30px; height: 30px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.socials .fb img{background: url(../Elements/fb1.png) center center no-repeat;  background-size: 100% 100%}
.socials .fb img:hover{background: url(../Elements/fb2.png) center center no-repeat; background-size: 100% 100%}

.socials .twitter img{background: url(../Elements/twitter1.png) center center no-repeat;  background-size: 100% 100%}
.socials .twitter img:hover{background: url(../Elements/twitter2.png) center center no-repeat; background-size: 100% 100%}

.socials .rss img{background: url(../Elements/rss1.png) center center no-repeat;  background-size: 100% 100%}
.socials .rss img:hover{background: url(../Elements/rss2.png) center center no-repeat; background-size: 100% 100%}

/* hauptnavigation ****************************************************************************************************************************/
.hauptnavigation {position: absolute; bottom: 0; left: 0; width: 100%;}

.sf-menu{position: absolute; bottom: 0;}
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; z-index: 141; }

.sf-menu li:hover ul.ebene1,
.sf-menu li.sfHover ul.ebene1 {left: 0; top: auto; opacity: 1;}

.sf-menu { padding: 0; width: 100%; }
.sf-menu li {text-align: center; width: 25%; display:block; margin:0; float:left; padding: 0; }

.sf-menu ul li p,
.sf-menu li.gruen a,
.sf-menu li.blau a,
.sf-menu li.rot a,
.sf-menu li.orange a{color: #454545;  transition: all .5s ease; font-family: DINWeb-Bold; 
    font-size: 105%; display: block; text-decoration:none;  text-transform: uppercase; padding: 10px 0; }
 
.sf-menu ul li p{color: #fff;}

.sf-menu li.act.gruen a{color: #390;}
.sf-menu li.act.blau a{color: #0034b8;}
.sf-menu li.act.rot a{color: #d10018;}
.sf-menu li.act.orange a{color: #d96c00;}

.sf-menu li.gruen a:hover,
.sf-menu li.blau a:hover,
.sf-menu li.rot a:hover,
.sf-menu li.orange a:hover{background-color: #E6E6E6; }

.sf-menu li a::after{content:'\F107'; float: right; padding: 0 5px 0 0; display: inline-block; font-size: 120%; 
    -webkit-transition: all .3s ease; transition: all .3s ease; font-family: FontAwesome;  color: #dadada;}
.sf-menu li a:hover::after{color: #adadad;}

/* nächste Ebene */
.sf-menu li.blau ul,
.sf-menu li.act.blau ul{background: #0034b8;}

.sf-menu li.gruen ul,
.sf-menu li.act.gruen ul {background: #390;}

.sf-menu li.rot ul,
.sf-menu li.act.rot ul{background: #d10018; }

.sf-menu li.orange ul,
.sf-menu li.act.orange ul{background: #d96c00;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease}

.sf-menu li.act.blau li.cur,
.sf-menu li.blau ul li:hover,
.sf-menu li.act.blau ul li:hover{background: #002480; }

.sf-menu li.act.gruen li.cur,
.sf-menu li.gruen ul li:hover,
.sf-menu li.act.gruen ul li:hover{background: #267300;}

.sf-menu li.act.rot li.cur,
.sf-menu li.rot ul li:hover,
.sf-menu ul li.act.rot ul li:hover{background: #a60013;}

.sf-menu li.act.orange li.cur,
.sf-menu li.orange ul li:hover,
.sf-menu li.act.orange ul li:hover{background: #b35900;}

.sf-menu ul.ebene1 {position:  absolute; top:  -999em; display: none;   box-shadow: 0px 2px 5px rgba(75,75,75, .75); opacity:0;
  -webkit-transition: color 0.5s linear, background 0.5s ease;  transition:color 0.5s linear, background 0.5s ease;   }
  
.sf-menu ul.ebene1 li{text-align: left; color: #fff; width: 33.333%; padding: 10px 15px; -webkit-transition: all .3s ease; transition: all .3s ease;}

.sf-menu ul.ebene1 li a{ color: #fff !important;}
.sf-menu ul.ebene1 li a:hover{ background: none;}
.sf-menu ul.ebene1 li a::after{content:'';}

.sf-menu ul.ebene1 li dd{height: 63px; overflow: hidden;}

/* mobil - Navigation ******************************************************************************************************************/
.mobil{ position: absolute;top: 0;   z-index: 300;  background-color: rgb(42,42,42); left: -290px; padding: 0; width: 290px;}
.mobil .mobilHeader{display: block; height: 40px; width: 100%; padding: 0 10px;}
#nav ul li { float: none;}

#nav ul li a{ color: #111; display: block; background-color: rgb(255,255,255); font-size: 115%; padding: 10px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub li a{  background-color: rgb(245,245,245); font-size: 100%; padding: 10px 10px 10px 20px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub2 li a{  background-color: rgb(235,235,235); font-size: 100%; padding: 10px 10px 10px 30px; border-bottom: 1px dotted #B1B1B1 }
#nav ul.sub3 li a{  background-color: rgb(225,225,225); font-size: 100%; padding: 10px 10px 10px 40px; border-bottom: 1px dotted #B1B1B1 }

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


#nav ul li.blau > a{ background-color: #0D3EBB; color: #fff;}
#nav ul li.orange > a{background-color: #DA730D; color: #fff;}
#nav ul li.gruen > a{background-color: #3D9E0D;color: #fff;}
#nav ul li.rot > a{background-color: #D30D23;color: #fff;}

#nav ul li.blau li.cur > a{ background-color: #0D3EBB; color: #fff;}
#nav ul li.orange li.cur > a{background-color: #DA730D; color: #fff;}
#nav ul li.gruen li.cur > a{background-color: #3D9E0D;color: #fff;}
#nav ul li.rot li.cur > a{background-color: #D30D23;color: #fff;}

#nav ul li.blau li.act  > a{ background-color: #0D3EBB; color: #fff;}
#nav ul li.orange li.act > a{background-color: #DA730D; color: #fff;}
#nav ul li.gruen li.act > a{background-color: #3D9E0D;color: #fff;}
#nav ul li.rot li.act > a{background-color: #D30D23;color: #fff;}

#nav ul li.blau li.act  > a > a.plus2{ background-color: #0D3EBB; color: #fff;}
#nav ul li.orange li.act > a > a.plus2{background-color: #DA730D; color: #fff;}
#nav ul li.gruen li.act > a > a.plus2{background-color: #3D9E0D;color: #fff;}
#nav ul li.rot li.act > a > a.plus2{background-color: #D30D23;color: #fff;}

#nav ul li.cur a::after {font-family: FontAwesome;content: "\f054 ";float: right; ;margin: 0 ;font-size: 100%;}

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

.plus2::after {font-family: FontAwesome;content: "\f078 ";float: right; padding-right: 10px;margin-top: -3px;font-size:  100%;}
.plus2.on::after {font-family: FontAwesome;content: "\f077 ";float: right; padding-right: 10px;margin-top: -3px;font-size:  100%;}

.plus2.on::after {font-family: FontAwesome;content: "\f077 ";float: right; color: #fff; padding-right: 10px;margin-top: -3px;font-size:  100%;}

.adr{color: #fff; padding: 10px;}
.adr a{color: #fff; }

/* UNTERNAVIGATION ************************************************************************************************************************/
.unternavigation {text-align: left; padding: 0 15px 50px 0;}
.unternavigation a{font-family:  DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif;}

.unternavigation ul,
.unternavigation ul ul,
.unternavigation ul ul ul,
.unternavigation ul ul ul ul,
.unternavigation ul ul ul ul ul{list-style-type: none; display: block; padding: 0 !important; margin: 0;}
.unternavigation ul li a{display: block; text-decoration: none; background: none; }
.unternavigation ul li p,
.unternavigation ul li{padding: 0; list-style-type: none; list-style: none; margin: 0 !important; }

.unternavigation ul li p::after{content: "\F0DA"; font-family: FontAwesome; text-indent: 0; float: right; display: inline-block;} 
.unternavigation ul li.actifsub a::after{content: "\F0DD"; font-family: FontAwesome; text-indent: 0; float: right; display: inline-block;} 

/* EBENE 1 */

.unternavigation ul.ebene1 li a{padding: 5px 5px 5px 15px; }
.unternavigation ul.ebene1 li p{padding: 5px 5px 5px 15px;  }
.unternavigation ul.ebene1 li{border-bottom: 1px solid #cacaca;}
.unternavigation ul.ebene1 {padding: 0;}
.unternavigation ul.ebene1 li.curifsub{border-bottom: 1px solid #fff;}
.unternavigation ul.ebene1 li.actifsub a {background-color: #B4B4B4; color: #fff; }
.unternavigation ul.ebene1 li.fb a{font-family: DINWeb-Medium, Arial, sans-serif; text-transform: uppercase;}
.unternavigation ul.ebene1 li.blau p {background-color: #345CC5; color: #fff;}
.unternavigation ul.ebene1 li.gruen p{background-color: #3D9E0D; color: #fff;}
.unternavigation ul.ebene1 li.orange p {background-color: #DA730D; color: #fff;}
.unternavigation ul.ebene1 li.rot p{background-color: #D30D23; color: #fff;}
.unternavigation ul.ebene1 li.blau a:hover,
.unternavigation ul.ebene1 li.blau a:focus{color: #345CC5;}
.unternavigation ul.ebene1 li.gruen a:focus,
.unternavigation ul.ebene1 li.gruen a:hover {color: #3D9E0D;}
.unternavigation ul.ebene1 li.orange a:focus,
.unternavigation ul.ebene1 li.orange a:hover {color: #DA730D;}
.unternavigation ul.ebene1 li.rot a:focus,
.unternavigation ul.ebene1 li.rot a:hover {color: #D30D23;}

/* EBENE 2 */
.unternavigation ul.ebene2 li a{padding: 5px 5px 5px 25px; background-color: #F4F4F4; }
.unternavigation ul.ebene2 li p{padding: 5px 5px 5px 25px; }
.unternavigation ul.ebene2 li.blau p {background-color: #345CC5; color: #fff;}
.unternavigation ul.ebene2 li.gruen p{background-color: #3D9E0D; color: #fff;}
.unternavigation ul.ebene2 li.orange p {background-color: #DA730D; color: #fff;}
.unternavigation ul.ebene2 li.rot p{background-color: #D30D23; color: #fff;}
.unternavigation ul.ebene2 li{border-bottom: 1px solid #fff;}
.unternavigation ul.ebene2 li:last-of-type{border-bottom: 1px solid #cacaca;}
.unternavigation ul.ebene2 li a,
.unternavigation ul.ebene2 li p{font-weight: normal; color: #5f5f5f; }
.unternavigation ul.ebene2 li{border-top: 0;}

/* EBENE 3 */
.unternavigation ul.ebene3 li a{padding: 5px 5px 5px 35px; background-color: #ECECEE; }
.unternavigation ul.ebene3 li p{padding: 5px 5px 5px 35px; }

/* EBENE 4 */
.unternavigation ul.ebene4 li a{padding: 5px 5px 5px 45px; background-color: #e4e4e6; }
.unternavigation ul.ebene4 li p{padding:  5px 5px 5px 45px;  }

/* EBENE 5 */
.unternavigation ul.ebene5 li a{padding: 5px 5px 5px 55px; background-color: #DADADC; }
.unternavigation ul.ebene5 li p{padding: 5px 5px 5px 55px; }


/* Inhalte **********************************************************************************************************************************/
/* ******************************************************************************************************************************************/

main{ padding: 40px 0 0 0;}
main .overlay{ display: none; position: absolute; left: 0; top: 0; z-index: 99; opacity: .6; background-color: #000; width: 100%; height: 100%;}
main .container{box-shadow: 0 0  10px rgba(75,75,75, .5); background: #fff; padding: 0 0 200px 0; position: relative;}

/* Normale Seiten */

.content ol,
.content ul{padding: 0 0 0 20px;}

.content .rechts .csc-default {margin: 0 0 10px 0;border-bottom: 1px solid #ccc;padding: 10px;background: #f4f4f4;}


.seitentitel {padding: 25px 0 0 0; margin: 0 0 30px 0; border-bottom: 1px solid #dadada; text-transform: uppercase;}
.seitentitel.blau{color:#0D3EBB}
.seitentitel.rot{color:#D30D23}
.seitentitel.gruen{color:#3D9E0D}
.seitentitel.orange{color:#DA730D}

.blau a{color:#0D3EBB}
.rot a {color:#D30D23}
.gruen a{color:#3D9E0D}
.orange a{color:#DA730D}


.mitte ul, .mitte ol{padding: 0 0 0 15px;}
.mitte hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #999;}

.rechts hr { margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #aaa;}
.rechts h1, .rechts h2, .rechts h3 { letter-spacing: 0; text-transform: uppercase;color: #666;}




/* Layouts *************************************************************************************************************/
/* Startseite */
.start .csc-firstHeader{font-size:140%; color: #666; text-transform: uppercase; padding-left: 10px;}
.start .breadcrumbMenue {display: none;}
.start .content {padding: 0; float: left; width: 66.6666%}
.start .unternavigation {padding: 0 15px ; float: left; width: 33.3333%; display: block !important;}
.start .mitte {padding: 0 15px 0 15px; float: left; width: 50%}
.start .rechts {padding: 0 0px; float: left; width: 50%}
.start .seitentitel{display: none;}
.start  .rechts img{width: 100%; height: auto;}
.start .content .rechts .csc-default:first-of-type{;border-bottom: 0;background: none; margin: 0; padding: 0;}
.start .content .rechts .no-news-found {display: none;}


.extrabreit .unternavigation{display: none;}
.extrabreit .mitte{width: 100%}
.extrabreit .content{width: 100%}


/* Spezielle Inmhaltsformatierungen **************************************************************************************/


ul.ohne{list-style-type: none; padding: 0;}

.ohne .seitentitel{display: none;}
.csc-linkToTop {display: none;}

.kontakt span{display: inline-block; /* width: 30px; */}

.csc-textpic-text {margin: auto !important;}

.einzug15{margin: -10px 0 10px 0; padding: 0 0 0 15px;}

a.schalter{padding: 5px 10px; color: #fff; background: #bababa; text-decoration: none; transition: all .5s ease}
a.schalter:hover{text-decoration: none; background: #666; }

/* Filelist / Uploaads */
ul.csc-uploads{list-style-type: none;}
ul.csc-uploads li.li-odd{background-color: #efefef}
ul.csc-uploads li .upload-image{width: 80px; height: 80px; display: table; float: left}
ul.csc-uploads li .upload-image{width: 80px; height: 80px; display: table-cell;}

/* Tabnavigation */
ul.nav-tabs{padding: 0; border: 0; }
.simpleTabs .tab-content{
    padding: 10px;  cursor: default;
    border: 1px solid #ddd;
   /* border-top-color: transparent;*/
    border-radius: 0 4px 4px 4px;
    margin: 0 0 20px 0;
}


/* Simple Accordion t3s */

.simpletoggle {  margin-bottom: 5px;background-color: #fff; border: 1px solid #ddd; border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); clear: both;}
    
.simpletoggle  h3 {background-color: #f5f5f5; padding: 10px 45px 10px 15px; border-top-left-radius: 3px;
    border-top-right-radius: 3px; margin: 0;position: relative;}

.simpletoggle  h3.active {    border-bottom: 1px solid #ddd;}

.simpletoggle  h3 a::after{ position: absolute;font-family: FontAwesome;content: "\f078 "; float: right;
    font-size: 100%; top: 8px; right: 15px ;}
.simpletoggle  h3.active a::after{   font-family: FontAwesome;    content: "\f077 ";}

.toggle_ce{padding: 15px}


/* Veranstaltungskalender */

#calcont tr:hover td{ background: #fafafa;}

/* breadcrumbMenue  */ 
.breadcrumbMenue {width: 100%; float: left; background: #f4f4f4; border: 1px solid #dadada; border-left: 0; border-right: 0; }
.breadcrumbMenue  ul{padding: 10px 15px; list-style-type: none;}
.breadcrumbMenue  ul li{float: left; color: #999; padding: 0 0 5px 0; }
.breadcrumbMenue  ul li a{color: #999; font-weight: normal; font-family:  DINWeb-Medium, Arial, Helvetica, Geneva, sans-serif;}
.breadcrumbMenue  ul li a:hover{color: #333; }

/* Simplecarousel */
.simplecarousel {height: 330px;}
.simplecarousel img {max-height: 330px; overflow: hidden;}

/* Gridelements */
.panel-heading h3::after{font-family: FontAwesome;content: "\f078 ";float: right; margin-top: -3px;margin-right: -5px;font-size:  100%;}

/* footer */

.footer {background: #4F4F4F; width: 100%; position: absolute; bottom: 0;}
.footer .container {height: 12em; color: #eee; padding:15px; margin: 0 auto; background: none; box-shadow: 0 0 0  transparent}

.footer a{color: #eee; text-decoration: none; }
.footer a:hover{color: #FBB911; text-decoration: none;}

.footer h1,
.footer h2{  color: #fff; font-family: DINWeb !important;}

.footer .kontakt{float: left; width: 25%}
.footer .innen .kontakt .csc-default{padding: 0 10% 0 0;}

.footer .wichtig{float: left; width: 54%}
.footer .wichtig .csc-default{padding: 0;}
.footer .wichtig ul{list-style-type: none; width: 100%}
.footer .wichtig li{width: 33%; float: left;}
.footer .wichtig li a{font-family: DINWeb, Arial, Geneva, sans-serif;}

.footer .wetter{float: right; width: 20%; font-size:  66%; }


/* Zusätze ---------------------------------------------------------------------------------------------------------------------------- */
/* Zum Seitenanfang TOP */

#toTop {  text-decoration: none !important;  z-index: 80;  position:fixed;  transition: all .5s ease;
  bottom: 1em;  right: 1em;  display: table;  width: 4em;  height: 4em;  opacity: .80;  }
#toTop span{  transition: all .3s ease;  vertical-align:middle;  text-align: center;  font-family: FontAwesome;
  color: #333;  text-decoration: none;  font-size: 1.75em;  display: table-cell; border-radius: 50%;  background: rgb(235,230,225);}
#toTop span:hover{text-decoration: none !important; color: rgb(255,255,255) !important;  background: rgb(50,50,50);}
    
/* IMMER */
#staticLinkArea {position: fixed;z-index: 10001;right: 0; top: 50%; }
#staticLinkArea ul{padding: 0; margin: 0; list-style-type: none;}

#staticLinkArea li {
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid #000;
    width: 35px;
    height: 40px;
    border-radius: 20px 0 0 20px;    
    float: right;
    clear: right;
    transition: all .5s ease;
    background: #333;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px #454545;
    box-shadow: 0 0 5px #454545;
}
#staticLinkArea li a{color: #333; line-height: 105%;  transition: all .5s ease;}
#staticLinkArea li span { display: none; float: right;  width: 150px;  padding: 4px 0 0;  transition: all .5s ease;}
#staticLinkArea li span.titel {text-transform: uppercase;}


.listItem_1 a::before{color: #ffffff; font-family: FontAwesome;content: "\f003 ";float: left; padding: 12px 0 0 10px; font-size:  150%; opacity: .8;}
.listItem_2 a::before{color: #ffffff; font-family: FontAwesome;content: "\f041 ";float: left; padding: 12px 0 0 15px; font-size:  150%; opacity: .8;}
.listItem_3 a::before{color: #ffffff; font-family: FontAwesome;content: "\f073 ";float: left; padding: 12px 0 0 10px; font-size:  150%; opacity: .8;}
.listItem_4 a::before{color: #ffffff; font-family: FontAwesome;content: "\f05A ";float: left; padding: 12px 0 0 10px; font-size:  150%; opacity: .8;}

#staticLinkArea li:hover { width: 190px; }
#staticLinkArea li:hover a{color: #fff; }
#staticLinkArea li:hover span { display: block; }
    
/* EXTENSIONS ***********************************************************************************************************************/
/* **********************************************************************************************************************************/  


/* Basic jQuery Slider  #################################################################################################################*/

#banner-slide-1,
#banner-slide-2,
#banner-slide-3,
#banner-slide-4,
#banner-slide-5
{clear: both; width: 100%; }



.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}

.bjqs-slide{position:absolute; display:none; width: 100%; }

.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}


.bjqs-controls.v-centered li a{position:absolute;}

.bjqs-controls.v-centered li.bjqs-next a{right:0;}

.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; left: 0 !important;  bottom: 10px;z-index: 2; position: absolute;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}


ul.bjqs-controls.v-centered li a{  display:block;  padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
    font-family: FontAwesome; 
    top: 45% !important;
}

ul.bjqs-controls.v-centered li a:hover{background:#000;  color:#fff;}

ol.bjqs-markers li a{    padding:5px 10px;
    background:#000;
    color:#fff;
    margin:5px;
    text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{   background: #999;}


/* Civserv **************************************************************************************************************************/

.row.tx-browser-pi1{margin: 0;}
.tx_civserv_service ul,
.tx_civserv_organisation,
.listview-11 ul{list-style-type: none;}

.fielink img{display: none;}
.fielink {border-bottom: 1px solid #ccc; padding:20px ;  margin-bottom: 20px}

ul.tx_civserv_service,
ul.tx_civserv_organisation,
.pagination{padding: 0 !important; }


.tx-browser-pi1-single .recordBrowser {display:none;}
.tx-browser-pi1-single .mitte  .row {margin: 0}

table.tx_civserv_officehours{min-width: 50%; border: 1px solid #ccc;    border-radius: 4px; margin: 0 0 20px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 10px;    background-color: #fafafa;
    }
    
table.tx_civserv_officehours tr:nth-child(even) {background: #efefef;}

h2.tx_civserv_officehours{clear: left;}

.hausanschrift{clear: left; padding: 0 10px 0 0;}
.postanschrift{padding: 0 0 0 10px;}


.mitarbeiteranschrift:nth-of-type(even){clear: left; padding: 0 10px 0 0;}
.mitarbeiteranschrift:nth-of-type(odd){padding: 0 0 0 10px;}


/* Struktur */
.listview-10 ul{padding: 0;}
.listview-10 li.level-01{list-style-type: none;     display: block;    width: 100%;    border: 1px solid #ccc;    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 10px;    background-color: #fafafa;}
    
.listview-10 li.level-01 a {background: #345CC5; color: #fff; font-size: 145%; padding: 10px; display: block; border-bottom: 1px solid #ccc; }

.listview-10 li.level-01 li { border-radius: 0px;     -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0px;
    border: 0;

}
.listview-10 li.level-01 li a{font-size: 125%; padding: 10px; color: #345CC5; background: #fff;  }
.listview-10 li.level-01 li a:hover{ background: #fafafa;  }
.listview-10 li.level-01 li a:before{content:'–'; padding: 0 5px 0 0;}
.listview-10 li.level-01 li li a{font-size: 125%; padding: 5px 10px  5px 40px; }
.listview-10 li.level-01 li li li a{font-size: 125%; padding: 5px 10px  5px 65px; }

.listview-10 li.level-01 li a:hover{text-decoration: none; color: #333}

/* Ämter */
.listview-11 ul{list-style-type: none; padding: 0;    display: block;    width: 100%;    border: 1px solid #ccc;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.listview-11 li {padding: 10px;}
.listview-11 li:hover{background: #fafafa;}
.listview-11 li:nth-of-type(odd) {background: #efefef;}
.listview-11 li:nth-of-type(odd):hover{ background: #eaeaea;}

.listview-11 .kontakt{clear: both; margin: 20px 0;}


/* Single view Ämter 11 */

.singleview-11 ul.sevicechildren {list-style-type: none; padding: 0; border-bottom: 1px solid #ccc;;padding-bottom: 10px;  margin: 10px 0;}
.singleview-11 .mitarbeiteranschrift{padding: 0;}
.singleview-11 .kontakt {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;; margin: 10px 0; padding-top: 10px;}
.singleview-11 .kontakt .btn { margin: 0 0 10px 0;}

/* A-Z */
.listview-20 ul{list-style-type: none; padding: 0;    display: block;    width: 100%;    border: 1px solid #ccc;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.listview-20 li {padding: 10px;}
.listview-20 li:hover{background: #fafafa;}
.listview-20 li:nth-of-type(odd) {background: #efefef;}
.listview-20 li:nth-of-type(odd):hover{ background: #eaeaea;}

.singleview-20 ul.orgchildren {list-style-type: none;padding: 0 0 10px;  margin: 10px 0;}




/* Formulare */
.searchbox-list-30 input.form-control{margin-bottom: 10px;}

.listview-30 ul{list-style-type: none; padding: 0;    display: block;    width: 100%;    border: 1px solid #ccc;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.listview-30 li {padding: 10px;}
.listview-30 li:hover{background: #fafafa;}
.listview-30 li:nth-of-type(odd) {background: #efefef;}
.listview-30 li:nth-of-type(odd):hover{ background: #eaeaea;}

/* Lebenslagen */
.listview-40 ul{list-style-type: none; padding: 0;    display: block;    width: 100%;    border: 1px solid #ccc;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.listview-40 li {padding: 10px;}
.listview-40 li:hover{background: #fafafa;}
.listview-40 li:nth-of-type(odd) {background: #efefef;}
.listview-40 li:nth-of-type(odd):hover{ background: #eaeaea;}

.listview-41 ul{list-style-type: none; padding: 0;    display: block;    width: 100%;    border: 1px solid #ccc;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.listview-41 li {padding: 10px;}
.listview-41 li:hover{background: #fafafa;}
.listview-41 li:nth-of-type(odd) {background: #efefef;}
.listview-41 li:nth-of-type(odd):hover{ background: #eaeaea;}

/* Personendaten */
.searchbox-list-50 input.form-control{margin-bottom: 10px;}
.listview-50 .accordion  {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 10px;
}
.listview-50 .accordion h3{margin: 0; color: #337ab7}
.listview-50 .accordion h3::after{font-family: FontAwesome;content: "\f078 ";float: right; padding-right: 10px;margin-top: -3px;font-size:  100%;}
.listview-50 .accordion h3.active::after{font-family: FontAwesome;content: "\f077 ";float: right; padding-right: 10px;margin-top: -3px;font-size:  100%;}
.listview-50 .accordion h3.active{color: #333}
.listview-50 .accordion .klapp{display: none;}


/* Events  *****************************************************************************************************************************/
.event {   display: block;   border-bottom: 1px solid #eee;}
.event .eventInhalt { width: 100%;    float: left;   padding: 10px 10px 0; margin: 0 0 10px 0;}
.event:hover{background-color: #FAFAFA;}



/* Flexslider  *****************************************************************************************************************************/

.flex-caption {    position: relative}
    
 .flex-control-nav { bottom: auto; top: 10px; width: 100%}


/* Kopfbild *****************************************************************************************************************************/
.kopfbild{ position: relative;}
.kopfbildrahmen{position: relative;}
.kopfbildrahmen img{width: 100%; height: auto;}
.steuerung{ position: absolute; right: 5px; bottom: 5px; }
.steuerung #show{display: none}
.steuerung .glyphicon{font-size: 150%; opacity: .75; color: rgb(100,100,100)}

/* Galleria ****************************************************************************************************************************/

.galleria-theme-classic{background: #c8c8c8;
list-style-type: none; padding: 0;    display: block;    width: 100%;    border: 1px solid #ccc;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}


/* News *********************************************************************************************************************************/

.news-img-caption {margin: 10px 0; color: #999}

.news-single h3 {padding: 25px 0 0 0; margin: 0 0 30px 0; font-size: 150%; border-bottom: 1px solid #dadada; text-transform: uppercase;}
.news-single img{margin-bottom: 10px; width: 100%; height: auto;  }

.news-single .news-img-wrap {width: 50%; float: left;}
.news-single .news-img-wrap .outer {margin: 0 10px 0 0;}

.news-normallist-view .listContent,
.news-list-view .listContent { padding: 10px 5px 10px 0;}

.news-normallist-view .listDate,
.news-list-view .listDate {   padding: 5px 10px;    background: #EDEDEF;    border-bottom: 1px solid #fff; }


.news-normallist-view .listDate p,
.news-list-view .listDate p{margin: 0;}

.news-normallist-view .news-img-wrap,
.news-list-view .news-img-wrap{width: 40%; float: left; margin: 0 10px 0 0 ;}

.news-normallist-view img,
.news-list-view img {width: 100%; height: auto; margin: 0 0 10px}

.news-normallist-view .article,
.news-list-view .article {   border-bottom: 1px solid #f4f4f4;    color: #333;    margin: 0 0 10px 0;   background: #fff;}

.news-normallist-view .article:hover,
.news-list-view .article:hover {    background: #fafafa;}

.news-normallist-view .teaser-text h3 ,
.news-normallist-view .teaser-text p ,
.news-list-view .teaser-text h3 ,
.news-list-view .teaser-text p {   padding: 0 10px;}

.news-normallist-view .teaser-text p:first-of-type,
.news-list-view .teaser-text p:first-of-type {   font-style: italic;}


.news-start-view .news-img-wrap {float: left; margin: 0 10px 0 0; width: 40%;}
.news-start-view .news-img-wrap img{height: auto; width: 100%;}
.news-start-view .news-list-date {background: #f4f4f4; padding: 5px 10px;}
.news-start-view .news-list-date {margin: 0 !important;}

.news-start-view .article {   display: block;   }
.news-start-view .listContent { border-bottom: 1px solid #eee; margin: 0 0 10px 0; padding: 10px 10px 0;}
.news-start-view .listContent:hover{background-color: #FAFAFA;}

/* News-Navigation */

.page-navigation {margin: 5px 0 0 0;}
.page-navigation p{margin: 0 0 10px 0;}
.page-navigation ul.f3-widget-paginator{list-style-type: none; padding: 0 !important; margin: 0 0 10px ; height: 40px;}
.page-navigation ul.f3-widget-paginator li{display: inline-block; float: left; margin: 0 5px 0 0; padding: 5px 10px; font-weight: bold; border: 1px solid #dadada; background: #fcfcfc}
.page-navigation ul.f3-widget-paginator li:hover{background-color: #eee}
.page-navigation ul.f3-widget-paginator li a{text-decoration: none;}



/* Powermail **********************************************************************************************************************************/

.tx-powermail {padding: 10px;   background: #fafafa; display: block;    width: 100%;    border: 1px solid #EDEDEF;
    border-radius: 4px;   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); margin-bottom: 20px; 
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.tx-powermail h3,
.tx-powermail legend {display: none;}
.tx-powermail .layout1 .powermail_radio_outer {width: 30%; float: left; }
.tx-powermail .layout1 .powermail_radio_inner { float: left; padding: 0 15px 0 0}
.tx-powermail .powermail_fieldwrap_submit{margin-top: 20px;}

.tx-powermail .powermail_fieldwrap_11{padding: 0 0 10px 0;}
.tx-powermail .powermail_fieldwrap_date{padding: 10px 0}
.tx-powermail .layout1{padding: 10px 0;     font-weight: bold;}


/* Socialshareprivacy *********************************************************************************************************************/

.socialshareprivacy {margin-top: 20px; border-top: 1px solid #ccc; }
.socialshareprivacy ul{padding: 0 0 0 25%; }

/* FLINC *********************************************************************************************************************/
.flincWidget .header{
	position: relative !important;
}

/* *************************************************************************************************************************************** */
/* Mediaqueries 320 ********************************************************************************************************************** */
@media (min-width: 320px) {
  main{padding: 115px 0 0 0;}
    .medium {padding-top: 0px;}
    .mitte,
    .rechts {padding: 0;}

    start {padding-bottom: 100px}
    .start .rechts,
    .start .content   {float: none; width: 100%; }
    
    .start .mitte,
    .start .unternavigation {float: none; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 4px solid #ccc;}
    
    .start .news-eil{background: #f4f4f4; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 10px 0;}
    .start .news-eil-innen {padding: 0 15px;}
    .start .news-eil-innen h3 a {color: #337ab7;}
    .breit .mitte{padding: 0;}

    .footer .kontakt {width: 100%}

/* schließendes mediaquerie folgt */


}

/* Mediaqueries 768 ********************************************************************************************************************************* */
@media (min-width: 768px) {
.container { min-width: 768px;}
.seitentitel {font-size: 150%; }

.footer .kontakt { width: 25%;}

/* Layouts */


/* schließendes mediaquerie folgt */
}

/* Mediaqueries 992 ********************************************************************************************************************************* */
@media (min-width: 992px){

    /* header */
    .logoRahmen{width: 25%; float: left; display: table; padding: 10px 0 10px 0; }
    .logoRahmen img{width: 80%; height: auto; display: table-cell; vertical-align: middle}

    .headerInhalt{width: 75%; float: left;}
    .topHeader{color: rgb(255,255,255); padding: 0 0 0 25%;}

    /* Navigation */
    .sf-menu { padding: 0 0 0 25%; }
    .sf-menu ul.ebene1 { padding: 0; }

    /* Layouts */
     main {padding: 142px 0 0 0;}
     
    .start .content   {float: left; width: 66.66%; }
     
    .start .mitte,
    .start .rechts {float: left; width: 50%; padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0;}
    
    .start .unternavigation {float: left; width: 33.33%; padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0;}
    
    .mitte {float: left; width: 66.6666%; padding: 0 15px 0 0;}
    .rechts {padding: 0 0 0 15px;}
    .col-2 .rechts {padding: 0 15px;}
    .breit .mitte {float: left; width: 100%; padding: 0  ;}

    .medium{overflow: hidden;}

    .col-2 .col-md-6{padding: 0 10px 0 0;}
    .col-2 .col-md-6:nth-of-type(2){padding: 0 0 0 10px;}
    
    /* Extensions */
  
    .flex-caption {position: absolute}
    
    .flexslider .slides img {    width: 66%;    height: auto;}
    .tx-browser-pi1-list .row{margin: 0;}
    .flex-caption p{font-size: 16px;}
    .flex-caption h3{font-size: 20px;}
    
    .flex-caption{width: 33.33%; opacity: 1; right: 0; left: auto; background: none !important;}
    
    .Variant4 {background: rgba(61, 158, 13, 1);}
    .Variant5 {background: rgba(218, 115, 13, 1);}
    .Variant3 {background: rgba(13, 62, 187, 1);}
    .Variant2 {background: rgba(211, 13, 35, 1);}
   

/* schließendes mediaquerie folgt */
}

/* Mediaqueries 1200 ********************************************************************************************************************************* */
@media (min-width: 1200px){
body{ font-size: 16px; }
main{padding: 160px 0 0 0;}

    .flex-caption p{font-size: 18px;}
    .flex-caption h3{font-size: 24px;}
    
.simplecarousel {height: 400px;}
.simplecarousel img {max-height: 400px; overflow: hidden;}

/* schließendes mediaquerie folgt */
}