@font-face { font-family: 'Oswald';
    src: url('../Fonts/Oswald.ttf') format('truetype');
}
html {
    scroll-behavior: smooth;
    font-size: 100%;
}
body {
    background-color:#EDF8E4;
    color:#27282A;
    margin:0;
    padding:0;
}

.fontSpecial {
    font-family:'Work Sans', sans-serif;
    font-size:1.25em;
    font-weight:400;
    font-style:italic;
    line-height:1.35em;
}

.btn {
    display:inline-block;
    background-color:#8AB04F;
    color:#fff;
    padding:10px 20px;
}
.btn-primary {
    color: #fff;
    background-color: #8AB04F;
    border-color: #3B4E1E;
}
.btn-primary:hover{
    background-color:#3B4E1E;
    border-color:#8AB04F
}

h1 a.btn,h2 a.btn,h3 a.btn,h4 a.btn,h5 a.btn,h6 a.btn {
    color:#fff!important;
}

a,a:link,a:visited{
    outline:none;
    color: #8AB04F;
}
ul {
    list-style-type: none;
}

video {
    width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    height:auto;
}

.container {
    position:relative;
}
.container.schatten {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    padding-right: 0;
    padding-left: 0;
}
.container.rahmen {
    padding-right: 0;
    padding-left: 0;
}

.vgp-main-navigation {
    z-index:1000;
    position:fixed;
    left:0;
    bottom:0;
    right:0;
    height:auto;
    font-family:'Work Sans', sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.05em;
    font-size:1.5em;
}

.vgp-main-navigation.scrolled-to-top .main-navigation,.vgp-main-navigation.visible-navigation .main-navigation {
    max-height:100vh;
}

.vgp-main-navigation.scrolled-to-top .mobile-button,.vgp-main-navigation.visible-navigation .mobile-button {
    top:3em;
    height:0;
}

.vgp-main-navigation.scrolled-to-top .ccm-block-switch-language,.vgp-main-navigation.visible-navigation .ccm-block-switch-language {
    top:-50px;
    color:#efefef;
}

.vgp-main-navigation.visible-navigation {
    z-index:5000;
    top:0;
}

.vgp-main-navigation.visible-navigation .mobile-button-close {
    top:-60px;
}

.vgp-main-navigation.visible-navigation .main-navigation-background {
    height:100vh;
}

.vgp-main-navigation .ccm-block-switch-language {
    position:absolute;
    left:20px;
    top:10px;
    color:#616c7a;
    transition:top .5s ease,color .5s ease;
}

.vgp-main-navigation .mobile-button-container {
    position:relative;
    height:0;
}
.vgp-main-navigation .mobile-button {
    position:absolute;
    right:-1px;
    top:-124px;
    transition:top .75s,height .5s ease .25s;
    display:inline-block;
    font-family:'Work Sans', sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1em;
    font-size:1.15em;
    background-color:#65813a;
    color:#fff;
    cursor:pointer;
    padding:17px 25px;
    border-radius: 15px 0 0 15px;
    border: 1px solid #536a2f;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.vgp-main-navigation .mobile-button-close {
    position:absolute;
    right:10px;
    top:0;
    transition:top .5s;
    display:inline-block;
    width:auto;
    height:auto;
    font-size:2.05em;
    color:#efefef;
    cursor:pointer;
    margin-right:20px;
}
.vgp-main-navigation .main-navigation-background {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.7);
    display:none;
}

.vgp-main-navigation .main-navigation-background .main-logo {
    position:absolute;
    left:30px;
    top:30px;
    display:inline-block;
    width:15vw;
    height:15vh;
    background-size:contain;
}

.vgp-main-navigation .main-navigation-container {
    position:absolute;
    left:0;
    bottom:00px;
    right:0;
    text-align:right;
    overflow:visible;
}

.vgp-main-navigation .main-navigation {
    max-height:0;
    transition:max-height .5s;
}

.vgp-main-navigation .main-navigation .first-level li .menuerweiter {
    display: none;
}
.vgp-main-navigation .main-navigation .first-level li:first-of-type .menuerweiter {
    display: block;
}
.vgp-main-navigation .main-navigation .first-level li:first-of-type .menuerweiter p {
    font-weight: 300;
}

.vgp-main-navigation a {
    color:inherit;
    display: inline-block;
    text-decoration:none;
    font-weight:400;
    transition:color .5s,background-color .5s;
    padding: 10px 10px 10px 0;
}
.vgp-main-navigation .first-level li.active a.first-level-link {
    color:#4a5e2a;
}
.vgp-main-navigation .second-level ul li a {
    color:#252f15;
    display:block;
}
.vgp-main-navigation .second-level ul li.current a {
    color:#5c7535;
}
.vgp-main-navigation.startseite .first-level li {
    padding: 15px 15px 15px 0;
}
.vgp-main-navigation.startseite .first-level a {
    padding: 15px 15px 15px 0;
    margin: 10px 0;
    font-size: 2.25em;
}
.vgp-main-navigation .second-level a {
    font-weight:300;
}
.vgp-main-navigation a.first-level-link {
    display:block;
    padding:10px 20px;
}
.vgp-main-navigation ul.first-level {
    background-color:/*#FBECCB*/ transparent;
    list-style-type:none;
    margin:0;
    padding:0;
}
.menufuss {
    padding: 15px;
}
/**** MENU BAR ****/

.barriereBar {
    position: fixed;
    width: 1170px;
    top: 0px;
    left: -570;
    z-index: 14;
    color: #73747c;
}
.barriereBarInner {
    margin: 0 -10px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    position: relative;
    padding: 5px 0;
}
/*
.barriereBar .search {
    padding: 5px 0;
    font-size: 1.375em;
}*/
.barriereBar .contrast_style {

}
.barriereBar #whiteBlack i.fa {
    transform: rotate(180deg);
    margin-top: 2px;
}
.barriereBar #colorContrast  i.fa {
    color: #8AB04F;
}
#contrast_style button {
    padding: 5px 10px;
}
.headerBar {
    position: absolute;
    width: 100%;
    top: -92px;
    left: 0;
    z-index: 15;
    /*   transition: all 350ms 0ms;
        transition-delay: 0ms;*/
}
.headerBarInner {
    margin: 0 -10px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    position: relative;
}
.headerBarLogo {
    width: 245px;
    position: relative;
    z-index: 3;
}

@media screen and (max-width:1200px) {
    .headerBarLogo {
        width: 220px;
    }
}
@media screen and (max-width:1023px) {
    .headerBarLogo {
        width: 195px;
    }
}
@media screen and (max-width:1199px) {
    .barriereBar  {
        display: none;
    }
}
.headerBarLogo .logo {
    display: block;
    padding: 15px 10px 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.headerBarItems {
    width: calc(100% - 335px);
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.headerBarMenu {
    width: calc(100% - 10px);
}

#navigation.desktop {
    width: 100%;
}
#mainMenu {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
ul#mainMenu {
    list-style: none;
}
#mainMenu {
    padding: 27px 0;
}
#mainMenu > li > .hptebene,
#mainMenu > li > a {
    display: block;
    padding: 10px 29px 10px 13px;
    color: #73747c;
    text-transform: uppercase;
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    font-size: 1.125em;
/*    font-variant: small-caps; */
    letter-spacing: -0.02em;
    word-spacing: -0.0em;
    font-stretch: condensed;
    position: relative;
    z-index: 3;
    transition: all 350ms ease-in-out 0ms;
    transition-delay: 0ms;
}
#mainMenu > li > .hptebene::before,
#mainMenu > li > a::before {
    content: '\f0d7';
    transition: all 350ms ease-in-out 0ms;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    color: #8AB04F;
    right: 12px;
    position: absolute;
}
#mainMenu > li.act > a {
    transition-delay: 100ms
}
#mainMenu > li > a.current,
#mainMenu > li > a.active,
#mainMenu > li.act > a,
#mainMenu > li.active > a,
#mainMenu > li > a:hover,
#mainMenu > li > a:focus {
    color: #fff;
    background: #8AB04F;
    text-decoration: none;
}
#mainMenu > li > a.current,
#mainMenu > li > a.active,
#mainMenu > li > a.active::before,
#mainMenu > li > a.current::before,
#mainMenu > li.act > a::before,
#mainMenu > li.active > a::before,
#mainMenu > li > a:hover::before,
#mainMenu > li > a:focus::before {
    color: #fff;
}
#mainMenu > li .subLevel {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 100%;
    background-color: #8AB04F;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 350ms ease-in-out 0ms;
    transition-delay: 100ms;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    height:auto;
    /*  visibility: hidden;
       opacity: 0; */
    overflow: hidden;
}
#mainMenu > li .subLevel .subLevelContainer {
    margin: 30px 35px 15px 35px;
}
#mainMenu > li .subLevel.hidden-level {
    max-height:0;
    border-top:0px solid transparent!important;
}
#mainMenu > li.act .subLevel,
#mainMenu > li:hover .subLevel {
    opacity: 1;
    visibility: visible;
    transition-delay: 100ms;
}
.subLevel .second-level {
    min-height: width: calc(121px + 65px);
    background-color: #8AB04F;
}
#mainMenu > li .subLevelContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -10px;
    position: relative;
    z-index: 10;
    height:auto;
}
#mainMenu > li .subLevelContainer > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    z-index: 11;
}
.menuArticle {
    width: 225px;
}
.menuArticleHeading {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.menuArticleIcon {
    width: 50px;
    margin-right: 15px;
}
.menuArticleTitle {
    width: calc(100% - 65px);
    font-size: 2.25em;
    color: #fff;
    font-weight: 300;
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
}
#mainMenu > li .subLevelContainer .menuSublevel {
    width: calc(100% - 255px);
    margin-left: 220px;
}
@media screen and (max-width:1023px) {
    .menuArticle {
        display:none;
    }
    #mainMenu > li .subLevelContainer .menuSublevel {
        width: calc(100% - 1px);
    }
}
#mainMenu > li .subLevelContainer > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    z-index: 11;
}
.lvl2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 35px -15px;
}
.lvl2 > li {
    width: calc(100% / 3);
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    display: flex;
}
.lvl2 > li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1em;
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    font-weight: 300;
/*    letter-spacing: -0.0em;
    word-spacing: -0.0em; */
    font-stretch: condensed;
}
.lvl2 > li::before {
    content: '›︁';
    /*  font-family: 'Font Awesome 5 Pro'; */
    color: #fff;
    margin-right: 5px;
    font-size: 1.125em;
    line-height: 1em;
}

/******************/


@media screen and (min-width:769px) {
    .vgp-main-navigation ul.first-level {
        text-align: right
    }
    .vgp-main-navigation ul.first-level li {
        display: inline-block;
        margin: -5px 0 5px 0;
        padding:0;
    }
    .vgp-main-navigation ul.first-level li:first-of-type {
        margin: 0 0 5px 0;
    }

}

.vgp-main-navigation ul.first-level>li {
    position:relative;
    text-align:left;
}
.vgp-main-navigation .second-level ul {
    border-bottom:1px solid rgba(101,129,58,0.5);
}
.vgp-main-navigation ul.first-level>li:first-child .second-level-container {
    /*   border-top:1.0px solid #DBAE0B;*/
    border-top:1px solid rgba(101,129,58,0.5);

}

.vgp-main-navigation ul.first-level li:first-child ul {
    background-color: #d0dfb8;
}

.vgp-main-navigation ul.first-level>li:first-child+li {
    background-color:#a9c57e;
    color:#27282A;
}
.vgp-main-navigation ul.first-level li:first-child+li ul {
    background-color: #c1d5a1;
}

.vgp-main-navigation ul.first-level>li:first-child+li+li {
    background-color:#9abb66;
    color:#27282A;
}
.vgp-main-navigation ul.first-level li:first-child+li+li ul {
    background-color: #b1ca8a;
}

.vgp-main-navigation ul.first-level>li:first-child+li+li+li {
    background-color:#8ab04f;
    color:#27282A;
}
.vgp-main-navigation ul.first-level li:first-child+li+li+li ul {
    background-color: #a1c072;
}

.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li {
    background-color:#789944;
    color:#27282A;
}
.vgp-main-navigation ul.first-level li:first-child+li+li+li+li ul {
    background-color: #92b55b;
}
/*
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li {
    background-color:#b1ca8a;
    color:#27282A;
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li+li {
    background-color:#a9c57e;
    color:#27282A;
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li+li+li {
    background-color:#92b55b;
    color:#27282A;
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li+li+li+li {
    background-color:#9abb66;
    color:#27282A;
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li+li+li+li+li {
    background-color:#92b55b;
    color:#27282A;
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li+li+li+li+li+li {
    background-color:#8AB04F;
    color:#27282A;
}
.vgp-main-navigation ul.first-level>li:first-child+li .second-level-container a:focus,
.vgp-main-navigation ul.first-level>li:first-child+li .second-level-container a:active {
    color:#225908;
    text-decoration:none;
}
*/
.vgp-main-navigation ul.first-level ul {
    list-style-type:none;
}

.vgp-main-navigation ul.first-level ul li {
    /* display:inline-block; */
    display:block;
    padding:1px 10px 1px 10px;
    border-bottom: 1px dotted #65813a;
}
.vgp-main-navigation ul.first-level ul li a:before {
    padding-right:.5em;
    content:"\f0dA";
    font-family: Fontawesome;
    font-size: 1.125em;
}
.vgp-main-navigation .infobox {
    font-size:70%;
    display:inline-block;
    padding:10px 20px 20px;
}
.vgp-main-navigation .second-level-container {
    position:relative;
    overflow:hidden;
    height:auto;
    max-height:100vh;
    transition:max-height .5s,border .5s;
    transition: all 500ms 0ms;
    padding-right: 0px;
}
.vgp-main-navigation .second-level-container.hidden-level {
    height:0;
    border-top:1.5px solid transparent!important;
}
.vgp-main-navigation .second-level {
    display:block;
    overflow:hidden;
    height:auto;
    width: 80%;
    float:right;
    transition: all 500ms 0ms;
}
.vgp-main-navigation a:visited,.page-list-article h2 a,.page-list-event h2 a,.page-list-article h4 a,.page-list-event h4 a,.page-list-stacked-teaser h5 a,.page-list-stacked-teaser h3 a {
    color:inherit;
    text-decoration:none;
}
.vgp-main-navigation ul.first-level>li:first-child,
.tag-list li.tag-list-tag-selected,
.topic-list li.topic-list-topic-selected {
    background-color:#b9d095;
    color:#27282A;
}
.disabled {
    pointer-events: none;
    cursor: pointer;
}
.disabled:hover {
    background-color: #ff00ff;
}
.second-level-navigation.navbar {
    position: relative;
    padding-top: 5px;
    min-height: 10px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    text-align: center;
}
.second-level-navigation ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    line-height: inherit;
    height: inherit;
    max-width: 100%;
}
.navbar.second-level-navigation {
    margin: 0 auto;
}
.second-level-navigation li a {
    font-size: 1.375em;
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    color: #000;
    padding: 4px 15px;
    line-height: 1.2em;
}
.second-level-navigation li a:hover,
.second-level-navigation li a:active {
    color: #ffffff;
    background-color: transparent;
}
.second-level-navigation .nav-pills > li.active > a,
.second-level-navigation .nav-pills > li.active > a:focus,
.second-level-navigation .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: transparent;
}
.second-level-navigation li {
    border-right: 1px solid #6A883B;
}
.second-level-navigation li.current a,
.second-level-navigation li.current {
    color:#fff;
}
.second-level-navigation li:last-of-type {
    border-right: 0px;
}
.breadcrumb {
    padding: 8px 15px 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 1px;
    border-top: 1px solid #BED59B;
    border-bottom: 1px solid #BED59B;
}
.breadcrumb li.current {
    color: #536a2f;
}
.zweitesLevel.nav-sticky .breadcrumb li.current {
    color: #F6ECCB;
}
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #536a2f;
    content: "/\00a0";
}
.breadcrumb li.normal a:hover,
.breadcrumb li.active a:hover {
    color: #000;
    text-decoration: none;
}
.zweitesLevel .breadcrumpmenu {
    display:none;
}
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb {
    padding: 8px 15px 1px 15px;
    margin-bottom: 7px;
    list-style: none;
    background-color: transparent;
    border-radius: 1px;
    border-top: 0px solid #BED59B;
    border-bottom: 0px solid #BED59B;
    font-size: 1.125em;
    text-align:center;
}
.teaser.abstand {
    margin-top:68px;
}
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb li:first-of-type,
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb li:nth-child(4) {
    display:none;
}
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb > li + li::before,
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb > li + li + li::before {
    content: "";
}
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb > li + li,
.zweitesLevel.nav-sticky .breadcrumpmenu.mobile .breadcrumb > li + li + li {
    clear:both;
    display: block;
}
@media screen and (max-width:680px) {
    .breadcrumb {
        padding: 8px 15px;
    }
    .breadcrumb > li + li::before {
        padding: 0;
    }
}
@media screen and (max-width:767px) {
    .zweitesLevel.nav-sticky .breadcrumpmenu.mobile {
        display:block;
    }
    .zweitesLevel.layout-section-black.green {
        min-height: 65px;
    }
}
.visible-navigation .header-key-visual-logo {
    opacity:0;
}

.ccm-image-slider {
    position:relative;
}
.ccm-image-slider .neos-nodetypes-image figure img {
    width: 100%;
    height: auto;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
    width: 100%;
    height: auto;
}


header .header-key-visual {
    position:relative;
    width:100%;
    height:200px;
    overflow:hidden;
}

header .header-key-visual .header-background {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:#8a9cae no-repeat center;
    background-size:cover;
    background-position:center;
    filter:blur(4px);
}

header .header-key-visual .header-links {
    height:100%;
    position:relative;
}

header .header-key-visual .header-links ul {
    position:absolute;
    right:0;
    bottom:0;
}

header .header-key-visual .header-key-visual-logo {
    position:absolute;
    left:0;
    top:0;
}

header .header-minimal {
    position:fixed;
    width:100%;
    z-index:500;
}

header .header-minimal .header-logo-container .header-key-visual-logo {
    position:absolute;
    left:15px;
    top:0;
}

header .header-minimal .header-links {
    height:0;
    position:relative;
    overflow:visible;
}

header .header-minimal .header-links ul {
    position:absolute;
    top:0;
    right:15px;
}

header .header-links ul {
    list-style-type:none;
    display:inline-block;
    margin:0;
    padding:0;
}

header .header-links .btn {
    display:inline-block;
    background-color:#efefef;
    color:#616c7a;
    padding:10px 20px;
}

header .header-links .btn-search input {
    background-color:transparent;
    width:0;
    border:0 solid transparent;
    border-radius:2px;
    color:#616c7a;
    font-family:'Work Sans', sans-serif;
    font-size: 1.25em;
    font-style:normal;
    font-weight:400;
    line-height:1;
    transition:width .5s,border .5s,margin .5s,padding .5s;
    margin:-7px 0 -5px;
    padding:5px 0;
}

header .header-links .btn-search.search-selected input {
    width:10em;
    border:1px solid #616c7a;
    margin:-7px 10px -5px 0;
    padding:5px 10px;
}

header .header-key-visual-logo {
    display:inline-block;
    width:200px;
    height:120px;
    background-size:contain;
    transition:opacity .5s;
}

header .header-heading {
    text-align:right;
    background-color:#efefef;
    color:#323232;
}

header .header-heading h3+h1 {
    margin-top:-15px;
}

header.header-full-size {
    z-index:10;
    position:relative;
    width:100%;
    height:0;
    overflow:visible;
}

header.header-full-size .header-links {
    position:absolute;
    right:20px;
    top:0;
    display:inline-block;
}

header.header-full-size .header-links ul {
    position:static;
}

header.header-full-size .header-logo-container {
    position:absolute;
    left:20px;
    top:0;
    display:inline-block;
}

footer {
    margin-top:0!important;
    border-top:5px solid #8AB04F;
    padding:35px 0 120px!important;
    background-image: url("../Images/hg_footer.png");
    background-position: bottom right;
    background-repeat: no-repeat;
}

footer p:first-child {
    padding-top:0;
    margin-top:0;
}

footer .footer-navigation-wrapper p {
    margin:10px 0 0;
}

footer .footer-navigation-wrapper ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

footer .footer-navigation-wrapper ul li:before {
    content:"/ ";
}

footer .ccm-block-social-links li {
    display:inline-block;
    margin:0!important;
}

footer .ccm-block-social-links li a {
    display:inline-block;
    padding:10px;
}
footer .col-md-10,
footer .col-xs-9,
footer .neos-contentcollection .container,
footer .neos-contentcollection .container .column:first-of-type {
    padding-left: 0;
}
footer h3, footer  .h3 {
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    color: #759248;
    font-size: 1.25em;
    font-weight: 300;
    padding-bottom: 1px;
}
footer h4, footer  .h4 {
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    color: #ffffff;
    font-size: 1.25em;
    font-weight: 300;
    padding-bottom: 1px;
}
footer p   {
    font-family: 'Work Sans', sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 300;
    line-height: 1.605;
}

.layout-section-black,.layout-section-dark,.layout-section-yellow,.layout-section-mid,.layout-section-light,.layout-section-white {
    overflow:hidden;
    padding:30px 0;
}
.autonav-subpage-navigation {
    overflow:hidden;
    padding:0 0;
}

.layout-section-dark+.layout-section-dark,
.layout-section-light+.layout-section-light,
.layout-section-mid+.layout-section-mid,
.layout-section-white+.layout-section-white,
.layout-section-black+.layout-section-black,
.layout-section-yellow+.layout-section-yellow {
    margin-top:-15px;
    padding-top:30px;
}

.layout-section-black.hidden-print {
    padding:0px 0;
}

.layout-section-small {
    padding:15px 0;
}

.layout-section-black {
    background-color:#3F3A2D;
    color:#efefef;
}
.layout-section-black.fuss {
    background-color:#323232;
}
.layout-section-black.green {
    background-color:#8AB04F;
    min-height: 10px;
}
.layout-section-black a {
    color:#F6ECCB;
}
.layout-section-black a:hover {
    color:#BED59B;
    text-decoration: none;
}
.layout-section-black nav ul {
    list-style-type: none;
}
.layout-section-black nav ul li {
    padding: 2px 0;
}

.layout-section-black table {
    border:1px solid #efefef;
}

.layout-section-dark {
    background-color:#EEDFBA;
    color:#27282A;
}
.transparentbgdkl {
    /* background-color:#EEDFBA; */
    background: rgba(238,223,186,.9);
    color:#27282A;
}
.layout-section-yellow {
    /*background-color:*#FBC016; */
    background-color:rgba(251,185,0,0.6);
    color:#27282A;
}

.layout-section-mid {
    background-color:#DEF1CF;
    color:#27282A;
}

.layout-section-mid.teaser {
    background-color:#D2EBBB;
}



.layout-section-light table {
    border:1px solid #323232;
}

.layout-section-white {
    background-color:#fff;
    color:#616c7a;
}

header .print-header .print-logo {
    display:inline-block;
    width:100pt;
    height:auto;
}

.attribute-abstract {
    font-family:'Work Sans', sans-serif;
    font-size: 1.25em;
    font-weight:400;
    font-style:italic;
    line-height:1.35;
    margin-top:20px;
}

.autonav-subpage-navigation .column .subpage-image {
    height:300px;
    margin-top:50px;
    background-size:cover;
    background-position:center;
}

.autonav-subpage-navigation .column:first-child h2 {
    margin-left:-1000px;
    padding-left:1000px;
}

.autonav-subpage-navigation .column:last-child h2 {
    margin-right:-1000px;
    padding-right:1000px;
}

.autonav-subpage-navigation .column h2 {
    background-color:#8AB04F;
    color:#fff;
    margin:0 -15px;
    padding:10px 15px;
}

.autonav-subpage-navigation .subnavigation {
    margin-top:20px;
}

h1,h2,h3,h4,h5,h6 {
    font-family:'Work Sans', sans-serif;
    font-size: 1.25em;
    font-style:normal;
    font-weight:400;
    line-height:1;
    margin: 1em 0 ;
    padding:0.25em 0 .75em 0;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {
    color:inherit!important;
}

h1+h1,h2+h1,h3+h1,h4+h1,h5+h1,h6+h1,h1+h2,h2+h2,h3+h2,h4+h2,h5+h2,h6+h2,h1+h3,h2+h3,h3+h3,h4+h3,h5+h3,h6+h3,h1+h4,h2+h4,h3+h4,h4+h4,h5+h4,h6+h4,h1+h5,h2+h5,h3+h5,h4+h5,h5+h5,h6+h5,h1+h6,h2+h6,h3+h6,h4+h6,h5+h6,h6+h6 {
    margin-top:-.3em;
}

h1 {
    padding-bottom: 10px;
    font-size: 2.25em;
}

.startseite  h1 {
    padding-bottom: 10px;
    font-size: 2.625em;
}

h2 {
    padding-bottom: 10px;
    font-size: 1.875em;
}

.startseite h2 {
    font-size:2.05em;
    line-height: 1.25em;
}


h3 {
    font-size: 1.375em;
    line-height: 1.625em;
    padding-bottom: 10px;
}

p {
    margin:.25em 0 .5em;
}

ul {
    list-style-type:square;
    padding:0 0 0 1em;
}

hr {
    border:0;
    margin:40px 0;
}

@media screen and (max-width:680px) {
    .neos-nodetypes-headline {
        padding: 0 1px;
    }
    .teaser .neos-nodetypes-headline {
        padding: 0 10px;
    }
    h1 {
        margin:  0 ;
        padding: 0.25em 0;
        line-height: 2.5em;
    }
}

/********* Pfeil *****/

@media screen and (min-width:768px) {
    .arrow,
    .arrow:before {
        position: absolute;
        left: 50%;
    }

    .arrow {
        width: 40px;
        height: 40px;
        top: 475px;
        margin: -20px 0 0 -20px;
        -webkit-transform: rotate(45deg);
        border-left: none;
        border-top: none;
        border-right: 3px #fff solid;
        border-bottom: 3px #fff solid;
        font-size: 0;
        line-height: 0;
        display: block;
        text-align: center;
        opacity: .95;
    }
    .startseite .arrow {
        top: auto;
        bottom: 50px;
    }
    .arrow:before {
        content: '';
        width: 20px;
        height: 20px;
        top: 50%;
        margin: -25px 0 0 -25px;
        border-left: none;
        border-top: none;
        border-right: 2px #fff solid;
        border-bottom: 2px #fff solid;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        /*     -webkit-animation: bounceAni 2s infinite 2s;
             animation: bounceAni 2s infinite 2s; */
    }
    .arrow:before {
        -webkit-animation-name: arrow;
        animation-name: arrow;
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
    }
    @keyframes arrow {
        0% {opacity: 0}
        100% { opacity: 1; transform: translate(15px,15px);}
    }
}
@media screen and (max-width:767px) {
    .arrow {display:none;}
}

/*********************/

.anker {float:left;padding-top: 220px;width: 100%;height: 1px;}

.layout-section-white em {
    color:#8a9cae;
    font-style:normal;
}

.layout-section-white .content-block-fancy-styles {
    line-height:1.5;
}

.layout-section-white .content-block-fancy-styles h1,.layout-section-white .content-block-fancy-styles h2,.layout-section-white .content-block-fancy-styles h3,.layout-section-white .content-block-fancy-styles h4,.layout-section-white .content-block-fancy-styles h5,.layout-section-white .content-block-fancy-styles h6 {
    color:#323232;
    font-weight:600;
}

.layout-section-white .content-block-fancy-styles strong {
    font-weight:700;
    color:#323232;
}
.fancybox-button svg path {
    fill: currentColor;
    color: #fff;
    stroke-width: 0;
}

.cke_editable em,.cke_editable u {
    color:red;
}

.cke_editable em:before,.cke_editable u:before,.cke_editable em:after,.cke_editable u:after {
    /*   display:inline-block;
       content:"!!";
       font-size:80%;
       border-radius:5px;
       background-color:red;
       color:#FFF;
       padding:3px 5px; */
}

.faq-container .faq-entry-title {
    background-color:#616c7a;
    cursor:pointer;
    margin:10px -15px;
    padding:10px 15px;
}

.faq-container .faq-entry-title h3 {
    margin:0;
}

.faq-container .faq-entry-title i {
    transition:transform .3s;
    font-size:70%;
    margin-right:1em;
}

.faq-container .faq-entry-title.toggle-open i {
    transform:rotate(90deg);
}

.faq-container .horizontal-scrolling {
    width:100%;
    overflow-x:auto;
}

.ccm-block-feature-item {
    display:block;
    background-color:#fff;
    color:#323232;
    position:relative;
    overflow:hidden;
    z-index:1;
    margin-bottom:20px!important;
    padding:10px 20px;
}

.ccm-block-feature-item a {
    color:#8AB04F;
}

.ccm-block-feature-item h4 {
    background-color:#8AB04F;
    color:#fff;
    margin:-10px -20px 10px;
    padding:8px 20px;
}

.ccm-block-feature-item.feature-button {
    background-color:transparent;
    text-align:right;
}

.ccm-block-feature-item.feature-button h4 {
    display:inline-block;
    background-color:#8AB04F;
    margin:-10px -20px;
    padding:15px 20px;
}

.ccm-block-feature-item.feature-clickable {
    background-color:transparent;
    padding:0;
}

.ccm-block-feature-item.feature-clickable .feature-content {
    background-color:#fff;
    position:relative;
    margin:0 -10px -20px;
    padding:10px 20px 20px;
}

.layout-section-white .ccm-block-feature-item.feature-clickable .feature-content {
    background-color:#efefef;
}

.ccm-block-feature-item.feature-clickable .feature-content em {
    text-align:center;
    display:block;
    height:auto;
    font-style:normal;
    background-color:#8AB04F;
    color:#fff;
    z-index:100;
    position:relative;
    margin:10px -10px -10px -40px;
    padding:15px 20px 15px 40px;
}

.ccm-block-feature-item.feature-clickable .feature-content em:after {
    content:" »";
}

.ccm-block-feature-item.feature-clickable .feature-content strong {
    color:#616c7a;
    font-weight:400;
}

.ccm-block-feature-item.feature-clickable .feature-content u {
    font-size:130%;
    display:inline-block;
    margin-right:-10px;
    background-color:#efefef;
    color:#323232;
    text-decoration:none;
    padding:10px 20px 10px 10px;
}

.ccm-block-feature-item.feature-clickable .feature-content u sub {
    bottom:0;
}

.ccm-block-feature-item.feature-clickable .feature-content i.fa-chevron-right {
    color:#8AB04F;
    position:absolute;
    right:10px;
    bottom:25px;
    z-index:99;
}

.layout-section-white .ccm-block-feature-item.feature-clickable .feature-content i.fa-chevron-right {
    color:#616c7a;
}

.block-file a {
    display:block;
    margin-bottom:10px;
    background-color:#fff;
    color:#616c7a;
    padding:10px 20px;
}

.image-zoomable,.image-content {
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}

.image-zoomable i,.image-content i {
    position:absolute;
    right:0;
    bottom:0;
    color:#FFF;
    text-shadow:0 0 10px rgba(0,0,0,0.5);
}

.image-fullscreen {
    width:100%;
    /*  height:100vh; */
    min-height:360px;
    max-height:100vw;
    overflow:hidden;
    background-size:cover;
    background-attachment:fixed;
    background-position:center;
    position:relative;
}

.image-fullscreen h1 {
    display:inline-block;
    position:absolute;
    bottom:0;
    color:#fff;
    font-size:400%;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:-.07em;
    text-shadow:0 0 50px rgba(0,0,0,0.5);
}

.ccm-image-slider-container.ccm-image-slider-header .image-slider-image {
    height:300px;
    max-height:50vh;
}

.ccm-image-slider-container .image-slider-image {
    position:relative;
    width:100%;
    height:calc(100vh-150px);
    background-size:cover;
    background-position:center;
}

.ccm-image-slider-container .image-slider-image img {
    position:absolute;
    opacity:0;
    left:0;
    top:0;
    right:0;
    bottom:0;
}

.ccm-image-slider-container .image-slider-text {
    position:absolute;
    right:20px;
    top:20px;
    text-align:right;
    margin-left:260px;
}

.ccm-image-slider-container .home-slider-down {
    display:none;
    position:absolute;
    left:50%;
    bottom:0;
    line-height:0.9em;
    transform:translateX(-50%);
    color:#fff;
    opacity:0.5;
    z-index:1000;
    animation-name:home-slider-down;
    animation-duration:.5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}

.ccm-image-slider-container .ccm-image-slider {
    position: relative;
}
.ccm-image-slider-container .backlinks {
    position: absolute;
    right: 20px;
    bottom: 0;
}
.ccm-image-slider-container .backlinks ul {
    list-style-type: none;
}
.ccm-image-slider-container .backlinks ul li {
    float: left;
}
.ccm-image-slider-container .backlinks ul li:last-of-type {
    margin-left: 10px;
}
.ccm-image-slider-container .backlinks .btn-primary {
    color: #fff;
    background-color: #8AB04F;
    border-color: transparent;
    border-radius: 8px 8px 0 0;
}
.ccm-image-slider-container .backlinks.themen .btn-primary {
    background-color: #3F3A2D;
}
.ccm-image-slider-container .backlinks .btn {
    padding: 10px 15px;
    margin-bottom: 0;
    font-size: 1.125em;
    border: 0px solid transparent;

}
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 40px;
    margin-top: -25px;
    font-size: 3.75em;
}
.carousel-indicators {
    bottom: 0px;
}
.carousel-indicators li {
    display: inline-block;
    width: 40px;
    height: 1px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 0px solid #fff;
    border: 0px solid #fff;
    border-radius: 0;
}
.carousel-indicators .active {
    width: 40px;
    height: 1px;
    margin: 1px;
    background-color: #8AB04F;
    border-bottom: 0px solid #8AB04F;
}

.layout-section-mid.teaser {
    padding-top: 15px;
}
.startseite .layout-section-mid.teaser {
    padding-top: 45px;
}
/*
.startseite .teaser .columns-50-50 .column:first-of-type {
    padding-left: 0px;
}
*/
to {
    bottom:10px;
}

.page-list-article .page-list-rss-feed,.page-list-event .page-list-rss-feed {
    display:inline-block;
    margin:15px 0;
}

.page-list-article .page-list-entry,.page-list-event .page-list-entry {
    background-color:#efefef;
    margin-bottom:45px;
    color:#323232;
}

.page-list-article .page-list-entry-description,.page-list-event .page-list-entry-description {
    margin-bottom:10px;
    padding-bottom:1.35em;
    max-height:6.75em;
    overflow:hidden;
    position:relative;
}

.page-list-article .page-list-entry-description .page-list-entry-readmore,.page-list-event .page-list-entry-description .page-list-entry-readmore {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1.35em;
    background:#efefef;
}

.page-list-article .page-list-entry-description .page-list-entry-readmore span,.page-list-event .page-list-entry-description .page-list-entry-readmore span {
    display:inline-block;
    position:absolute;
    right:0;
    bottom:0;
}

.page-list-article h2,.page-list-event h2,.page-list-article h4,.page-list-event h4 {
    color:#616c7a;
    margin:15px 0 5px;
}

.page-list-article {
    padding-top:0!important;
}

.page-list-event .page-list-entry {
    background-color:#8a9cae;
    margin-bottom:5px;
    color:#fff;
}

.page-list-event .page-list-entry-description .page-list-entry-readmore {
    background-color:#8a9cae;
}

.page-list-event .page-list-entry-date {
    text-align:right;
    padding:15px 0 5px;
}

.page-list-stacked-teaser .page-list-entry {
    white-space:normal;
    position:relative;
    background-color:transparent;
    padding-bottom:100px;
    margin-bottom:45px;
    color:#323232;
    min-height:250px;
}

.page-list-stacked-teaser .page-list-entry.page-list-entry-next {
    height:295px;
    font-size: 1.25em;
    line-height:0.9;
    position:relative;
}

.page-list-stacked-teaser .page-list-entry.page-list-entry-next .page-list-more {
    position:absolute;
    left:10%;
    top:50%;
    transform:translate(0%,-50%);
    border-radius:50%;
    background-color:#616c7a;
    width:100px;
    height:100px;
    font-size: 5em;
    line-height:1;
    text-align:center;
    color:#8a9cae;
    padding:13px 0 0 6px;
}

.page-list-stacked-teaser .page-list-thumbnail {
    background-color:#C6B790;
    width:100%;
    height:196.875px;
    overflow:hidden;
    background-position:center;
    background-size:cover;
}

.page-list-stacked-teaser .page-list-info {
    position:absolute;
    min-height:100px;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    padding:10px 10px 15px;
}

.page-list-stacked-teaser .scrolling-column {
    min-width:290px;
}

.page-list-stacked-teaser h5+h3 {
    margin-top:.3em;
    color:#323232;
}

.page-list-stacked-teaser h5,.page-list-stacked-teaser h3 {
    overflow:hidden;
    line-height:1;
    margin:0;
}

.layout-section-dark.page-list-stacked-teaser .page-list-entry.page-list-entry-next .page-list-more {
    color:#616c7a;
    background-color:#8a9cae;
}

.page-list-news .page-list-info {
    color:#efefef;
}

.page-list-news .page-list-info h4+h2 {
    margin-top:-.25em;
}

.page-list-news .page-list-info .page-list-entry-readmore {
    color:#8a9cae;
    text-align:right;
}

#searchResults .searchResult {
    border-top:2px solid #616c7a;
}

#searchResults .searchResult .search-result-thumbnail {
    overflow:hidden;
    max-height:270px;
    margin:-15px 0;
}

.share-this-page {
    display:inline-block;
    background-color:#616c7a;
    color:#8a9cae;
    padding:5px 20px;
}

.share-this-page ul {
    display:inline-block;
    list-style-type:none;
    margin:0;
    padding:0 0 0 10px;
}

.share-this-page ul li {
    display:inline-block;
    color:#fff;
    background-color:#8a9cae;
    padding:10px 20px;
}

.ccm-block-switch-language select {
    background-color:#efefef;
    color:#616c7a;
    border-radius:0;
    border:1.5px solid #616c7a;
    padding:5px 20px;
}

.ccm-block-switch-language img {
    height:1.4em;
    width:auto;
    border:1px solid #000;
    opacity:0.6;
    display:inline-block;
}

.ccm-block-switch-language a {
    vertical-align:text-top;
    display:inline-block;
    margin-right:10px;
    background-color:#fff;
    line-height:0;
    padding:0;
}

.ccm-block-switch-language a:hover img,.ccm-block-switch-language a.ccm-block-switch-language-active-flag img {
    opacity:1;
}

.tag-list-wrapper {
    margin-top:15px;
    margin-bottom:15px;
}

.tag-list-wrapper ul {
    display:inlline-block;
}


.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
    margin: 10px 15px;
}
.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.testimonial-wrapper {
    color:#8a9cae;
    font-family:'Work Sans', sans-serif;
    font-size: 2.5em;
    line-height:1.2;
    padding-bottom:40px;
}

.testimonial-wrapper .testimonial-paragraph:after {
    content:"“";
    display:inline;
    font-size:150%;
    line-height:0.5;
}

.testimonial-wrapper .testimonial-paragraph:before {
    content:"„";
    display:inline;
    font-size:150%;
    line-height:0.5;
}

.home-logo-wrapper .home-logo {
    position:absolute;
    left:10px;
    top:5px;
    width:275px;
    height:20px;
    z-index:300;
    background-size:contain;
}
.home-logo-wrapper .home-logo img {
    width:80%;
    margin: 10%;
    height:auto;
    opacity: .60;
}

@media screen and (min-width:1281px) {

    .home-logo-wrapper .home-logo {
        left: 25px;
        top: 25px;
        width: 250px;
    }
}

@media screen and (max-width:767px) {

    .home-logo-wrapper .home-logo {
        left: 3%;
        top: 10px;
        width: 130px;
    }
}

@media screen and (max-width:450px) {

    .home-logo-wrapper .home-logo {
        left: 10px;
        top: 10px;
        width: 90px;
    }
}

/****** Sticky *************************/

.vgp-main-navigation.sticky {
    position:fixed;
}
.sticky {
    position: fixed;
    /*  width: 100%; */
    left: 0;
    top: 0;
    z-index: 99;
    border-top: 0;
    padding: 0;
    background-color: transparent;
    /*    transition: all 350ms 0ms;
        transition-delay: 0ms; */

}
.wrapper {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.headerBar .wrapper {
    width: 1750px;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
.sticky .wrapper {
    /* width:100%; */
    width: 1120px;
    padding-right: 0px;
    padding-left: 0px;
}
.headerBarLogo {
    padding-top: 5px;
}
.sticky .headerBarLogo {
    /*  width: 225px;
      padding-left: 20px;*/
}
/*
.sticky .headerBarLogo .logo {
    padding: 2px 10px 7px 10px;
}

.sticky #mainMenu > li > a {
    padding: 5px 25px 5px 15px;
}
.sticky #mainMenu > li > a::before {
    right: 8px;
}
.sticky #mainMenu {
    padding: 10px 0;
}*/

/***************************************/

.sticky-wrapper {
    position:relative;
    z-index:100;
}

.sticky-wrapper.is-sticky section {
    background-color:#323232;
    color:#fff;
}

.sticky-wrapper section {
    transition:background-color .3s ease,color .3s ease;
    padding:20px 0 0;
}

.tag-list li {
    display:inline-block;
    color:#fff;
    background-color:#8a9cae;
    border-radius:4px;
    margin:0 20px 20px 0;
    padding:10px 20px;
}

.topic-list.topic-list-inline {
    display:inline-block;
    margin:0;
}

.topic-list li {
    display:inline-block;
    color:#fff;
    background-color:#8a9cae;
    margin:0 20px 20px 0;
    padding:10px 20px;
}

.topic-list-mobile {
    color:#fff;
    background-color:#8a9cae;
    cursor:pointer;
    display:none;
    margin:0 20px 20px 0;
    padding:10px 20px;
}

.clear_float:after,.clear_float:before {
    content:" ";
    display:table;
}

.clear_float:after {
    clear:both;
}

.pagination,.pager {
    display:inline-block;
    padding-left:0;
    border-radius:2px;
    margin:22px 0;
}

.pagination>li>span,.pager>li>span,.pagination>li>a,.pager>li>a {
    position:relative;
    float:left;
    line-height:1.42857143;
    text-decoration:none;
    color:#8a9cae;
    background-color:#fff;
    border:1px solid #ddd;
    margin-left:-1px;
    padding:8px 16px;
}

.pagination>li:first-child>a,.pager>li:first-child>a,.pagination>li:first-child>span,.pager>li:first-child>span {
    margin-left:0;
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
}

.pagination>li:last-child>a,.pager>li:last-child>a,.pagination>li:last-child>span,.pager>li:last-child>span {
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}

.pagination>li>a:hover,.pager>li>a:hover,.pagination>li>span:focus,.pager>li>span:focus,.pagination>li>span:hover,.pager>li>span:hover,.pagination>li>a:focus,.pager>li>a:focus {
    color:#616c7a;
    background-color:#efefef;
    border-color:#efefef;
}

.pagination>.active>a:focus,.pager>.active>a:focus,.pagination>.active>a:hover,.pager>.active>a:hover,.pagination>.active>span,.pager>.active>span,.pagination>.active>span:focus,.pager>.active>span:focus,.pagination>.active>span:hover,.pager>.active>span:hover,.pagination>.active>a,.pager>.active>a {
    z-index:2;
    color:#fff;
    background-color:#8a9cae;
    cursor:default;
    border-color:#8a9cae;
}

.pagination>.disabled>a:focus,.pager>.disabled>a:focus,.pagination>.disabled>a:hover,.pager>.disabled>a:hover,.pagination>.disabled>span,.pager>.disabled>span,.pagination>.disabled>span:focus,.pager>.disabled>span:focus,.pagination>.disabled>span:hover,.pager>.disabled>span:hover,.pagination>.disabled>a,.pager>.disabled>a {
    color:#777;
    background-color:#fff;
    cursor:not-allowed;
    border-color:#ddd;
}

.loading-spinner {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    color:#8AB04F;
    font-size: 2.5em;
}

.loading-spinner i {
    position:absolute;
    display:inline-block;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}


/*********** Form *************/

.form-group {
    text-align:left;
}

label {
    display:block;
}

input,button,select,textarea {
    font-family:'Work Sans', sans-serif;
    font-size: 1.125em;
    font-style:normal;
    font-weight:400;
    line-height:1.15;
    background-color:#fff;
    color:#616c7a;
    border:1px solid #8AB04F;
    margin-bottom:5px;
    padding:7px 10px;
}

.neos-nodetypes-form-form {
    clear: both;
    margin: 25px 25px 25px 0;
}
.neos-nodetypes-form-form fieldset label {
    width: 100%;
    float: left;
    font-weight: 400;
    padding-top: 5px;
}
.neos-nodetypes-form-form fieldset .input {
    width: 100%;
    float: left
}
.required {
    padding: 0 5px;
}

.neos-nodetypes-form-form fieldset input,
.neos-nodetypes-form-form fieldset button,
.neos-nodetypes-form-form fieldset select,
.neos-nodetypes-form-form fieldset textarea {
    font-family:'Work Sans', sans-serif;
    font-size: 1.125em;
    font-style:normal;
    font-weight:400;
    line-height:1.15;
    background-color:#F2FAEC;
    color:#5E687F;
    border:1px solid #8AB04F;
    border-radius: 5px;
    margin-bottom:5px;
    padding:8px 10px;
    width: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}
.neos-nodetypes-form-form fieldset textarea:focus,
.neos-nodetypes-form-form fieldset input:focus {
    background-color:#fff;
    border: 1px solid #678735
}
/*
input[type=text]:focus {
    background-color: lightblue;
} */
.neos-nodetypes-form-form fieldset input[type=checkbox] ,
input[type=checkbox] {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border:1px solid #8AB04F;
    margin-bottom: 15px;
}


.neos-nodetypes-form-form fieldset select {
    color:#1D1A12;
}

.form-navigation ul {
    list-style-type: none;
    margin-left:0;
    margin-top: 5px;
    padding: 0 0 0 0em;
}

.help-inline {
    clear:both;
    color: #C51212;
}

@media screen and (max-width:990px) {
    .neos-nodetypes-form-form fieldset input,
    .neos-nodetypes-form-form fieldset button,
    .neos-nodetypes-form-form fieldset select,
    .neos-nodetypes-form-form fieldset textarea {
        width: 80%;
    }
}
@media screen and (max-width:480px) {
    .neos-nodetypes-form-form fieldset input,
    .neos-nodetypes-form-form fieldset button,
    .neos-nodetypes-form-form fieldset select,
    .neos-nodetypes-form-form fieldset textarea {
        width: 100%;
    }
    .neos-nodetypes-form-form {
        margin: 25px 0;
    }
}

/******* Content-Elemente *******/

.kita {
    padding: 0.45em 0;
}
.kitaname h3 {
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    font-size: 1.375em;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: .5em 0 .5em;
    margin-top: 0;
    padding: 0.45em 0;
}
.kitapic {
    margin-bottom: 20px;
}
.kitapic.col-md-6,
.kitapic.col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0;
}
.kitadaten {
    padding-left: 5px;
}
.kitaOrt {
    font-style: normal;
    font-weight: 600;
    padding-bottom: 10px;
}
.icon-text {
    padding-bottom: 12px;
}
.kitaText,
.firmaText {
    padding-right: 10px;
}

.asp,
.firma {
    margin: 15px 0 15px 0;
    border-bottom: 1px solid #759248;
    padding-bottom: 20px;
}
.asp:last-of-type,
.firma:last-of-type {
    border-bottom: 0px solid #759248;
}
.asp.bm {
    margin: 15px 0 15px 0;
    border-bottom: 0px solid #759248;
    padding-bottom: 20px;
}
.asp,
.firma,
.asppic,
.firmapic {
    padding-right: 0;
    padding-left: 0;
}
.aspname,
.firmaname {
    margin-bottom: 10px;
}
.aspdaten,
.firmadaten {}
.aspname,
.firmaname {
    font-size: 1.25em;
    font-weight: 600;
    color: #759248;
}
.aspfunktion,
.firmafunktion,
.aspfon,
.firmatel,
.aspfax,
.firmafax,
.firmaadress,
.aspmail,
.firmaemail,
.firmaweb,
.aspzeit,
.firmazeit,
.firmaText {
    padding: 7px 0;
    clear:both;
}
@media screen and (max-width:767px) {
    .aspfunktion,
    .firmafunktion,
    .aspfon,
    .firmatel,
    .aspfax,
    .firmafax,
    .firmaadress,
    .aspmail,
    .firmaemail,
    .firmaweb,
    .aspzeit,
    .firmazeit,
    .firmaText {
        display: table-row;
    }
    .firmapic {
        margin-bottom: 10px;
    }
}


.icon {
    width: 30px;
    float:left;
}
.icon-text {
    float:left;
    width: calc(100% - 30px);
}
.fa-solid {
    font-family: Fontawesome;
    font-style: normal;
    /*   padding: 0 10px; */
    float: left;
}
.accordionFrame .fa-solid {
    padding: 0 10px;
}
.route {
    padding: 10px 0 0 0;
}

@media screen and (max-width:479px) {
    .accordionFrame .fa-solid {
        padding: 0 5px;
    }
    .accordion-heading {
        color: #fff;
        font-weight: 600;
        font-size: 1.1em;
    }
}

.aspdaten .fa-solid,
.firma .fa-solid {
    padding: 0 10px 0 0;
    height: 100%;
}
.page-list-news {
    padding-bottom: 50px;
}
.columns-66-33 .column:last-of-type .asppic,
.columns-66-33 .column:last-of-type .aspdaten,
.columns-66-33 .column:last-of-type .firmapic,
.columns-66-33 .column:last-of-type .firmadaten{
    width: 100%;
    margin-bottom: 15px;
}
.columns-66-33 .column:last-of-type .asp,
.columns-66-33 .column:last-of-type .firma {
    margin:15px 0 15px 0;
}
.columns-66-33 .column:last-of-type .asp.col-md-12,
.columns-66-33 .column:last-of-type .asp.col-sm-12,
.columns-66-33 .column:last-of-type .asp .col-md-5,
.columns-66-33 .column:last-of-type .asp .col-md-7,
.columns-66-33 .column:last-of-type .firma.col-md-12,
.columns-66-33 .column:last-of-type .firma.col-sm-12,
.columns-66-33 .column:last-of-type .firma .col-md-5,
.columns-66-33 .column:last-of-type .firma .col-md-7{
    padding: 0;
}

.trennlinie hr {
    /* border-top: 1px solid #8AB04F; */
    border: 0;
    height: 1px;
    background: #759248;
    margin: 20px 0;
}
.abstand {
    margin: 14px 0;
}
.abstand:after {
    clear:both;
}
.trennlinie.col-md-12,
.trennlinie.col-sm-12  {
    padding-right: 15px;
    padding-left: 0;
}


.youtube-video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.youtube-video-container::after {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.youtube-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************* Sortierung Vereine / Firmen ******/
.filtern {

}
.vereinsliste {

}
.vereinspic img {
    padding: 0 30px 30px;
}
.vereinsauswahl ul {
    list-style-type: none;
}
ul.vereinsliste li {
    width: 31.3333333%;
    margin-right: 2%;
    float:left;
    border: 1px solid #8ab04f;
    padding: 15px;
}
.filters {
    /*   border-top: 1px solid #888888; */
    /*  background-color: rgba(243,239,223,0.44); */
    padding: 0 0 25px 20px;
}
.filtern .neos-nodetypes-headline {
    padding: 0 0 20px 8px;
}
.filtern .neos-nodetypes-html {
    padding: 0 0 25px 20px;
}
.vereinsliste {
    padding: 5px 20px;
}

.content .vereinsliste h2 {
    font-size: 1.4em;
    color: #1e8e2e;
    line-height: 1.75em;
    font-weight: 400;
    padding: 1px 0 15px 0;
}
.vereinsliste {
    overflow: hidden;
    position: relative;
}
.vereinsliste .vereinslist {
    list-style-type: none;
    padding: 0;
}
.vereinsliste ul {
    list-style-type: none;
}
.vereinsliste ul, .vereinsliste ol {
    margin: 0 0 20px;
    padding: 0;
}
.vereinsliste .vereinslist li {
    margin: 0 0 12px;
    width: 100%;
}
.vereinsliste .vereinslist {
    list-style-type: none;
}
.vereinsliste .vereinslist li a {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #F3EFDF;
    border-bottom: 1px solid #1e8e2e;
    color: #424242;
    display: block;
    padding: 5px 30px 5px 10px;
    position: relative;
}
/*
.vereinsliste .vereinslist li a.hasdetails::after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 2em;
    line-height: 2.8em;
    align-items: center;
    background: #C5D4B6;
    color: #1e8e2e;
    content: " > ";
    height: 100%;
    padding: 0 .35em 0.25em .35em;
    position: absolute;
    right: 0;
    top: 0;
}
*/

/******/
.ui-group {margin-bottom: 10px;}
.filtern .button {
    width: auto;
    display: inline-block;
    padding: 0.35em .75em;
    background: #8AB04F;
    border: none;
    border-radius: 0;
    background-image: none;
    color: #FFF;
    font-size: 1.05em;
    cursor: pointer;
    text-align: left;
    border: 1px solid #1e8e2e;
}
.filtern h4 {
    margin-bottom: 5px;
}
.filtern .button:hover {
    color: #394A1E;
    border-bottom: 1px solid #1e8e2e;
}
.filtern .button:before {
    content:"\f0dA";
    font-family: Fontawesome;
    padding-right: 5px;
}

.filtern .button:active,
.filtern .button.is-checked {
    color: #394A1E;
}
.filtern .button.is-checked {
    color: #394A1E;
    border: 1px solid #000;
}

.filtern .button:active {
    color: #1e8e2e;
}
.filtern h4 {
    margin-bottom: 5px;
}
.filtern .button-group:after {
    content: '';
    display: block;
    clear: both;
}

.filtern .button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 5px;
}
/******************************/

.field-datetime input {
    width:auto;
}

.alert.alert-danger,.alert.alert-success {
    background-color:#8AB04F!important;
    color:#fff!important;
    border:0!important;
    margin:10px 0;
    padding:5px 10px;
}

footer input,footer button,footer select,footer textarea {
    background-color:#919190;
    margin-bottom:10px;
    color:#efefef;
    padding:5px 10px;
}

footer input.btn,footer button.btn,footer select.btn,footer textarea.btn {
    background-color:#efefef;
    color:#323232;
    padding:8px 10px;
}

footer.layout-section-black a img {
    max-width: 200px;
    opacity: .9;
}

.link-countdown {
    font-size:400%;
}

.scrolling-zone-wrapper .nav-prev,.scrolling-zone-wrapper .nav-next {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    display:inline-block;
    background-color:#8AB04F;
    color:#fff;
    line-height:1;
    cursor:pointer;
    padding:10px;
}

.scrolling-zone {
    overflow-x:hidden;
}

.scrolling-zone::-webkit-scrollbar {
    width:0!important;
}

.scrolling-zone .scrolling-column {
    display:inline-block;
    vertical-align:top;
    float:none;
}

.scrolling-zone .page-list-entry {
    margin-bottom:0;
}

.object-card {
    white-space:normal;
    max-width:400px;
}

.object-card.object-teaser {
    margin-bottom:10px;
}

.object-card.object-teaser i {
    position:absolute;
    right:10px;
    bottom:5px;
}

.object-card .object-card-tile {
    width:50%;
    height:100px;
    float:left;
    background-size:cover;
    background-position:center;
}

.object-card .object-card-description {
    background-color:#fff;
    color:#323232;
    overflow:hidden;
    position:relative;
    padding:5px 10px;
}

.lighttable-container .object-card {
    padding:10px;
}

.object-card-loader {
    color:#8AB04F;
    font-size:500%;
    text-align:center;
    margin:10px;
    padding:5px 10px;
}

.object-details-wrapper .object-details-background {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.object-details-wrapper .object-btn-next,.object-details-wrapper .object-btn-prev {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:#fff;
    font-size:400%;
    text-shadow:0 0 20px rgba(0,0,0,0.5);
    cursor:pointer;
}

.object-details-title {
    color:#fff;
    background-color:rgba(0,0,0,0.2);
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    font-size:150%;
    line-height:1;
    cursor:pointer;
    padding:20px 170px 20px 20px;
}

.object-details {
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden;
}

.object-details img {
    width:100%;
    height:auto;
    opacity:0;
}

.object-details .object-image-background {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-position:center;
    background-size:cover;
}

.object-details .object-image {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.object-details .object-image img {
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
}

.object-image-thumbnail {
    height:200px;
    margin:0 10px 10px 0;
}

.objects-filter-section {
    margin:auto;
    padding:20px 260px 30px;
}

.objects-filter-section input {
    margin-bottom:5px;
}

.objects-filter-section .objects-filter-title {
    display:inline-block;
    background-color:#616c7a;
    color:#efefef;
    margin:0 0 2px;
    padding:10px 20px;
}

.objects-filter-section .objects-filter-list .objects-filter-option {
    display:block;
    background-color:#616c7a;
    color:#efefef;
    margin:0 0 2px;
    padding:10px 20px;
}

.fontPresentation,.presentation-block {
    font-family:'Work Sans', sans-serif;
    font-size: 3.75em;
    font-style:normal;
    font-weight:100;
    line-height:0.9;
    text-transform:uppercase;
}

.fontStandard,.attribute-abstract .author,body,table,td,th {
    font-family:'Work Sans', sans-serif;
    font-size: 1em;
    font-style:normal;
    font-weight:300;
    line-height:1.35;
}

footer .neos-nodetypes-menu {
    margin-bottom: 25px;
}

footer .neos-nodetypes-menu ul li {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #000;
}
footer .neos-nodetypes-menu ul li ul li {
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
    color:#FBECCB;
    padding: 1px 0;
}
footer .neos-nodetypes-menu ul li ul {
    padding: 0 0 0 .5em;
}
footer .neos-nodetypes-menu ul li a {
    color: #fff;
}
footer .neos-nodetypes-menu ul li ul li a {
    color:#FBECCB;
}

footer .neos-nodetypes-menu ul li ul li:before {
    content:"»";
}

.vgp-main-navigation ul.first-level>li:first-child .second-level-container a:focus,
.vgp-main-navigation ul.first-level>li:first-child .second-level-container a:active,
.vgp-main-navigation ul.first-level>li:first-child+li+li .second-level-container a:focus,
.vgp-main-navigation ul.first-level>li:first-child+li+li .second-level-container a:active {
    color:#FBECCB;
    text-decoration:none;
}

.vgp-main-navigation ul.first-level>li:first-child+li .second-level-container {
    /*   border-top:1.0px solid #B1A019; */
    border-top:1px solid rgba(177,160,25,0.35);
}
.vgp-main-navigation ul.first-level>li:first-child+li+li .second-level-container {
    /*   border-top:1.0px solid #839128; */
    border-top:1px solid rgba(131,145,40,0.35);
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li .second-level-container {
    /*   border-top:1.0px solid #5B8336; */
    border-top:1px solid rgba(91,131,51,0.35);
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li .second-level-container {
    /*   border-top:1.0px solid #8AB04F; */
    border-top:1px solid rgba(60,120,64,0.35);
}
.vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li .second-level-container {
    /*  border-top:1.0px solid #346F35; */
    border-top:1px solid rgba(52,111,53,0.35);
}

.menuerweiter {

}
.menuerweiter p{
    width: 35%;
    max-width: 200px;
    margin: 0 7px 15px 15px;
    float:right;
    font-size: .8em;
}

@media screen and (max-width:990px) {
    .vgp-main-navigation .second-level {
        width: 100%;
    }
    .menuerweiter p{
        width: 46%;
        max-width: 225px;
        margin: 0 1% 15px 3%;
    }
}

.zweitesLevel.nav-sticky {
    position: fixed;
    top: 98px;
    /*   width: 100%; */
    width: 1140px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    z-index: 98;
    transition: all 350ms 0ms;
    transition-delay: 300ms;
}
@media screen and (min-width:768px) {
    .zweitesLevel.nav-sticky {
        width: 750px;
        top: 99px;
    }
    .sticky .wrapper {
        width: 750px;
        padding-right: 10px;
        padding-left: 10px;
    }
    #mainMenu {
        padding: 5px 0;
    }
    .nav-sticky .second-level-navigation li a {
        padding: 2px 15px;
    }
    #mainMenu > li .subLevelContainer .menuSublevel {
        width: calc(100% - 55px);
        margin-left: 20px;
    }
}
@media screen and (min-width:992px) {
    .zweitesLevel.nav-sticky {
        width: 970px;
        top: 103px;
    }
    .sticky .wrapper {
        width: 970px;
    }
    #mainMenu {
        padding: 7px 0;
    }
    .nav-sticky .second-level-navigation li a {
        padding: 0px 15px;
    }
    #mainMenu > li .subLevelContainer .menuSublevel {
        width: calc(100% - 215px);
        margin-left: 190px;
    }
}
@media screen and (min-width:1200px) {
    .zweitesLevel.nav-sticky {
        width: 1170px;
        top: 98px;
    }
    .sticky .wrapper {
        width: 1170px;
    }
    #mainMenu {
        padding: 27px 0;
    }
    .nav-sticky .second-level-navigation li a {
        padding: 4px 15px;
        line-height: 1.05em;
    }
    #mainMenu > li .subLevelContainer .menuSublevel {
        width: calc(100% - 225px);
        margin-left: 210px;
    }

}
@media screen and (max-width:767px) {
    .zweitesLevel.nav-sticky {
        position: fixed;
        top: 0px;
        left:0;
        width: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
        z-index: 999;
        transition: all 500ms 0ms;
        transition-delay: 100ms;
    }
}

.lightbox {
    min-width: 1px;
    min-height 1px;
    overflow: hidden;
    /*  margin-bottom: 15px; */
}
.lightbox a img {
    transition: ease-in 350ms 0ms;
    transition-delay: 50ms;
}
.lightbox:hover a img {
    transform: scale(1.05);
    transition: ease-out 350ms 0ms;
    transition-delay: 50ms;
}
.lightbox a{
    margin-bottom: 10px;
}

/* jQuery lightBox plugin - Gallery thumbnails styles */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#lightbox-container-image-data-box,
.gallery img {
    /* Revert to default box-sizing for the data-box and the images */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.gallery {
    background-color: #111;
    padding: 30px;
    width: 100%;
}
.gallery ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.gallery ul li { display: inline; }
.gallery ul img {
    border-style: solid;
    border-color: #444;
    border-width: 5px 5px 20px;
}
.gallery ul a {
    text-decoration: none;
}
.gallery ul a:hover img {
    border-color: #fff;
    color: #fff;
}

.gallery ul a:hover { color: #fff; }
.columns:before,
.columns:after {
    content: " ";
    display: table;
}
.columns:after {
    clear: both;
}
.columns {
    *zoom: 1;
    margin-left: -15px;
    margin-right: -15px;
}
.column {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

/****************** Contentelemente ***********************/

.vorschau33 {
    margin-bottom: 15px;
}
.vorschau33 .headline {
    background-color: #8AB04F;
    padding: 15px 20px;
    color: #fff;
}
.vorschau33 .vcontent {
    padding: 15px 10px;
    min-height: 115px;
}

.vorschau33 .vcontent a {
    /*    padding: 3px 7px;
        border-radius: 5px;
        background-color: #DBAE0B;
        color: #000; */
    color: #8AB04F;
}


.startnews .headline {
    margin-bottom: 20px;
}
@media screen and (max-width:990px) {
    .startnews img {
        margin-bottom: 15px;
    }
}

.vimeovideo .container {padding: 0 30px;}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 42.86%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

/**********************************************************/


header .header-key-visual .container,header .header-key-visual .row,.image-fullscreen div {
    height:100%;
}

header .header-key-visual .header-logo-container,header .header-minimal .header-logo-container,.ccm-image-slider-container,.home-logo-wrapper,.scrolling-zone-wrapper,.object-details-wrapper {
    position:relative;
}

.ccm-image-slider-container {
    /* background-color: #D2EBBB; */
    background-color: transparent;
    min-height: 300px;
    margin-top: 92px;
}
.rahmen .ccm-image-slider-container {
    min-height: 550px;
}

@media screen and (max-width:1200px) {

    .ccm-image-slider-container {
        min-height: 250px;
        margin-top: 102px;
    }
    .headerBar {
        top: -100px;
    }
    .headerBar.sticky {
        top:0px;
    }
}
@media screen and (max-width:767px) {

    .rahmen .ccm-image-slider-container {
        min-height: 355px;
    }
}
@media screen and (max-width:600px) {

    .rahmen .ccm-image-slider-container {
        min-height: 300px;
    }
}
@media screen and (max-width:540px) {

    .rahmen .ccm-image-slider-container {
        min-height: 280px;
    }
}
@media screen and (max-width:480px) {

    .ccm-image-slider-container {
        min-height: 500px;
        margin-top: 1px;
    }
    .rahmen .ccm-image-slider-container {
        min-height: 340px;
    }
}
@media screen and (max-width:420px) {
    .rahmen .ccm-image-slider-container {
        min-height: 320px;
    }
}
@media screen and (max-width:390px) {
    .rahmen .ccm-image-slider-container {
        min-height: 300px;
    }
}
@media screen and (max-width:355px) {
    .rahmen .ccm-image-slider-container {
        min-height: 275px;
    }
}

header .header-links ul li,footer .ccm-block-social-links,.tag-list.tag-list-inline {
    display:inline-block;
}

header .header-heading h3,header .header-heading h1 {
    margin:15px 0;
}

header.header-full-size .header-parent-name,.pagination>li,.pager>li,.objects-filter-section .objects-filter-list .objects-filter-option.selected .checked {
    display:inline;
}

header.header-full-size .header-parent-name-xs,span.sr-only,.scrolling-zone-wrapper .nav-hidden,.objects-filter-section .objects-filter-list .objects-filter-option .checked,.objects-filter-section .objects-filter-list .objects-filter-option.selected .not-checked {
    display:none;
}

footer .footer-navigation-wrapper,header .print-header {
    margin-bottom:15px;
}

footer .footer-navigation-wrapper ul li,.page-list-news .page-list-info h4 {
    color:#8a9cae;
}

footer .footer-navigation-wrapper ul li a,
.page-list-event .page-list-entry h2 a,
#searchResults .searchResult .pageLink,
.share-this-page ul li a,
.share-this-page ul li a:hover,
.share-this-page ul li a:visited,
.tag-list li a,
.topic-list li a,
.topic-list li a:visited,
.topic-list li a:hover {
    color:inherit;
}

footer .social-link-wrapper{
    text-align:left;
}

header .print-header .print-header-logo,.share-this-page-container,.tag-list-wrapper .col-md-12,.form-actions {
    text-align:right;
}

footer .social-link-wrapper a,.layout-section-light,.layout-section-white .ccm-block-feature-item {
    background-color:#efefef;
    color:#323232;
}

.layout-section-dark table,.layout-section-mid table {
    border:0px solid #fff;
}

tr:nth-child(odd) {
    background-color: #CBEBBB;
}
tr:nth-child(even) {
    background-color: #E0ECD5
}
thead tr:nth-child(odd) {
    background-color: #B1CDA3;
    border-top: 1px solid #8AB04F;
    border-bottom: 1px solid #8AB04F;
}
thead th {
    text-align: center;
    padding: 5px 12px;
}
tr > td {
    padding: 5px 12px;
    border-bottom: 1px solid #8AB04F;
    vertical-align: top;
}
figure.table {
    overflow-x:auto;
    padding-bottom: 10px;
}

.row {
    margin-right: 15px;
    margin-left: 15px;
}

#content .container.columns-33-66,
#content .container.columns-66-33,
#content .container.columns-33-50,
#content .container.columns-33-33-33,
#content .container.columns-25-50-25,
#content .container.columns-50-50,
#content .container.columns-75-25,
#content .container.columns-25-75{
    padding-left: 0px;
}

.layout-section-dark a,
.layout-section-dark a:hover,
.layout-section-dark a:visited,
.layout-section-dark a:active,
.layout-section-mid a,
.layout-section-mid a:hover,
.layout-section-mid a:visited,
.layout-section-mid a:active,
.page-list-event .page-list-entry a {
    color:#759248;
}

.layout-section-white table,input:focus,button:focus,select:focus,textarea:focus {
    border:1px solid #616c7a;
}

.autonav-subpage-navigation,.page-list-article .page-list-page-entry-thumbnail,.page-list-event .page-list-page-entry-thumbnail {
    overflow:hidden;
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,.layout-section-white .content-block-fancy-styles h1+h1,.layout-section-white .content-block-fancy-styles h2+h1,.layout-section-white .content-block-fancy-styles h3+h1,.layout-section-white .content-block-fancy-styles h4+h1,.layout-section-white .content-block-fancy-styles h5+h1,.layout-section-white .content-block-fancy-styles h6+h1,.layout-section-white .content-block-fancy-styles h1+h2,.layout-section-white .content-block-fancy-styles h2+h2,.layout-section-white .content-block-fancy-styles h3+h2,.layout-section-white .content-block-fancy-styles h4+h2,.layout-section-white .content-block-fancy-styles h5+h2,.layout-section-white .content-block-fancy-styles h6+h2,.layout-section-white .content-block-fancy-styles h1+h3,.layout-section-white .content-block-fancy-styles h2+h3,.layout-section-white .content-block-fancy-styles h3+h3,.layout-section-white .content-block-fancy-styles h4+h3,.layout-section-white .content-block-fancy-styles h5+h3,.layout-section-white .content-block-fancy-styles h6+h3,.layout-section-white .content-block-fancy-styles h1+h4,.layout-section-white .content-block-fancy-styles h2+h4,.layout-section-white .content-block-fancy-styles h3+h4,.layout-section-white .content-block-fancy-styles h4+h4,.layout-section-white .content-block-fancy-styles h5+h4,.layout-section-white .content-block-fancy-styles h6+h4,.layout-section-white .content-block-fancy-styles h1+h5,.layout-section-white .content-block-fancy-styles h2+h5,.layout-section-white .content-block-fancy-styles h3+h5,.layout-section-white .content-block-fancy-styles h4+h5,.layout-section-white .content-block-fancy-styles h5+h5,.layout-section-white .content-block-fancy-styles h6+h5,.layout-section-white .content-block-fancy-styles h1+h6,.layout-section-white .content-block-fancy-styles h2+h6,.layout-section-white .content-block-fancy-styles h3+h6,.layout-section-white .content-block-fancy-styles h4+h6,.layout-section-white .content-block-fancy-styles h5+h6,.layout-section-white .content-block-fancy-styles h6+h6,.page-list-article h4+h2,.page-list-event h4+h2,.page-list-event .page-list-entry-date h2 {
    margin-top:0;
}

.layout-section-white .block-file a,.object-card.object-card-category .object-card-description {
    background-color:#8AB04F;
    color:#fff;
}

.image-zoomable img,.image-content img,.page-list-news img,input[type=text],input[type=email],input[type=tel],textarea,.object-card img,.object-details-container {
    max-width:100%;
}

.page-list-article .page-list-page-entry-thumbnail img,.page-list-event .page-list-page-entry-thumbnail img,#searchResults .searchResult .search-result-thumbnail img {
    max-width:100%;
    height:auto;
}

.page-list-article .author,.page-list-event .author,.scrolling-zone .page-list-pages,.scrolling-zone .scrolling-row,.object-card.object-card-category {
    white-space:nowrap;
}

.page-list-event .page-list-entry h2,.page-list-news .page-list-info h2 {
    color:#fff;
}

.ccm-block-switch-language,footer label {
    font-size:70%;
}

.testimonial-wrapper .testimonial-name,.testimonial-wrapper .testimonial-position {
    font-size: 1.25em;
    line-height:1.35;
    text-align:right;
}

.tag-list,.topic-list,.objects-filter-section .objects-filter-list {
    list-style-type:none;
    margin:0;
    padding:0;
}

.tag-list.tag-list-inline li,.topic-list.topic-list-inline li {
    padding:5px 10px;
}

.tag-list li.tag-list-tag-selected a:after,.topic-list li.topic-list-topic-selected a:after {
    content:"\f00d";
    font-family: Fontawesome;
    padding-left:1em;
}

.scrolling-zone-wrapper .nav-prev,.object-details-wrapper .object-btn-prev {
    left:0;
}

.scrolling-zone-wrapper .nav-next,.object-details-wrapper .object-btn-next {
    right:0;
}

.green .neos-nodetypes-headline h1 {
    font-size: 2.25em;
    padding: 40px 0 25px 0;
    line-height: 1.25em;
    font-weight: 600;
}
.fadeInUp {
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.learn-btn {
    display:none;
}
.teasertitel {
    width: 100%;
    padding: 1px 0;
    display:inline-block;
}
.Kalenderteasertitel .col-lg-12,
.teasertitel .col-lg-8{
    padding-left: 0;
}
.news {
    background: url("../Images/hg_news.jpg") 50% 0 no-repeat fixed;
}
.eventseite {
    background: url("../Images/hg_event.jpg") 50% 0 no-repeat fixed;
}
@media all and (min-width:768px) {
    .news, .eventseite {
        background-size: cover;
    }
}
@media screen and (max-width: 767px) {
    .news,
    .eventseite {
        background-position: center 65px;
        background-size: contain;
    }
}
.newsDate {
    width: 100%;
    padding: 10px 0;
    font-size: 0.85em;
    color: #6d6b6b;
}
.MyNewsLatestItem .newsDate {
    padding: 5px 0;
    font-size: 0.75em;
    color: #6d6b6b;
}
.newsTeaser {
    padding: 5px 0 15px 0;
    font-size: 1em;
    font-style:italic;
}
.teaserbild img,
.newsBild img {
    width: 100%;
    height:auto;
}
.MyNewsLatestItem .newsTeaser {
    padding: 5px 0 15px 0;
    font-size: 1em;
    font-style:normal;
}
.newsBack {
    padding: 5px 0;
    font-size: 0.9em;
}
.newsBack a:hover {
    text-decoration: none;
}
.contentNews {
    border-bottom: 1px solid #8AB04F;
}
.newsKategorie {
    width: 100%;
    padding: 10px 0;
    font-size: 0.85em;
    color: #6d6b6b;
}

.NewsKategorieListe .col-lg-2.newsBild{
    padding-left: 0px;
}
.KalenderKategorieListe ul,
ul.MyNewsLatestList,
ul.MyCalLatestList,
.NewsKategorieListe ul {
    list-style-type: none;
    padding: 0;
    margin-right: 15px;
}
.NewsKategorieListe ul li a div.col-xs-12.col-lg-2.col-xl-2.newsBild:empty {
    width: 0;
    padding-right: 0;
}
li.MyNewsLatestItem,
.NewsKategorieListe ul li {
    width: 100%;
    float:left;
    padding: 20px;
    margin: 0 15px 20px 0;
    border: 1px solid #8AB04F;
}
li.MyNewsLatestItem {
    width: 31.333333%;
    margin: 5px 2% 20px 0;
    border: 1px solid #8AB04F;
    box-shadow: 2px 2px 5px #999999;
}
.MyNewsLatestItem h3,
.NewsKategorieListe h3 {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.35em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: 0.05em 0;
    padding: 0.05em 0 .75em 0;
    padding-bottom: 0.05em;
}
.KalenderKategorieListe a:hover,
.MyNewsLatestList a:hover,
.NewsKategorieListe a:hover{
    text-decoration: none;
}
.NewsKategorieListe .newsDate {
    width: 100%;
    padding: 0;
    font-size: 0.8em;
    color: #6d6b6b;
}
.NewsKategorieListe .newsBild {
    float:left;
}
.NewsKategorieListe .newsTeaser {
    font-size: 1em;
    font-style:normal;
    float:Left;
}
.MyCalLatestItem .KalenderDate,
.KalenderKategorieListe .KalenderDate,
.MyNewsLatestList .teaserText,
.NewsKategorieListe .teaserText {
    color: #27282A;
}
.NewsKategorieListe .mehr {
    margin-top: 20px;
}
.mehr div {
    float:left;
    max-width: 90%;
}

.startseite ul.MyNewsLatestList {
    align-items: stretch !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    display: flex !important;
    box-sizing: border-box;
}
.startseite li.MyNewsLatestItem {
    flex-basis: 31.3333%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
/*
.startseite .MyNewsLatestItem a {
    display:flex;
}
*/
.startseite .teaserhead {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
/*
.startseite .teaserpic {
    margin-bottom: 10px;
}
.startseite .teaserbottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;

} */
.MyNewsLatestList .col-lg-2,
.MyNewsLatestList .col-lg-9 {
    width: 100%;
    padding: 0 0 10px 0;
}
.KalenderContent {
    clear:both;
    margin-top: 15px;
}
.KalenderShort {
    display: inline-block;
    border: 1px solid #8AB04F;
    box-shadow: 2px 2px 5px #999999;
    margin-bottom: 15px;
    width: 100%;
}
.KalenderShort .KalenderDate {
    float:left;
    width: 180px;
    padding: 0.9375em;
    border-bottom: 0;
}
.KalenderShort .KalenderBild {
    float:left;
    display: inline-block;
    width: 170px;
    height: 170px;
    overflow:hidden;
    max-width: 100%;
}
.KalenderShort .KalenderInhalt {
    float:left;
    padding: 0.9375em;
    width: calc(100% - (180px + 170px));
}
.KalenderShort .KalenderOrt {
    width: 100%;
    border-bottom: 1px solid #8AB04F;
}
.KalenderShort .KalenderTitel {
    width: 100%;
}
.event-date-block {
    position: relative;
    display: flex;
    flex-direction: column;
}
.event-date-block,
.event-time {
    margin-left: 45px;
    margin-right: 0;
    margin-bottom: 0.375rem;
}
.event-date-block .event-weekday {
    width: auto;
}
.event-date-block .event-day {
    position: absolute;
    top: -4px;
    left: -2.9175rem;
    font-size: 1.75em;
}

li.MyNewsLatestItem,
.KalenderShort {
    background-color: #FAFDF7;
}
ul.Pagination  {
    list-style-type: none;
    padding-bottom: 20px;
}
.Pagination li {
    float:left;
    width: 15px;
    padding-right: 5px;
}
.Pagination-item.isCurrent a {
    color: #27282A;
}
.Pagination-item a {
    text-decoration: none;
}
.startseite .Pagination {
    display:none;
}
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(4),
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(5),
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(6),
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(7),
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(8),
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(9),
.startseite .MyCalLatestList li.MyCalLatestItem:nth-child(10){
    display:none;
}
@media screen and (min-width:768px) {
    .accordion-group .panel li.MyNewsLatestItem,
    .accordion-group .panel li.MyCalLatestList{
        width: 100%;
        margin: 0 0 20px 0;
        border: 1px solid #8AB04F;
        position: relative;
        display: block;
        background-color: #fff;
    }
    .panel .accordion-inner {
        padding: 5px 0 0 10px;
    }
    .accordion-group .panel li.MyNewsLatestItem:last-of-type,
    .accordion-group .panel li.MyCalLatestList:last-of-type {
        margin: 10px .5% 30px 1%;
    }
    .accordion-group .panel li.MyNewsLatestItem .newsBild {
        min-width: 20%;
        width: 20%;
        position: absolute;
        left: 10px;
        top: 10px;
        margin-bottom: 10px;
    }
    .accordion-group .panel li.MyNewsLatestItem .newsDate,
    .accordion-group .panel li.MyNewsLatestItem h3,
    .accordion-group .panel li.MyNewsLatestItem .newsTeaser {
        min-width: 99%;
        width: 99%;
        padding-left:  calc(20% + 10px);
    }
}
@media screen and (max-width:767px) {
    li.MyNewsLatestItem,
    .startseite li.MyNewsLatestItem,
    li.MyCalLatestItem {
        width: 98.5%;
        margin: 0 0 20px 1.5%;
    }
    .KalenderShort .KalenderDate {
        width: 50%;
        padding: 0.9375em;
    }
    .KalenderShort .KalenderBild {
        width: 40%;
        height: auto;
        margin: 5%;
    }
    .KalenderShort .KalenderInhalt {
        float:left;
        padding: 0.9375em;
        width: calc(100% - 1px);
    }
    .startseite li.MyNewsLatestItem {
        flex-basis: 98.5%;
    }
}

.weiter i {color:#759248; margin-right: 5px; margin-top: 2px;}
.weiter i,
.weiter div,
.weitertext { float:left;}
.weitertext div { float:left;}
h1, .h1,
.teaser .neos-nodetypes-headline h1 {
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    color:#759248;
    font-size: 2.25em;
    line-height: 1.25em;
    margin: .05em 0 .35em 0;
}
h2, .h2,
.teaser .neos-nodetypes-headline h2 {
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    color:#759248;
    font-size: 1.75em;
    line-height: 1.25em;
}
h3, .h3,
.teaser .neos-nodetypes-headline h3 {
    font-family: 'Oswald', arial, helvetica, verdana, sans-serif;
    color:#759248;
    font-size: 1.35em;
    line-height: 1.25em;
}
.headliner h1,
.headliner h2,
.headliner h3 {
    color:#1E201A;
}
.headliner .col-sm-12 {
    padding-left: 0;
}

@media screen and (min-width:769px) {

    .learn-btn {
        position:absolute;
        width:45px;
        height:45px;
        top:58%;
        left:50%;
        margin-left: -25px; /* Breite des Elemtens + Padding */
        display: inline-block;
        padding: 6px 7px;
        color: #fff;
        border: 2px solid rgba(255,255,255,0.5);
        border-radius: 50%;
    }
    a.learn-btn i {
        color: #fff;
        font-size: 1.5em;
        opacity: 0.5;
        transition: .75s;
    }
    a.learn-btn i:hover {
        transform:scale(1.2);
        transition: .75s;
    }

    .vgp-main-navigation ul.first-level>li:first-child,
    .tag-list li.tag-list-tag-selected,
    .topic-list li.topic-list-topic-selected {
        width: 60%;
    }
    .vgp-main-navigation ul.first-level>li:first-child+li {
        width: 70%;
    }
    .vgp-main-navigation ul.first-level>li:first-child+li+li {
        width: 80%;
    }
    .vgp-main-navigation ul.first-level>li:first-child+li+li+li {
        width: 90%;
    }
    .vgp-main-navigation ul.first-level>li:first-child+li+li+li+li {
        width: 100%;
    }
    .vgp-main-navigation ul.first-level>li:first-child+li+li+li+li+li {
        width: 100%;
    }
    .vgp-main-navigation ul.first-level > li:first-child, .tag-list li.tag-list-tag-selected, .topic-list li.topic-list-topic-selected {
        background-color: transparent;
        background: -webkit-linear-gradient(left,rgba(220, 241, 207,0.01) 0%,rgba(220, 241, 207,1.0) 40%); /*Safari 5.1-6*/
        background: -o-linear-gradient(right,rgba(220, 241, 207,0.01) 0%,rgba(220, 241, 207,1.0) 40%)%; /*Opera 11.1-12*/
        background: -moz-linear-gradient(right,rgba(220, 241, 207,0.01) 0%,rgba(220, 241, 207,1.0) 40%); /*Fx 3.6-15*/
        background: linear-gradient(to right, rgba(220, 241, 207,0.01) 0%, rgba(220, 241, 207,1.0) 40%); /*Standard*/
    }
    .vgp-main-navigation ul.first-level>li:first-child+li {
        background-color: transparent;
        background: -webkit-linear-gradient(left,rgba(210, 235, 187,0.01) 0%,rgba(210, 235, 187,1.0) 40%); /*Safari 5.1-6*/
        background: -o-linear-gradient(right,rgba(210, 235, 187,0.01) 0%,rgba(210, 235, 187,1.0) 40%)%; /*Opera 11.1-12*/
        background: -moz-linear-gradient(right,rgba(210, 235, 187,0.01) 0%,rgba(210, 235, 187,1.0) 40%); /*Fx 3.6-15*/
        background: linear-gradient(to right, rgba(210, 235, 187,0.01) 0%, rgba(210, 235, 187,1.0) 40%); /*Standard*/
    }
    .vgp-main-navigation.startseite ul.first-level>li:first-child+li {
        background-color: transparent;
        background: -webkit-linear-gradient(left,rgba(190, 213, 155,0.01) 0%,rgba(190, 213, 155,1.0) 40%); /*Safari 5.1-6*/
        background: -o-linear-gradient(right,rgba(190, 213, 155,0.01) 0%,rgba(190, 213, 155,1.0) 40%)%; /*Opera 11.1-12*/
        background: -moz-linear-gradient(right,rgba(190, 213, 155,0.01) 0%,rgba(190, 213, 155,1.0) 40%); /*Fx 3.6-15*/
        background: linear-gradient(to right, rgba(190, 213, 155,0.01) 0%, rgba(190, 213, 155,1.0) 40%); /*Standard*/
    }
    .vgp-main-navigation ul.first-level>li:first-child+li+li {
        background-color: transparent;
        background: -webkit-linear-gradient(left,rgba(165, 196, 117,0.01) 0%,rgba(165, 196, 117,1.0) 40%); /*Safari 5.1-6*/
        background: -o-linear-gradient(right,rgba(165, 196, 117,0.01) 0%,rgba(165, 196, 117,1.0) 40%)%; /*Opera 11.1-12*/
        background: -moz-linear-gradient(right,rgba(165, 196, 117,0.01) 0%,rgba(165, 196, 117,1.0) 40%); /*Fx 3.6-15*/
        background: linear-gradient(to right, rgba(165, 196, 117,0.01) 0%, rgba(165, 196, 117,1.0) 40%); /*Standard*/
    }
    .vgp-main-navigation ul.first-level>li:first-child+li+li+li {
        background-color: transparent;
        background: -webkit-linear-gradient(left,rgba(138,176,79,0.01) 0%,rgba(138,176,79,1.0) 40%); /*Safari 5.1-6*/
        background: -o-linear-gradient(right,rgba(138,176,79,0.01) 0%,rgba(138,176,79,1.0) 40%)%; /*Opera 11.1-12*/
        background: -moz-linear-gradient(right,rgba(138,176,79,0.01) 0%,rgba(138,176,79,1.0) 40%); /*Fx 3.6-15*/
        background: linear-gradient(to right, rgba(138,176,79,0.01) 0%, rgba(138,176,79,1.0) 40%); /*Standard*/
    }

    /* ausgeklappte Navi (dunkler HG) */

    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child,
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li,
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li+li,
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li+li+li,
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li+li+li+li,
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li+li+li+li+li {
        width: 100%;
    }
    .vgp-main-navigation.visible-navigation ul.first-level > li:first-child, .tag-list li.tag-list-tag-selected, .topic-list li.topic-list-topic-selected {
        background-color:#DEF1CF;
    }
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li {
        background-color:#D2EBBB;
    }
    .vgp-main-navigation.visible-navigation.startseite ul.first-level>li:first-child+li {
        background-color:#BED59B;
    }
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li+li {
        background-color:#A5C475;
    }
    .vgp-main-navigation.visible-navigation ul.first-level>li:first-child+li+li+li {
        background-color:#8AB04F;
    }

}


/***** Suche *****/

.headerBarSearch {
    width: 90px;
    display:none;
}
.headerBarSearch .search-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 98px;
    background-color: #8AB04F;
    transition: all 350ms ease-in-out 0ms;
}
.headerBarSearch .fa {
    font-weight: 900;
    font-size: 1.35em;
}
.headerBarSearch a {
    color: #fff;
}


#search {
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}
#search input {
    position: absolute;
    top: 50%;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, 0);
    font-size: 3em;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .main-button {
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    border-radius: 20px;
    font-size: 1.25em;
    font-weight: 600;
    padding: 11px 25px;
    letter-spacing: 1px;
    transform: translateX(-15%);
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    background-color: #8AB04F;
    border: black;
}
#search .close {
    border-radius: 50%;
    position: fixed;
    top: 15px;
    right: 25px;
    color: #fff;
    background-color: transparent;
    outline: none;
    opacity: 1;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 2em;
    font-size: 3em;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}
.search-results hr {
    border-top: 1px solid #8AB04F;
}
.flowpack-simplesearch-search button {
    background-color: #8AB04F;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 15px;
}
.search-results dt {
    font-size: 1.25em;
    font-weight: 400;
    padding: 0 0 10px 0;
}

@media screen and (max-width:767px) {
    .headerBarSearch {
        position: fixed;
        right: -1px;
        top: 30px;
        transition: top .75s,height .5s ease .25s;
        display: inline-block;
        line-height: 1em;
        font-size: 1.15em;
        background-color: #65813a;
        color: #fff;
        cursor: pointer;
        padding: 15px 15px;
        border-radius: 15px 0 0 15px;
        border: 1px solid #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        z-index: 999;
        width: 65px;
        display:none;
    }
    .headerBarSearch .search-icon{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: transparent;
        transition: all 350ms ease-in-out 0ms;
    }
    .headerBarSearch .fa {
        font-weight: 900;
        font-size: 0.9em;
    }
    .vgp-main-navigation .headerBarSearch  a {
        padding: 10px 10px 10px 10px;
    }
    #search input {
        font-size: 1.75em;
        font-weight: 300;
        text-align: center;
    }
    #search .close {
        top: 15px;
        right: 10px;
    }
}

/*****************/

.neos-nodetypes-navigation-navigation ul {
    list-style-type: none;
    margin-bottom: 30px;
}
.neos-nodetypes-navigation-navigation ul li {
    clear:both;
    display: block;
    border-bottom: 1px dotted #225908;
    padding: 10px 0;
}
.neos-nodetypes-navigation-navigation ul li:first-of-type {
    padding: 0 0 10px 0;
}
.neos-nodetypes-navigation-navigation ul li:last-of-type {
    border-bottom: 0px dotted #225908;
}
.neos-nodetypes-navigation-navigation ul li a,
.neos-nodetypes-navigation-navigation ul li a:link,
.neos-nodetypes-navigation-navigation ul li a:visited {
    color: #225908;
    padding-left: 5px;
}
.neos-nodetypes-navigation-navigation ul li.current a,
.neos-nodetypes-navigation-navigation ul li.current a:link,
.neos-nodetypes-navigation-navigation ul li.current a:visited,
.neos-nodetypes-navigation-navigation ul li.active a,
.neos-nodetypes-navigation-navigation ul li.active a:link,
.neos-nodetypes-navigation-navigation ul li.active a:visited {
    color: #000;
}
.neos-nodetypes-navigation-navigation ul li a:hover {
    color: #8AB04F;
    text-decoration: none;
}
.neos-nodetypes-navigation-navigation ul li a::before {
    content: '\f0da';
    transition: all 350ms ease-in-out 0ms;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    color: #225908;
    left: 15px;
    position: absolute;
}
.neos-nodetypes-navigation-navigation ul li.current a::before,
.neos-nodetypes-navigation-navigation ul li.active a::before {
    color: #000;
}

/*********************************************************************************/
/* Accordion                                                                     */
/*********************************************************************************/

/*
#features .accordion-group i{background:none repeat scroll 0 0 #fff;border: none;border-radius:0px;box-shadow:box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0) inset;color:#000;display:inline-block;font-size:1.05em;height:10px;line-height:10px;text-align:left;width:100%;}
#features .accordion-grouph2{font-size:1.1em;font-weight:700;margin:1.25em 0;line-height:1.75em;}
*/
.accordionFrame {
    position: relative;
    clear:both;
    margin: 0px 20px 20px 0px;
}
.transition, p, ul li i:before, ul li i:after {
    transition: all 0.25s ease-in-out;
}

.accordionFrame h1, .accordionFrame h2 {
    color: #222222;
    margin: 20px 5px;
}

.accordionFrame h1 {
    /* text-transform: uppercase; */
    font-size: 1em;
    line-height: 1.25em;
    /* letter-spacing: 2px; */
    color: #47A940;
    font-weight: 100;
    cursor: pointer;
}

.accordionFrame h2 {
    font-size: 1.05em;
    line-height: 1.5em;
    font-weight: 100;
    display: block;
    color: #444444;
    margin: 0;
    cursor: pointer;
}
.accordionFrame p {
    clear:both;
    /* color: rgba(48, 69, 92, 0.8);
     font-size: 0.875em;
     line-height: 1.625em;
     letter-spacing: 1px;       */
    position: relative;
    overflow: hidden;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 5px;
    z-index: 2;
}
.accordion-heading i {
    font-weight: 400;
    max-width: 10%;
}
.accordion-headline {
    width:90%;
    float:left;
}
.accordionFrame .accordion-heading a {
    color: #444;
    text-decoration: none;
    font-size: 1.05em;
    display:block;
    font-weight: 400;
}
.accordionFrame img {
    max-width: 100%;
    height: auto;
    padding: 5px;
}
.accordionFrame .slidercarousel {
    clear:both;
}
.accordionFrame .carousel-inner img {
    padding: 0;
}
.accordionFrame em {
    font-style: italic;
    font-size: 1.0em;
}
.accordion-inner .container {
    padding-left: 0;
}

.accordion-inner .neos-nodetypes-text,
.accordion-inner .neos-nodetypes-textwithimage,
.accordion-inner .neos-nodetypes-headline {
    padding: 15px 5px;
}
.accordion-inner .teaserpic {
    height: auto;
    display: table-cell;
    min-height: 1px;
    padding-bottom: 15px;
}


.accordion-group {
    padding: 0;
    margin: 0 0 10px 0;
    height: auto;
    width: 100%;
    float:left;
    margin-right: 2%;
    border: 1px solid #759248;
    background-color: #e7f5dc;
}
.accordion-group:last-of-type {
    margin-bottom:25px;
}
.content.starts .neos-nodetypes-contentreferences .accordion-group .accordion-heading {
    display:none;
}
.content.starts .neos-nodetypes-contentreferences .accordion-group .collapse {
    display: block;
}

.neos-backend .accordion-group {
    width: 100%;
    float:left;
    margin-right: 0%;
}

.accordion {
    background-color: #8AB04F;
    color: #000;
    cursor: pointer;
    padding: 10px 15px 10px 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}
.accordion-heading {
    color:#fff;
    font-weight: 600;
    font-size: 1.125em;
}
button.accordion {
    margin-bottom: 0;
}
.accordion.active i {
    transform:rotate(91deg)
}
.accordion:hover {
    background-color: #789944;
}
.panel {
    padding: 0 10px 0 20px;
    background-color: #ffffff; /* #e7f5dc */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 0;
    border: 0px solid transparent;
}
.panel .accordion-inner {
    float:left;
    height: auto;
    width: 100%;
    padding: 5px 10px 0 0;
}
.panel .accordion-inner .carousel {margin: 20px 10px 0 0;}

.neos-backend .accordion-group .panel {
    min-height: 100px;
}

.accordionFrame .accordion-inner .neos-nodetypes-html-html a {
    max-width: 70px;
}
.accordionFrame .accordion-inner .neos-nodetypes-html-html a img {
    max-width: 60px;
    float:left;
}

@media screen and (max-width:1020px) {
    .accordion-group {
        width: 100%;
        float:left;
    }
}

@media screen and (max-width:680px) {
    .accordion-group {
        width: 100%;
        float:left;
        margin-right: 0%;
    }
    .panel {
        padding: 0 10px;
    }
    .asp {
        clear:both;
        height: auto;
    }
    .icon {
        width: 25px;
        float: left;
    }
    .aspdaten .fa-solid,
    .firma .fa-solid {
        padding: 0 5px 0 0;
        height: 100%;
    }
    .aspdaten {
        display:table;
    }
    .aspname,
    .firmaname {
        text-align: left;
        margin-bottom: 10px;
    }
    .accordionFrame {
        position: relative;
        clear:both;
        margin: 0 0 20px 0;
    }
    .accordionFrame .asppic {
        padding: 10px 20px 20px 20px;
    }
    .accordion-group:last-of-type {
        margin-bottom:5px;
    }
}

.style__notInlineEditableOverlay___9Lzv1 {
    background: none;
    background-image: none;
}
.download {
    padding: 12px 0;
    border-bottom: 1px solid #759248;
}
.download:last-of-type {
    border-bottom: 0px solid #759248;
}
.downloadpic {}
.downloaddaten {}
.downloadtext {
    padding: 5px 0;
}
.columns-50-50 .column .downloadpic,
.columns-66-33 .column .downloadpic {
    padding-left: 0px;
}
.download .fa-solid {
    font-size: 1.375em;
}
.accordion-group:after {
    content:".";
    display:block;
    height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.accordion-toggle {
    /*padding-left: 0.5em; */
}
.accordionFrame .accordion-toggle i {
    margin-right: 1em;
    font-size: 85%;
}
.accordionFrame .toggle-open i {
    transform: rotate(90deg);
}



/***********************************/

.neos-nodetypes-headline {
    clear:both;
}
.columns-4-8  .accordion {
    position: relative;
    clear: both;
    margin: 0 20px 20px 0;
}
.columns-4-8 .accordion-heading {
    margin: 0 0;
    background-color: transparent;
    color: #27282A;
    padding: 0 0 10px 0;
}
.columns-4-8 .accordion-toggle {
    padding-left: 0;
}
.columns-4-8  .accordion .accordion-heading a {
    color: #1e8e2e;
    text-decoration: none;
    font-size: 1.05em;
    display: block;
    font-weight: 400;
}
.columns-4-8 .accordion i {
    display:none;
}
.accordion .accordion-toggle i {
    margin-right: 1em;
    font-size: 85%;
    transform: rotate(-90deg);
}
.accordion .collapsed i {
    transform: rotate(90deg);
}


.event {
    clear:both;
    float:left;
    margin: 10px 0;
    width: 100%;
}

.eventdate {

}
.eventtime {
    float:left;
    width: 20% !important;
}
.eventtext {
    float:left;
    width: 80% !important;
}
.eventpic {

}

/******* Columns ******/

.container.columns-50-50 {
    padding-right: 0px;
    padding-left: 0px;
}
.container.columns-50-50:after {
    clear:both;
}
.neos-nodetypes-text {clear:both;}
.column img{width:100%;height:auto;}
.columns-33-33-33 .column{width:33.3333333333%;float:left;}
.columns-33-33-33 .column{padding:0 10px;}
.columns-33-33-33 .column .neos-nodetypes-image,
.columns-33-33-33 .column .neos-nodetypes-text,
.columns-33-33-33 .column .neos-nodetypes-headline{}
.columns-50-50 {clear:both;max-width:100%;}
.columns-50-50 .column {width:50%;}
/*.columns-50-50 .column:first-of-type {float:left;padding:15px 15px 15px 0;}
.columns-50-50 .column:last-of-type {float:left;padding:15px 0 15px 15px;}*/

.columns-50-50 .columns-50-50 .column:first-of-type {float:left;padding:15px 5px 15px 0;}
.columns-50-50 .columns-50-50 .column:last-of-type {float:left;padding:15px 0 15px 5px;}
.columns-50-50 .columns-50-50 .column img {padding:0 0 10px 0;}

.columns-50-50 .neos-nodetypes-textwithimage figure,
.columns-50-50 .neos-nodetypes-textwithimage div{float:left;width:45%;margin-right:5%;}
.columns-33-33-33{position:relative;float:left;width:100%;max-width:100%;}
.columns-33-33-33 .column{position:relative;float:left;min-height:1px;width:33.33333333%;}
.columns-33-33-33 .columns-50-50 .column{position:relative;float:left;min-height:1px;width:50.0%;}

.columns-75-25,
.columns-25-75,
.columns-66-33,
.columns-33-66 {clear:both;max-width:100%;}

.columns-25-25-25-25 .column {width:25%;padding: 0 2%;}

.columns-66-33 .column:first-of-type{position:relative;float:left;min-height:1px;width:66.66666666%;padding-left: 0px;}
.columns-66-33 .column:last-of-type{position:relative;float:left;min-height:1px;padding:1px 15px 1px 15px;width:33.33333333%;}
#content .columns-66-33 .column:last-of-type .neos-nodetypes-navigation-navigation {padding-left: 7px;}
#content .columns-66-33 .column:last-of-type .neos-nodetypes-navigation-navigation ul li a::before {left: 22px;}
.columns-33-66 .column:first-of-type{position:relative;float:left;min-height:1px;padding:1px 15px 1px 0;width:33.33333333%;padding-left: 0px;}
.columns-33-66 .column:last-of-type{position:relative;float:left;min-height:1px;padding:1px 0 1px 15px;width:66.66666666%;}
.columns-75-25 .column:first-of-type{position:relative;float:left;min-height:1px;padding:1px 15px 1px 0;width:75%;padding-left: 0px;}
.columns-25-75 .column:first-of-type{position:relative;float:left;min-height:1px;padding:1px 15px 1px 0;width:25%;padding-left: 0px;}
.columns-75-25 .column:last-of-type{position:relative;float:left;min-height:1px;padding:1px 0 1px 15px;width:25%;}
.columns-25-75 .column:last-of-type{position:relative;float:left;min-height:1px;padding:1px 0 1px 15px;width:75%;}

.columns-25-25-25-25 .column{position:relative;float:left;min-height:1px;padding:1px 1px;width:25%;}
.accordion-inner .columns-25-25-25-25 .column{position:relative;float:left;min-height:1px;padding:1px 1px;width:24.5%;}
.columns-50-50 .neos-nodetypes-image > figure,
.columns-66-33 .neos-nodetypes-image > figure{margin-bottom:20px;}
.columns-50-50 .columns-50-50 .neos-nodetypes-image > figure{margin-bottom:-20px;}
.columns-33-33-33 .neos-nodetypes-textwithimage > figure,
.columns-33-33-33 .neos-nodetypes-textwithimage > div{width:50%;float:left;}

footer .columns-33-33-33 .neos-nodetypes-textwithimage > figure{width:50%;margin: 10px 25% 10px 14%;float:left;}
footer .columns-33-33-33 .neos-nodetypes-textwithimage > div{width:80%;margin: 0 10%;float:left;font-size: 14px;}

.columns-33-33-33 .referenzen > figure,
.columns-33-33-33 .referenzen > div{width:100%;float:left;}
.columns-33-33-33 .neos-nodetypes-textwithimage > figure{position:relative;}
.columns-33-33-33 .referenzen > figure{position:relative;}
.columns-33-33-33 .neos-nodetypes-textwithimage > div{width:50%;padding:15px;}
.columns-33-33-33 .neos-nodetypes-textwithimage > div.content,.columns-33-33-33 .neos-nodetypes-textwithimage > div.thumb {width:100%;padding:15px;}
.columns-33-33-33 .referenzen > div{position:absolute;bottom:40px;left:0px;width:100%;background-color:rgba(255,255,255,0.8);padding:15px;}
.columns-33-33-33 .neos-nodetypes-textwithimage > figure img{width:100%;height:auto;}
.columns-33-33-33 .referenzen > figure img{width:100%;height:auto;}
.columns-33-33-33 .neos-nodetypes-text{clear:both;}
.columns-25-50-25{}
.columns-25-50-25 .column{width:50%;float:left;}
.columns-25-50-25 .column:first-of-type,
.columns-25-50-25 .column:last-of-type{width:25%; min-width:25%;float:left;border: 1px solid transparent;}

.columns-25-50-25 .columns-50-50 .column,
.columns-25-50-25 .column:first-of-type .columns-50-50 .column,
.columns-25-50-25 .column:last-of-type .columns-50-50 .column,
.columns-25-50-25 .column .columns-50-50 .column,
.columns-25-50-25 .columns-50-50 .column:first-of-type,
.columns-25-50-25 .columns-50-50 .column:last-of-type {width:50%; ;float:left;}

.columns-66-33 .column .columns-50-50 .column {
    width: 50%;
    padding: 15px 15px 15px 0;
}



@media all and (max-width:767px) {
    .columns-33-33-33 .column{width:100%;}
    .columns-33-33-33 .columns-33-33-33 .column {width: 33.3333%}
    .columns-33-33-33 .column div {padding:0 10px;}

    footer .columns-33-33-33 .neos-nodetypes-textwithimage {clear:both;}
    footer .columns-33-33-33 .neos-nodetypes-textwithimage > figure{width:33%;margin: 10px 1% 10px 0;float:left;}
    footer .columns-33-33-33 .neos-nodetypes-textwithimage > div{width:65%;margin: 0 0 0 1%;float:left;font-size: 14px;}
    .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .headerBar,
    .breadcrumpmenu{
        display:none;
    }
    .ccm-image-slider-container {
        background-color: #D2EBBB;
        background-color: transparent;
        min-height: 80px;
    }
    .teasertitel {
        padding: 0 0 15px 0;
    }
    .teasertitel .teaserbild {
        margin-bottom: 10px;
    }


    .zweitesLevel .breadcrumpmenu.mobile {
        display: block;
    }
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb {
        padding: 8px 10px 1px 10px;
        margin-bottom: 7px;
        list-style: none;
        background-color: transparent;
        border-radius: 1px;
        border-top: 0px solid #BED59B;
        border-bottom: 0px solid #BED59B;
        font-size: 1.125em;
        text-align: center;
    }
    .zweitesLevel {
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
        z-index: 999;
        transition: all 500ms 0ms;
        transition-delay: 0ms;
        transition-delay: 100ms;
    }
    .breadcrumb > li + li::before {
        content: "";
    }
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb li:first-of-type,
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb li:nth-child(5),
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb li:nth-child(6) {
        display: none;
    }
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb {
        list-style: none;
        font-size: 1.125em;
        text-align: center;
    }
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb > li + li,
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb > li + li + li,
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb > li + li + li + li {
        clear: both;
        display: block;
    }
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb > li + li::before,
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb > li + li + li::before
    .zweitesLevel .breadcrumpmenu.mobile .breadcrumb > li + li + li + li::before    {
        content: "";
    }
    .zweitesLevel .breadcrumb li.current {
        color: #F6ECCB;
    }
    .green .neos-nodetypes-headline h1 {
        padding: 30px 0 35px 0;
    }
    .startseite.ccm-image-slider-container {
        min-height: 50px;
        margin: 100px 0 0 0;
    }
    .startseite .headerBar {
        display: block;
    }
    .startseite .headerBar {
        top: -100px;
    }
    .headerBarLogo {
        padding: 8px 0;
    }
    .startseite .headerBarLogo {
        width: 70%;
        margin: 0 20% 0 10%;
    }
}
@media all and (max-width:640px){
    .columns-33-33-33 .column{width:50%;}
    .columns-33-33-33 .column{width:100%;}
    .columns-50-50 .column,
    .neos-nodetypes-twocolumn .column {width:100%;float:left;}
    .columns-50-50 .column:first-of-type {
        float: left;
        padding: 15px 5px 15px 5px;
    }
    .columns-50-50 .column:last-of-type {
        float: left;
        padding: 15px 5px 15px 5px;
    }

    .startseite .columns-50-50 .column {
        float: left;
        padding: 2px 15px 3px 5px;
    }
    .startseite .layout-section-mid.teaser {
        padding-top: 35px;
    }
    .columns-66-33 .column:first-of-type{width:100%;padding:1px 15px 1px 0;}
    .columns-66-33 .column:last-of-type{width:100%;padding:1px 0 1px 15px;}
    .columns-66-33 .column figure{margin:20px 0;}
    .columns-33-66 .column:first-of-type{width:100%;padding:1px 15px 1px 0;}
    .columns-33-66 .column:last-of-type{width:100%;padding:1px 0 1px 15px;}
    .columns-66-33 .columns-33-33-33 .column{width:33.3333333%;padding:1px 10px;}
    .columns-66-33 .columns-33-33-33 .column:first-of-type{width:33.3333333%;padding:1px 10px;}
    .columns-66-33 .columns-33-33-33 .column:last-of-type{width:33.3333333%;padding:1px 10px;}
    .columns-33-66 .columns-33-33-33 .column:first-of-type{width:33.3333333%;padding:1px 10px;}
    .columns-33-66 .columns-33-33-33 .column:last-of-type{width:33.3333333%;padding:1px 10px;}

    .columns-25-25-25-25 .column{width:50%;}
    .accordion-inner .columns-25-25-25-25 .column{width:50%;}

    .columns-25-25-25-25 .column {width:50%;padding: 0 2%;}
    .max75 img {margin: 5px 10px;width: 75px;}

    .columns-25-50-25 .columns-50-50 .column,
    .columns-25-50-25 .column:first-of-type .columns-50-50 .column,
    .columns-25-50-25 .column:last-of-type .columns-50-50 .column,
    .columns-25-50-25 .column .columns-50-50 .column,
    .columns-25-50-25 .columns-50-50 .column:first-of-type,
    .columns-25-50-25 .columns-50-50 .column:last-of-type {width:100%; ;float:left;}
    .columns-75-25 .column:first-of-type{width:100%;}
    .columns-25-75 .column:first-of-type{width:100%;}
    .columns-75-25 .column:last-of-type{width:100%;}
    .columns-25-75 .column:last-of-type{width:100%;}
}
@media all and (max-width:480px){
    .columns-33-33-33 .column{width:100%;}
    .columns-50-50 .column,
    .neos-nodetypes-twocolumn {width:100%;float:left;}
    .columns-66-33 .column:first-of-type{width:100%;padding:5px 5px;}
    .columns-66-33 .column:last-of-type{width:100%;padding:5px 5px;}
    .columns-33-66 .column:first-of-type{width:100%;padding:5px 5px;}
    .columns-33-66 .column:last-of-type{width:100%;padding:5px 5px;}
    .columns-66-33 .columns-33-33-33 .column:first-of-type{width:100%;}
    .columns-66-33 .columns-33-33-33 .column:last-of-type{width:100%;}
    .columns-33-66 .columns-33-33-33 .column:first-of-type{width:100%;}
    .columns-33-66 .columns-33-33-33 .column:last-of-type{width:100%;}
    .columns-25-25-25-25 .column{width:100%;}
    footer .columns-33-33-33 .neos-nodetypes-textwithimage > figure{width:80%;margin: 10px 25% 10px 0;float:left;}
    footer .columns-33-33-33 .neos-nodetypes-textwithimage > div{width:80%;margin: 0 10% 0 0;float:left;font-size: 14px;}

    .g-padding-y-50--xs {margin: 25px 0;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .row {
        margin-right: 5px;
        margin-left: 5px;
    }
    .second-level-navigation li a {
        font-size: 1.125em;
        line-height: 1.75em;
        color: #000;
        padding: 2px 7px;
    }
    .max75 img {
        margin: 15px 10px;
        width: 100px;
    }
    footer .neos-contentcollection .container .column {
        padding: 0 0 10px 0;
    }
    .copy {text-align: center;}

    .vgp-main-navigation .mobile-button {
        border: 1px solid #D2EBBB;
        box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.5);
    }
    .headerBar .container {
        transition: all 500ms 0ms;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .headerBar.sticky {
        opacity: 0;
        display: none;
        transition: all 500ms 0ms;
        transition-delay: 100ms;
    }
}

/******* Sidebar ******/

#servicebar.onright {left: auto; right: 0;}
#servicebar {
    position: fixed;
    right: 0;
    top: 5%;
    transition: opacity 0.2s linear 0s;
    z-index: 5001;}
@media screen and (max-width:450px){
    #servicebar {top: 130px;}}
#servicebar.onright li { margin: 0 1px 1px 0;}
.sidebars {
    min-width: 255px;
    width: auto;
    max-width: 40%;
    padding: 1px 15px;
    float:right;
    position: relative;
    font-size: 0.95em;
    text-align: left;
    -webkit-transition: all 750ms ease-in-out;
    transition: all 750ms ease-in-out;

}
.sidebars a:hover {text-decoration: none;}
#servicebar li {
    background: none repeat scroll 0 0 rgba(251,185,0, 0.9);
    clear: both;
    float: right;
    height: 70px;
    margin: 0 0 1px 1px;
    position: relative;
    border-radius:20px 0 0 20px ;
}
#servicebar ul, #servicebar li {
    margin: 0;}
#servicebar ul {list-style: outside none none;padding-left: 0;}
#servicebar {list-style-type: none;}
#servicebar li {text-align: center;}
#servicebar li a:link {color: #fff;font-size: 2em;}
#servicebar a i {
    padding: 15px 10px;
    color:#fff;
    font-size: 3.95em;
    width: 70px;
    float:right;}
#servicebar span {/*clear:both; */}
@media all and (max-width:767px) {
    #servicebar.onright {left: auto; right: 0;}
    #servicebar {position: fixed;left: auto; right: 0;top: 50px;}
    /*   #servicebar li,#formbar li {border:1px solid #346F35;} */
}
@media all and (max-width:480px){
    #servicebar.onright {left: auto; right: 0;}
    #servicebar {position: fixed;left: 0;top: 25px; }
}

/**********************/


@media all and (max-width:767px){
    .vgp-main-navigation .main-navigation-background .main-logo {
        width:50vw;
    }
}
@media all and (max-width:480px){
    .vgp-main-navigation .main-navigation-background .main-logo {
        width:64.5vw;
        left: 48px;
        top: 18px;
    }
}

@media only screen and (max-width 991px) {
    .vgp-main-navigation ul.first-level ul li {
        display:block;
    }

    header .header-key-visual .header-logo-container {
        position:static;
    }

    header .header-key-visual-logo {
        top:0;
        right:15px;
        width:120px;
        height:70px;
    }

    .autonav-subpage-navigation .column .subpage-image {
        height:200px;
        margin-top:30px;
    }

    .autonav-subpage-navigation .column h2 {
        margin:0 -1000px;
        padding:10px 1000px;
    }

    .image-fullscreen {
        background-attachment:scroll;
    }

    .image-fullscreen h1 {
        font-size:200%;
    }

    .ccm-image-slider-container .image-slider-text {
        margin-left:0;
        top:160px;
    }

    .page-list-news img {
        margin-bottom:10px;
    }

    .sticky-wrapper.is-sticky .col-sm-7 {
        display:none;
    }

    .topic-list {
        display:none;
        margin:-20px 0 20px;
    }

    .topic-list li {
        display:block;
        margin:0;
    }

    .topic-list-mobile {
        display:inline-block;
    }

    .scrolling-zone {
        overflow-x:auto;
    }

    .objects-filter-section {
        padding:90px 20px 20px;
    }

    .fontPresentation,.presentation-block {
        font-size: 2.5em;
    }

    footer .social-link-wrapper,.page-list-event .page-list-entry-date {
        text-align:left;
    }

    .page-list-article .page-list-page-entry-thumbnail,.page-list-event .page-list-page-entry-thumbnail,.page-list-stacked-teaser .page-list-page-entry-thumbnail {
        max-height:359px;
    }
}



@media screen and (max-width 379px) {
    .vgp-main-navigation {
        font-size:24px;
    }

    header.header-full-size .header-parent-name {
        display:none;
    }

    header.header-full-size .header-parent-name-xs {
        display:inline;
    }
}

@media screen and (min-width 992px) {
    .vgp-main-navigation.scrolled-to-top .ccm-block-switch-language,.vgp-main-navigation.visible-navigation .ccm-block-switch-language {
        color:#616c7a;
        top:10px;
    }

    .attribute-abstract {
        margin-top:50px;
    }

    .page-list-article .page-list-entry-description,.page-list-event .page-list-entry-description {
        max-height:5.4em;
    }

    .page-list-stacked-teaser .page-list-entry-description {
        max-height:3em;
    }

    .page-list-article .page-list-page-entry-thumbnail,.page-list-event .page-list-page-entry-thumbnail,.page-list-stacked-teaser .page-list-page-entry-thumbnail {
        max-height:290px;
    }
}

@media print{
    body {
        background-color:#FFF;
        color:#000;
        width:600pt;
    }

    .layout-section-black,.layout-section-dark,.layout-section-mid,.layout-section-light,.layout-section-white {
        background-color:#fff;
        color:#000;
    }
}

@media screen and (min-width 1200px) {
    .page-list-article .page-list-entry-description,.page-list-event .page-list-entry-description {
        max-height:8.1em;
    }

    .page-list-stacked-teaser .page-list-entry-description {
        max-height:7em;
    }

    .page-list-article .page-list-page-entry-thumbnail,.page-list-event .page-list-page-entry-thumbnail,.page-list-stacked-teaser .page-list-page-entry-thumbnail {
        max-height:359px;
    }
}
@media all and (max-width:767px){
    .mobile {display: block;}
    .desktop {display:none;}
}
@media all and (min-width:768px){
    .mobile {display: none;}
    .desktop {display: block;}
}

/***** Barriererfrei ****/



.contrast_dark {
    background-color: #000 !important;
}
.contrast_light_font {
    color: #fff !important;
    border-color: #fff !important;
}
.contrast_dark_font {
    color: #000 !important;
    border-color: #000 !important;
}