#cssContent {
    padding: 1%;
    float : right;
}

.cssMobileMenuItemWrap {
  position : relative;
}

.cssMobileNavBurgerItems {
    background-color: #57ab27;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;
    text-decoration: none;
    color: #fff;
    font-weight: 900;
}

#cssMobileNavBurgerWrap {
    display : none;
    position: absolute;
    right: 0;
    top: 1em;
}

#cssMobileNavBurgerOff {
  display: none;
}

#cssMobileNavBurgerOn {
  display: block;
}

#mobileMenuWrap2 {
z-index: 9999;
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #57AB27;
  overflow-y: auto;
}

#mobileMenuWrap2:target {
  width: 80%;
}


#mobileMenuWrap2:target + #cssHeaderWrap4 #cssMobileNavBurgerOn {
  display: none;
}

#mobileMenuWrap2:target + #cssHeaderWrap4 #cssMobileNavBurgerOff {
  display: block;
}

#top:target #mobileMenuWrap2 {
  width : 0;
}

#top:target #cssMobileNavBurgerOff {
  display : none;
}

#mobileMenuWrap2:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.cssMobileMenuLinkWrap {
  display: block;
/*  background: linear-gradient(#3e3e3e, #383838); */
  border-top: 1px solid #484848;
  border-bottom: 1px solid #2E2E2E;
  color: white;
  text-decoration: none;
  font-weight: 900;
  padding: 0.5em 2em 0.5em 0.25em;
}

#mobileMenuWrap, .cssMobileMenuLevelWrap {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}



.cssMobileMenuLink2 {
    background-color: #4D4D4D;
    padding: 0.5em 2em 0.5em 0.5em;
}

.cssMobileMenuLink3 {
    background-color: #2D2D2D;
    padding: 0.5em 2em 0.5em 0.75em;
}

.cssMobileMenuLink4 {
    background-color: #0D0D0D;
    padding: 0.5em 2em 0.5em 1em;
}

.cssMobileMenuLinkWrap:hover,
.cssMobileMenuCurrentLink {
    background-color: #eee;
    color: #000;
}

.cssMobileMenuActivetLink {
    background-color: #bbb;
    color: #000;
}

.cssMobileMenuHideNotActiveSubs + .cssMobileMenuLevelWrap {
    display: none;
}

.iconArrows {
position: absolute;
right: 0;
top: 0;
}

.arrow {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    margin: 6px 6px;
z-index : 2;
}

.arrow:before, .arrow:after {
    content: '';
    border-color: transparent;
    border-style: solid;
    position: absolute;
}

.arrow-up:before {
    border: none;
    background-color: #FFF;
    height: 50%;
    width: 30%;
    top: 50%;
    left: 35%;
}

.arrow-up.curve-left:before {
    border: none;
    width: 0;
    height: 0;
}

.arrow-up:after {
    left: 0;
    top: -50%;
    border-width: 12px 12px;
    border-bottom-color: #FFF;
}

.arrow-up.curve-left .curve {
    height: 12px;
    width: 15.6px;
    top: 12px;
    left: 0;
}
.arrow .curve {
    position: absolute;
    overflow: hidden;
}

.arrow-up.curve-left .curve:before {
    -moz-border-radius: 2000px;
    -webkit-border-radius: 2000px;
    border-radius: 2000px;
    border: 7.20721px solid #FFF;
    height: 9.58559px;
    width: 16.78559px;
    top: -12px;
    left: -15.6px;
}

.arrow .curve:before {
    content: '';
    position: absolute;
}


.arrow-down:before {
    border: none;
    background-color: #FFF;
    height: 50%;
    width: 30%;
    top: 0;
    left: 35%;
}


.arrow-down.curve-right:before {
    border: none;
    width: 0;
    height: 0;
}

.arrow-down.curve-right .curve {
    height: 12px;
    width: 15.6px;
    top: 0;
    left: 0;
}

.arrow-down:after {
    left: 0;
    top: 50%;
    border-width: 12px 12px;
    border-top-color: #FFF;
}

.arrow-down.curve-right .curve:before {
    -moz-border-radius: 2000px;
    -webkit-border-radius: 2000px;
    border-radius: 2000px;
    border: 7.20721px solid #FFF;
    height: 9.58559px;
    width: 16.78559px;
    top: 0;
    left: -15.6px;
}/* footer.css */
#cssFooterWrap3 {
    background-color: #57ab27;
}

#cssFooterWrap2 {
    margin: 0 auto;
}

#cssFooterWrap {
    overflow: hidden;
    margin-right: -1%;
}

.cssFooterRowWrap {
    float: left;
    margin-right: 1%;
    padding: 1em 0;
}

#cssFooterWrap h3 {
    color: #3e3d40 !important;
    /*font-family: 'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: left;
    text-transform: initial;
    font-weight: 900;
}

#cssFooterWrap h4 {
    color: #3e3d40;
    font-family: 'Arial', sans-serif;
    font-size: 0.825em;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: left;
}

#cssFooterWrap p {
    margin-top: 0;
    margin-bottom: 0.5em;
}

#cssFooterWrap a {
    color: #3e3d40;
}

#cssFooterWrap .cssContentHeadlineh3Ruler {
    display : none;
}

#cssFooterWrap .csc-h4-Header-wrap {
    border: none;
    padding: 0;
    margin-bottom: 0.5em;
    margin-top: 0;
}

#cssFooterWrap p,
#cssFooterWrap li
{
    color: #3e3d40;
    /*font-family: 'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
    font-size: 0.825em;
}

#cssFooterWrap .csc-menu a {
    color: #3e3d40;
    text-decoration: none;
    font-weight: 900;
    font-size: 1em;
}

#cssFooterWrap .csc-menu li {
    list-style-type: none;
}

#cssFooterWrap .csc-menu {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
/* page.css */
#socialBarWrap2 {
    position: absolute;
    right: 0;
    top: 1.25em;
    width: 2.1em;
    height: 2.1em;
    overflow: hidden;
}

#facevookLink {
    width: 100%;
    height: auto;
}


#flyinbrief img {
    width: 2em;
    margin: 0.75em auto;
    display: block;
}

.cssContentSliderWrap {
    overflow: hidden;
}

.moveFlyerLeft {
    right: 0 !important;
}

#flyinWrap2 {
    position: absolute;
    right: -20em;
    bottom: 6em;
    z-index: 999;
    width: 23em;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#flyinWrap1 {
    position: relative;
    height: 14em;
}

#flyinbrief {
    width: 3em;
    height: 3em;
    background-color: rgba(224, 224, 224, 0.85);
    position: absolute;
    bottom: 0;
    left: 0;
}

#contactInfoWrap2 {
position: absolute;
    top: 0;
    left: 3em;
    width: 20em;
    height: 14em;
    background-color: rgba(224, 224, 224, 0.85);
}

#contactInfoWrap1 {
    padding: 1em;
    text-align: center;
}

.companyName {
    color: #000;
    text-decoration: underline solid #57ab27;
    font-size: 18px;
}



#c11 .csc-textpic-imagerow {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

#c11 .csc-textpic-imagecolumn {
    float: none;
    padding-right: 1em;
}

#c11 .csc-textpic-image img {
    width: 100% !important;
    height: auto;
}

#c11 .csc-textpic-center-outer {
    float: none;
    right: 0;
}

#c11 .csc-textpic-center-inner {
    float: none;
    right: 0;
    margin-right: -1em;
}

#c11 .csc-textpic-imagerow table {
    width: 100%;
}

.c:before,
.c:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.c:after {
    clear: both;
}

body {
    margin: 0;
    padding-top: 5em;
}

#cssFooterWrap3,
#cssHeaderWrap3,
#csc-headergroup-wrap3 {
    padding: 0 1em;
}

#cssFooterWrap2,
#cssHeaderWrap2,
.csc-content-wrap-center,
#csc-headergroup-wrap2 {
    max-width : 80em;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5 {
   /*font-family: 'Droid Serif',serif;*/
    font-family: 'NotoSerif', serif;
}

p,
li,
div,
a {
/*font-family: 'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
}
/* header.css */

#balkenOben {
    position: fixed;
    width: 100%;
    top: 5em;
    z-index: 1000;
}


#cssHeaderWrap4 {
    position: fixed;
    height: 5em;
    width: 100%;
    top: 0;
    z-index : 1000;
    background: #fff;
}

#cssHeaderLogoImage img {
    width: auto;
    height: 4.7em;
    margin-top : 0.25em;
}

#cssHeaderWrap2 {
    margin : 0 auto;
}

#cssHeaderWrap {
    overflow: hidden;
    position: relative;
}

#cssHeaderLogoWrap3 {
    width: 20%;
    float: left;
}

#cssHeaderLogoWrap2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5em;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

.cssHeaderLogoItem {
    /*font-family:  'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
    font-weight: 900;
    letter-spacing: 0.0625em;
    text-decoration: none;
}

#cssHeaderLogoH1 {
    color: #3e3e40;
    font-size: 1.275em;
}

#cssHeaderLogoH2 {
    color: #57ab27;
    font-size: 1em;
}

.cssHeaderMenuLinkItem {
    color: #3e3e40;
    /*font-family:  'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
    font-size: 0.800em;
    font-weight: 800;
    text-align: center;
    text-decoration: underline;
    Padding: 1.6em 2em;
    line-height: 4em;
    display: block;
    margin-left: 0.5em;
    height: 4em;

}

.cssHeaderMenuLinkItem:hover {
    background-color:#57ab27;
    color: #fff;
    text-decoration: none;
}


.cssHeaderMenuLinkWrap {
    list-style-type: none;
    float: left;
}

#cssHeaderMenuWrap {
    margin: 0;
    padding-left: 0;
}

#cssHeaderMenuWrap2 {
    position: absolute;
    right: 2.5em;
    top: 0;
}

#cssHeaderLogoLink {
    text-decoration: none;
}


/* content.css */

#c30 .cssContentGalleryImageH5 {
    color: #57ab27;
}

.tx-powermail {
    color: #57ab27 !important;
}

.powermail_field.powermail_submit {
    background-color: #57ab27 !important;
}

.csc-more-link a, .bodytext a {
    color: #3e3d40;
    font-weight: 900;
}



.cssContentVideoWrap {
    position: relative;
    height: 0;
}

.tx-powermail {
    width: initial;
    max-width: 40em;
}

.cssContentVideoIframe {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
}

#cssContentMainWrap p {
    margin-top: 0;
    margin-bottom: 0.5em;
    line-height: 220%;   
}

#csc-textpic-headergroup-h1-wrap {
    margin-bottom: 0;
    margin-top: 0.5em;
}

#csc-textpic-headergroup-h2-wrap {
    margin-bottom: 0;
    margin-top: 0.5em;
}

.csc-content-wrap-center {
    margin: 0 auto;
}

.cssContentItemWrap:nth-child(odd) {
    background-color: #FFFFFF;
}


.csc-content-wrap-mask_mehrspalter {
    background-color: #ffffff !important;
}

.csc-content-wrap-mask_mehrspalter .csc-more-link a,
.csc-content-wrap-mask_mehrspalter .bodytext a,
.csc-content-wrap-mask_mehrspalter a.download {
    color: #57ab27 !important;
    Font-weight:normal !important;
}


.cssContentItemWrap {
    padding: 1em;
}

.csc-content-wrap-mask_slider100 {
    padding: 0;
}

.slick-slider {
    margin-bottom: 0 !important;
}

.cssContentSliderImage {
    width: 100%;
    height: initial;
    display: block;
}

.cssContentSliderWrap {
    position: relative;
}

.cssContentSliderImageWrap {
    display: none;
}


.cssContentSliderImage1 {
    display: block !important;
}

.cssContentSliderStartWrap {
    position: absolute;
    top: 50%;
    left: 50%;
}

.cssContentSliderStartLink {
    width: 10em;
    height: 3em;
    border-style: solid;
    border-color: #57ab27;
    background-color: #FFFFFF;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    border-width: 0px 0px 3px;
    text-decoration: none;
    display: block;
    line-height: 3em;
    margin-left: -5em;
    margin-top: -1.5em;
}

.csc-h3-Header {
    color: #57ab27;
    font-size: 2em;
    font-weight: 400;
    text-align: center;
    /*font-family: 'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
    margin-top: 0;
    margin-bottom: 0.3em;

}

.cssContentHeadlineh3Ruler {
    width: 62px;
    height: 1px;
    border-color: #57ab27;
    background-color: #57ab27;
    margin-left: auto;
    margin-right: auto;
}

.csc-h4-Header {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5em;
/*font-family: 'Droid Serif', serif;*/
    font-family: 'NotoSerif', serif;
    font-weight: 300;
    color: #57ab27;
    text-align: center;
}

.csc-h4-Header-wrap {
    border-top: #57ab27 solid 2px;
    border-bottom: #57ab27 solid 2px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding-left: 15%;
    padding-right: 15%;
}

.csc-textpicHeader h4,
.csc-textpicHeader h3 {
    text-align : left;
}


.csc-content-wrap-mask_mehrspalter h3,
.csc-content-wrap-mask_mehrspalter h4,
.csc-content-wrap-mask_mehrspalter p {
color : #3e3d40;
}

.cssContentMultiColItem h3,
.cssContentMultiColItem h4 {
margin-top : 0;
margin-bottom : 0.5em;
}


.cssContentMultiColItem {
    float: left;
    margin-right: 1%;
}


.cssContentGalleryWrap {
    margin-right: -1%;
}


.cssContentMultiColItem li {
   color:#3e3d40;
}




.cssContentGalleryImageWrap2 {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 1%;
}

.csc-textpic-text {
   color: #3e3e40;
}



.cssContentGalleryImageItem {
    width: 100%;
    height: auto;
    display: block;
}

.cssContentGalleryImageInfoWrap {
    background-color: #fff;
    padding: 0.5em;
    min-height: 4em;
    border-style: solid;
    border-color: #E3E7E9;
    border-width: 1px 1px 3px;
    margin-top: 0.25em;
}

.cssContentGalleryImageH5 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-weight: 900;
    text-align: center;
}

.cssContentGalleryImageDescription {
    font-size: 90%;
    text-align: center;
}

.cssContentKontaktDatenEmail {
    margin-bottom: 0.5em;
    display: block;
    font-weight: 900;
}

.csc-h3-Header a {
    color: inherit;
    text-decoration: none;
}



.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
   background-color: #7597b0;
}

.inner_cbQuickGoogleMap {
    position: absolute !Important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
}

.cbQuickGoogleMap {
    position: relative;
    height: 0;
    padding-bottom: 40%;
}

.align-center {
    text-align: center;
}

#c48 .cssContentHeadlineh3Ruler {
    background-color: #fff;
    border-color: #ffffff;
}

#c48 .csc-h4-Header-wrap {
    border-top: #fff solid 2px;
    border-bottom: #fff solid 2px;
}

.csc-h1-Header, h1 {
    color: #3e3d40 !important;
}

.csc-h2-Header, h2, .csc-h3-Header {
    color: #57ab27 !important;
}

.cssContentMultiColH3 {
    color: #3e3d40 !important;
}


#c11 .csc-h3-Header {
    color: #3e3d40 !important;

}

#c48 {
    padding: 1em;
    overflow: hidden;
}

#cssContentMainWrap .csc-header {
    margin-bottom: 2em;
}

@media screen and (max-width: 1160px) {
.cssHeaderMenuLinkItem {
    padding: 1.6em 1.6em;
}
}

@media screen and (max-width: 1100px) {
.cssHeaderMenuLinkItem {
    padding: 1.6em 1.2em;
}
}


@media screen and (max-width: 1024px) {
#cssMobileNavBurgerWrap {
    display : block;
}

#cssHeaderMenuWrap2 {
display : none;
}

#cssMobileNavBurgerWrap {
    font-size: 125%;
}
}


/* mobile640.css */
@media screen and (max-width: 900px) {
.cssContentMultiColItem {
    width: 32.33% !important;
    display: inline-block;
    vertical-align: top;
    float: none;
}
}


@media screen and (max-width: 640px) {

#c11 .csc-textpic-imagerow {
    width: 100%;
}


.news-single .col-md-4 {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-top: 1em;
}

.col-md-8 {
    float: none !important;
    width: 100% !important;
}


#cssHeaderMenuWrap2 {
    font-size: 95%;
}

.cssContentMultiColItem {
    width: 49% !important;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.csc-h3-Header {
    font-size: 1.4em;
    font-weight: 900;
}

.csc-h4-Header {
    font-size: 100%;
}

#cssHeaderLogoWrap3 {
    width: 80%;
    float: none;
}

#cssHeaderLogoLink {
    text-align: center;
}

#cssHeaderLogoWrap2 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cssHeaderMenuLinkWrap {
    float: none;
    display: inline-block;
}

#cssHeaderMenuWrap {
    text-align: center;
}

#cssHeaderMenuWrap2 {
    position: static;
}

.cssContentMultiColItem {
    width: 100% !important;
}

.cssContentGalleryImageWrap2 {
    width: 49%;
}

.cssFooterRowWrap {
    width: 100% !important;
    margin-right: 0;
}
}

@media screen and (max-width: 480px) {
#cssHeaderLogoH1 {
    font-size: 90%;
}

#cssHeaderLogoImage img {
    height: 4em;
}

.cssContentMultiColItem {
    width: 100% !important;
    margin-right : 0 !important;
    float: none;
}


#cssHeaderLogoLink {
    text-align: left;
}

#cssHeaderLogoWrap2 {
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}



#cssHeaderMenuWrap2 {
    display: none;
}

body {
    padding-top: 5.5em;
}


#cssHeaderWrap4 {
    height: 5.5em !important;
}

.cssContentGalleryImageWrap2 {
    width: 100%;
    margin-right: 0;
}

.cssContentGalleryWrap {
    margin-right: 0;
}
}/* n ews CSS */

.row .news-list-item {
    float: left;
    background-color: #ffffff;
    width: 30%;
    padding: 1%;
    margin: 0.5%;
    min-height: 520px;
}

.img-responsive {
    align: center !important;
}

.thumbnail .img-responsive {
    /*  max-width:500px; */
    /*  max-height: 333px; */
}

.news-list-item h3 a {
    color: #005694;
    text-align: center;
}

.news-list-item p, .news-list-item a, .glyphicon .glyphicon-calendar {
    color: #005694;
    text-align: center;
}

.page-navigation {
    width: 100%;
}

.news .page-navigation p {
    float: left;
}

.f3-widget-paginator {
    float: right;
}

.btn-default {

    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#newsheadlinewrap {
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
}

#newsheadlinewrap h1 {
    line-height: 1.5em;
    height: 1.5em;
    margin-bottom: 0;
}

.lead .bodytext {
    font-weight: 900;
    font-style: italic;
}

#newsheadlinewrap .extra {
    position: absolute;
    right: 0;
    top: 0.75em;
}


.news-single .col-md-4 img {
    width: 100%;
    height: auto;
}

.news-single .col-md-4 {
    width: 29%;
    float: right;
    margin-left: 1%;
    margin-bottom: 1em;
}

.news-list-item img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 95%;
}

.homepage .news img {
    width: 100%;
    height: auto;
    max-height: 300px;
}

.homepage .row.news-list-item {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    display: none;
}

.homepage .newsslide {
    max-height: 600px;
}

.homepage .newsslide .row.news-list-item {
    display: inline-block;
}

.homepage .newsslide .slick-prev,
.homepage .newsslide .slick-next {
    width: 28px;
    height: 39px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top left;
}

.homepage .newsslide .slick-prev {
    background-image: url(../../fileadmin/resources/images/frontend/icons/lpfeil.html);
}

.homepage .newsslide .slick-next {
    background-image: url(../../fileadmin/resources/images/frontend/icons/rpfeil.html);
}

.homepage .newsslide .slick-prev:before,
.homepage .newsslide .slick-next:before {
    display: none;
}


.homepage .row.news-list-item:nth-child(-n+3) {
    display: inline-block;
}

.social {
  display:none;
}

.col-md-8 {
    float: left;
    width: 68%;
}

.news-related-files-link a {
    color: #005694;
}