/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/
::selection {
    background: #119933;
}

::-moz-selection {
    background: #119933;
}

::-webkit-selection {
    background: #119933;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #000000;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

p, span, a, label {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0px;
}

p {
    font-size: 20px;
    color: #000000;
}

blockquote:before {
    position: absolute;
    content: '„';
    font-size: 9rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    top: -8rem;
    left: 0px;
}

blockquote {
    font-family: 'Roboto', sans-serif;
    position: relative;
    color: #119933 !important;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 10px;
    letter-spacing: normal;
    margin-top: 40px;
    border-left: none;
    padding-left: 55px;
}

blockquote p {
    color: #119933 !important;
    font-size: 35px;
    font-weight: normal;
    line-height: 45px !important;
    font-style: italic;
}

a {
    color: #119933;
}

label {
    font-size: 16px;
    text-transform: none;
    color: #000000;
}

#content p {
    margin-bottom: 25px;
    line-height: 26px;
}

#content .ce_rsce_address h6 {
    margin-top: 20px;
}

#content .ce_text ul,
#content .content-text ul {
    list-style: none;
}

#content .ce_text ul li,
#content .content-text ul li {
    position: relative;
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    padding-left: 45px;
    margin-left: 0 !important;
}

#content .ce_text ul li:before,
#content .content-text ul li:before {
    content: " " !important;
    position: absolute;
    height: 21px;
    width: 25px !important;
    left: 0;
    top: 4px;
    margin-left: 5px !important;
    background-image: url(../img/haken.svg);
    background-repeat: no-repeat;
    background-size: 25px 21px;
}

#content .ce_text a,
#content .content-text a,
#content .elementAdress a, 
form a, 
.download-element a {
    color: #000000;
}

@media (max-width: 479px) {
    #content .mod_article .row>.section {
        padding: 30px 0px;
    }
}

li.download-element {
    list-style: inside;
    font-size: 20px;
    line-height: 26px;
}

#content .ce_text a:hover, 
#content .ce_text a:focus,
#content .content-text a:hover, 
#content .content-text a:focus  {
    color: #000000;
}

#content .ce_text ul, 
#content .ce_text ol,
#content .content-text ul, 
#content .content-text ol,  
#content .ce_downloads ul, 
#content .ce_downloads ol,
#content .content-downloads ul, 
#content .content-downloads ol,  
#content .enclosure {
    list-style-position: outside;
}

#content .ce_text ul li, 
#content .ce_text ol li,
#content .content-text ul li, 
#content .content-text ol li,  
#content .ce_downloads ul li, 
#content .ce_downloads ol li,
#content .content-downloads ul li, 
#content .content-downloads ol li,  
#content .enclosure li {
    margin-left: 19px;
}

#content .ce_downloads ul li,
#content .content-downloads ul li {
    list-style: disc;
}

#content .ce_downloads ul li a:hover,
#content .content-downloads ul li a:hover {
    opacity: 0.8;
}

#content .ce_downloads ul li span.size,
#content .content-downloads ul li span.size {
    display: none;
}

.table>tbody>tr>td {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    border-top: 1px solid #eee;
    font-size: 20px;
    color: #000000;
}

.table>tbody>tr>th.col_first {
    width: 25%;
    border-top: 1px solid #eee;
    font-size: 20px;
}

.elementAdress p {
    margin-bottom: 0px;
}

#content {
    background-color: #FFFFFF;
}

#content .ce_text a,
#content .content-text a {
    font-size: 20px;
    color: #000000;
    text-decoration: underline !important;
}

#content .ce_text a:hover, 
#content .ce_text a:focus,
#content .content-text a:hover, 
#content .content-text a:focus {
    color: #119933 !important;
    text-decoration: none !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #119933 !important;
}

/* Mobile */
@media (max-width: 991px) {
    body, p {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    #content p {
        margin-bottom: 15px;
    }

    #content .ce_text a,
    #content .content-text a {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    #content .ce_text ul li,
    #content .content-text ul li {
        font-size: 17px !important;
        line-height: 23px !important;
        padding-left: 35px;
    }

    #content .ce_text ul li:before,
    #content .content-text ul li:before {
        height: 15px;
        width: 15px !important;
        top: 4px;
        background-size: 15px 15px;
    }

    blockquote {
        padding-left: 0;
        padding-top: 55px;
    }

    blockquote:before {
        top: -7rem;
    }

    blockquote p {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .table>tbody>tr>td {
        font-size: 17px;
        line-height: 23px !important;
    }
}

/* ----------------------------------------------------------------
	Mobile optimierung
-----------------------------------------------------------------*/
@media (max-width: 479px) {
    #page-title .container,
    #content .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body .ce_headline,
    body .content-headline,
    body .ce_text,
    body .content-text,
    body .ce_hyperlink,
    body .content-hyperlink {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 320px) {
    #page-title .container,
    #content .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ----------------------------------------------------------------
	Fonts
-----------------------------------------------------------------*/
h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    text-transform: none !important;
    color: #000000;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-transform: none !important;
    color: #000000;
}

h3 {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 36px;
    color: #000000;
    text-transform: none !important;
}

h4 {
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #000000;
    text-transform: none !important;
}

h5 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #119933;
    text-transform: none !important;
}

h6 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #000000;
    text-transform: none !important;
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #FFFFFF;
}

@media (max-width: 991px) {
    h1 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    h5 {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 20px;
    }

    h6 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
}

small,
.wp-caption,
.feature-box.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a {
    font-family: 'Roboto', sans-serif;
}

h4,
h5,
h6,
#logo,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a,
#top-search form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.counter,
label,
.nav-tree li a,
.wedding-head .first-name,
.wedding-head .last-name {
    font-family: 'Roboto', sans-serif;
}

.entry-meta li,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span {
    font-family: 'Roboto', sans-serif;
}

.download-element.ext-pdf, .download-element.ext-xlsx {
    list-style: none;
}

/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/
#top-search a, #header.semi-transparent.sticky-header.dark #top-search a {
    color: #119933 !important;
    font-size: 20px;
    text-shadow: none;
}

#top-search a:hover, #top-search a:focus,
#header.semi-transparent.sticky-header.dark #top-search a:hover, #header.semi-transparent.sticky-header.dark #top-search a:focus {
    color: #000000 !important;
}

#top-search form input {
    border-bottom: none !important;
    text-transform: none;
}

@media (min-width: 992px) {
    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.sticky-header #top-search form input::-webkit-input-placeholder {
        color: #000000;
        text-transform: none;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.sticky-header #top-search form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #000000;
        opacity: 1;
        text-transform: none;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.sticky-header #top-search form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #000000;
        opacity: 1;
        text-transform: none;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.sticky-header #top-search form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000000;
        text-transform: none;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.sticky-header #top-search form input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #000000;
        text-transform: none;
    }
}

#header.sticky-header #top-search form input {
    color: #000000 !important;
    text-transform: none;
}

#header.semi-transparent #top-search form input::-webkit-input-placeholder {
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: none;
}

#header.semi-transparent #top-search form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000000 !important;
    opacity: 1;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: none;
}

#header.semi-transparent #top-search form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000000 !important;
    opacity: 1;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: none;
}

#header.semi-transparent #top-search form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: none;
}

#header.semi-transparent #top-search form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: none;
}

#header.semi-transparent #top-search form input {
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: none;
}

@media (max-width: 991px) {
    #header #header-wrap>.container {
        width: 100% !important;
    }

    #header, #header-wrap {
        height: 107px !important;
    }

    #header.responsive-sticky-header,
    #header.responsive-sticky-header #header-wrap {
        height: 60px !important;
    }

    #header, #header-wrap, #logo img,
    .sticky-responsive-menu #header,
    .sticky-responsive-menu.device-touch #header,
    .sticky-responsive-menu.device-touch #header-wrap {
        webkit-transition: height .4s ease, opacity .3s ease !important;
        -o-transition: height .4s ease, opacity .3s ease !important;
        transition: height .4s ease, opacity .3s ease !important;
    }

    #primary-menu-trigger {
        position: absolute;
        right: 10px;
        left: auto !important;
        top: 6px !important;
        z-index: 200;
        color: #000000;
    }

    header#header>#header-wrap #primary-menu-trigger>i,
    #primary-menu #top-search-trigger>i {
        font-size: 30px;
    }

    #primary-menu #top-search-trigger>i.icon-search3 {
        font-size: 26px;
        left: 7px;
        top: -1px;
    }

    .primary-menu-open #primary-menu-trigger .icon-reorder:before {
        content: "\e117";
        color: #000000;
        padding: 7px;
    }

    #top-search a {
        margin: 0px !important;
        top: -1px;
        right: 87px;
    }

    #top-search a i.icon-line-cross,
    #top-search #top-search-trigger .icon-search3 {
        margin: 23px 0px;
        position: absolute;
        right: 75px;
    }

    #logo {
        display: inline-block;
    }

    #logo img {
        width: 195px;
        padding-top: 19px !important;
    }

    .responsive-sticky-header #logo img {
        width: 60px;
    }

    #header.semi-transparent #top-search form input {
        height: auto;
        width: 80%;
        margin-top: 10px !important;
    }

    #header #primary-menu>ul.show {
        top: 107px !important;
        z-index: 199;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgb(255 255 255 / 94%);
        -webkit-backface-visibility: hidden;
        min-height: 100vh !important;
        height: 100vh !important;
        padding-left: 25px !important;
        padding-right: 15px !important;
        padding-top: 15px !important;
    }

    #header.responsive-sticky-header #primary-menu>ul.show {
        top: 60px !important;
    }

    #primary-menu ul li>a,
    #primary-menu>.container>ul>li.sub-menu>a,
    #primary-menu>ul>li.sub-menu>a {
        font-size: 24px !important;
        position: relative !important;
        background-image: none !important;
        display: inline-block !important;
    }

    #primary-menu>.container>ul>li.sub-menu>a:after,
    #primary-menu>ul>li.sub-menu>a:after {
        content: " ";
        position: absolute;
        float: right;
        right: -22px;
        top: 15px;
        height: 16px;
        width: 16px;
        margin-top: 2px;
        background-image: url(../img/nav-arrow-down.svg);
        background-repeat: no-repeat;
        background-size: 16px 16px;
    }

    #header #primary-menu>ul.show li {
        background-color: transparent !important;
        border: none !important;
    }

    #header.semi-transparent #top-search form input::-webkit-input-placeholder {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        text-transform: none;
    }

    #header.semi-transparent #top-search form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        text-transform: none;
    }

    #header.semi-transparent #top-search form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        text-transform: none;
    }

    #header.semi-transparent #top-search form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        text-transform: none;
    }

    #header.semi-transparent #top-search form input::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        text-transform: none;
    }

    #header.semi-transparent #top-search form input {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        text-transform: none;
    }
}

/* ----------------------------------------------------------------
	Header, Logo
-----------------------------------------------------------------*/
#header.semi-transparent {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

#header.semi-transparent.sticky-header.dark {
    background-color: transparent !important;
}

#header.semi-transparent.sticky-header.dark #header-wrap, #header.semi-transparent.dark.responsive-sticky-header #header-wrap {
    background-color: #ffffff !important;
}

#header, #top-cart, #logo img {
    height: 100px;
}

#logo img {
    padding: 10px;
    padding-left: 0px;
}

@media (max-width: 991px) {
    #header.semi-transparent.responsive-sticky-header.dark #logo a {
        text-align: center !important;
    }

    #header.semi-transparent.responsive-sticky-header.dark #logo img {
        padding-left: 10px;
        padding-top: 10px !important;
        display: inline;
    }
}

@media (max-width: 769px) and (max-width: 991px) {
    .sticky-responsive-menu.device-touch #primary-menu-trigger {
        left: -15px;
    }
}

@media (max-width: 479px) {
    .sticky-responsive-menu.device-touch #primary-menu-trigger {
        left: -15px;
    }
}


/* ----------------------------------------------------------------
	Breadcrumb
-----------------------------------------------------------------*/
.elementBreadcrumb .entry-meta:has(.date, .author) {
    display: none;
}

/* ----------------------------------------------------------------
	Suche
-----------------------------------------------------------------*/
.mod_search .infomsg {
    background-color: #119933;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px;
}

.mod_search .infomsg .sb-msg {
    text-shadow: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    border-left: none;
}

.mod_search .postcontent .elementContentList a:hover {
    background-color: transparent;
}

.mod_search .elementContentList {
    margin-bottom: 25px;
}

.mod_search .elementContentList .list-group-item img {
    width: 100%;
}

@media (max-width: 991px) {
    .mod_search .postcontent .elementContentList .col-xs-12 {
        padding-left: 0;
    }

    .mod_search .elementContentList h4 {
        margin-top: 15px;
    }

    .mod_search .input-group {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .mod_search.mod_app_search_results .postcontent .elementContentList a .col-lg-4 {
        padding-right: 0;
    }
}

@media (max-width: 479px) {
    .mod_search {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ----------------------------------------------------------------
	Teaser
-----------------------------------------------------------------*/
.elementArticle.darkBg.masonry-item-responsive .portfolio-overlay {
    background-color: rgba(0, 0, 0, .15);
}

.elementArticle.darkBg.masonry-item-responsive:hover .portfolio-overlay {
    background-color: rgba(0, 0, 0, .6);
}

@media (max-width: 479px) {
    .portfolio .portfolio-item {
        padding-right: 0;
    }
}

#content .portfolio-overlay .portfolio-desc h3 {
    font-size: 30px;
    padding: 0px 60px;
    color: #FFFFFF !important;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    letter-spacing: 0px;
}

#content .portfolio-overlay .portfolio-desc span {
    padding: 0px 60px;
    font-size: 20px;
    line-height: 22px;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0px;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
}

.ce_app_object_teaser .portfolio-overlay .portfolio-desc span {
    display: none;
}

.elementArticle.elementArticleOverlay .portfolio-desc .entry-meta {
    display: none;
}

/* Neu */
.ce_rsce_teaser {
    overflow: visible;
}

.portfolio {
    overflow: visible;
}

.portfolio-desc h3,
.portfolio-desc h3 a {
    font-size: 30px;
    color: #000000 !important;
    margin-bottom: 10px;
}

.portfolio-desc span,
.portfolio-desc span a {
    font-size: 20px;
    color: #000000 !important;
}

/* Hover */
.elementArticle .portfolio-image a {
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.elementArticle:hover .portfolio-image a {
    opacity: 0.8;
}

.elementArticle.elementArticleStandard .portfolio-desc {
    padding-left: 0;
}

/* Teaser Standard - noBg */
.elementArticle.elementArticleStandard.noBg .portfolio-desc h3 {
    font-size: 30px;
    line-height: 36px;
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc div {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    height: 169px;
    width: 169px;
    position: absolute;
    left: -82px;
    background-color: #ffffff;
    text-align: center;
    text-transform: none;
    font-size: 37px;
    line-height: 32px;
    font-style: normal;
    z-index: 10;
    border-radius: 50%;
    color: #ffffff;
    border: 30px solid #009933;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

.elementArticle.elementArticleStandard.noBg .portfolio-desc div p {
    font-weight: bold;
    text-transform: none;
    padding: 15px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
}

.elementArticle.elementArticleStandard .portfolio-desc span {
    font-size: 20px;
    color: #000;
}

/* Mobile */
@media (max-width: 1310px) {
    .elementArticle.elementArticleStandard.noBg .portfolio-desc div {
        left: 20px !important;
    }
}

@media (max-width: 991px) {

    .portfolio-desc h3,
    .portfolio-desc h3 a {
        font-size: 24px;
        line-height: 30px;
    }

    .portfolio-desc span,
    .portfolio-desc span a {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    .elementArticle.elementArticleStandard.noBg .portfolio-desc div {
        display: none;
    }

    .elementArticle.elementArticleStandard.noBg .portfolio-desc h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .elementArticle.elementArticleStandard .portfolio-desc span {
        font-size: 17px !important;
        line-height: 23px !important;
    }
}

/* Teaser Standard - sameBg (StandardIcon) */
.elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay,
.elementArticle.elementArticleStandard.sameBg .portfolio-overlay {
    position: relative;
    transition: none !important;
    background-color: transparent !important;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay a.left-icon {
    display: none !important;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay a.right-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px !important;
    height: 58px !important;
    font-size: 29px;
    color: #ffffff;
    background-color: #009933;
    top: auto !important;
    bottom: 15px;
    right: 15px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay a.right-icon:hover {
    background-color: #000000;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay a.right-icon .icon-line-arrow-right:before {
    content: " ";
    float: right;
    height: 29px;
    width: 22px;
    background-image: url(../img/mail-icon.svg);
    background-repeat: no-repeat;
    background-size: 22px 29px;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc,
.elementArticle.elementArticleStandard.sameBg .portfolio-desc {
    padding-left: 0;
    padding-right: 15px;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc a,
.elementArticle.elementArticleStandard.sameBg .portfolio-desc a {
    color: #000000;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc a:hover,
.elementArticle.elementArticleStandard.sameBg .portfolio-desc a:hover {
    color: #119933;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc ul,
.elementArticle.elementArticleStandard.sameBg .portfolio-desc ul {
    font-size: 20px;
    list-style: none;
    padding-left: 15px;
    margin-left: 0;
    padding-left: 15px;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc ul li,
.elementArticle.elementArticleStandard.sameBg .portfolio-desc ul li {
    font-size: 20px;
}

.elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc ul li::before,
.elementArticle.elementArticleStandard.sameBg .portfolio-desc ul li::before {
    display: inline-block;
    content: "-";
    width: 15px;
    margin-left: -15px;
}

@media (max-width: 991px) {

    .elementArticle.elementArticleStandardIcon.sameBg .portfolio-desc ul li,
    .elementArticle.elementArticleStandard.sameBg .portfolio-desc ul li {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    .elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay a.right-icon {
        width: 35px !important;
        height: 35px !important;
    }

    .elementArticle.elementArticleStandardIcon.sameBg .portfolio-overlay a.right-icon .icon-line-arrow-right:before {
        height: 25px;
        width: 18px;
        background-size: 18px 25px;
    }
}

/* Teaser Standard - darkBg */
.elementArticle.elementArticleStandard.darkBg .portfolio-image {
    background-color: #FFFFFF;
    border: 1px solid #707070;
}

.elementArticle.elementArticleStandard.darkBg .portfolio-image img {
    padding: 20px;
}

/* Teaser - Filter */
@media (min-width: 768px) {
    #content .portfolio-filter {
        display: flex;
        justify-content: center;
        float: none;
        margin-bottom: 50px !important;
        border: none;
        border-radius: 0;
    }

    .portfolio-filter li::before {
        content: "|";
        padding: 0 5px;
        color: #000000;
    }

    .portfolio-filter li:first-child::before {
        display: none;
    }

    .portfolio-filter li {
        display: flex;
        align-items: center;
        float: none;
    }

    .portfolio-filter li a {
        display: inline-block;
        color: #000000;
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0;
    }

    .portfolio-filter li a:hover {
        color: #119933 !important;
    }

    .portfolio-filter li.activeFilter a {
        font-size: 20px;
        font-weight: bold;
        color: #119933 !important;
        background-color: transparent;
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .portfolio-filter li.activeFilter a {
        font-size: 17px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .portfolio-filter li a {
        font-size: 17px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    .portfolio-filter {
        border: none;
    }

    .elementArticleFilter .portfolio-filter {
        margin-left: -10px;
        margin-right: 0px;
        width: calc(100% + 10px);
    }

    .elementArticleFilter .portfolio-filter li {
        margin-bottom: 12px !important;
        height: 45px;
    }

    .elementArticleFilter .portfolio-filter a, .portfolio-filter li.activeFilter a {
        font-size: 14px;
        margin-left: 10px;
        padding-left: 5px !important;
        padding-right: 5px !important;
        color: #000000 !important;
        background-color: transparent !important;
        font-size: 16px;
        margin-top: 0px;
        height: 45px;
        border: 0;
    }

    .portfolio-filter li.activeFilter a {
        color: #119933 !important;
    }
}

/* ----------------------------------------------------------------
	Teaser Nachrichten
-----------------------------------------------------------------*/
.mod_news_list .noBg .portfolio-image {
    display: none !important;
}

.mod_news_list .noBg .portfolio-item .portfolio-image img, .mod_news_list .owl-carousel .owl-item img {
    display: none !important;
}

.mod_news_list .elementArticle.noBg {
    position: relative;
    display: flex;
    align-items: end;
    border: 1px solid #FFFFFF;
    padding: 25px;
    padding-bottom: 15px;
    padding-right: 20px;
    min-height: 330px;
}

.mod_news_list .noBg .portfolio-desc {
    margin-top: 65px;
}

.mod_news_list .noBg .portfolio-desc h3,
.mod_news_list .noBg .portfolio-desc h3 a {
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 15px;
}

.mod_news_list .noBg .portfolio-desc span,
.mod_news_list .noBg .portfolio-desc span a {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
}

.section.bgcolor .mod_news_list .noBg .portfolio-desc h3 {
    color: #ffffff !important;
}

.section.bgcolor .mod_news_list .noBg .portfolio-desc h3,
.section.bgcolor .mod_news_list .noBg .portfolio-desc h3 a {
    color: #ffffff !important;
}

.section.bgcolor .mod_news_list .noBg .portfolio-desc h3 a::before {
    content: " " !important;
    position: absolute;
    height: 100%;
    width: 100% !important;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.section.bgcolor .mod_news_list .noBg .portfolio-desc span,
.section.bgcolor .mod_news_list .noBg .portfolio-desc span a {
    color: #ffffff !important;
}

.mod_news_list .elementArticle.noBg .entry-meta {
    background-color: transparent;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 81px;
    height: 81px;
    text-align: center;
    overflow: hidden;
}

.mod_news_list .elementArticle.noBg .entry-meta li {
    font-style: normal;
    font-weight: bold;
    margin: 0;
    color: #000000;
    font-size: 30px;
    line-height: 35px;
    padding-left: 4px;
    padding-top: 6px;
    margin-top: 0;
    width: 81px;
    height: 81px;
    background-color: #FFFFFF;
}

.mod_news_list .elementArticle.noBg .entry-meta .icon-calendar3 {
    display: none;
}

.light .mod_news_list .elementArticle.noBg .entry-meta li,
.nobgcolor .mod_news_list .elementArticle.noBg .entry-meta li {
    color: #ffffff;
    background-color: #000000;
}

.light .mod_news_list .elementArticle.noBg,
.nobgcolor .mod_news_list .elementArticle.noBg {
    border: 1px solid #000000;
}

.light .mod_news_list .noBg .portfolio-desc h3 a,
.nobgcolor .mod_news_list .noBg .portfolio-desc h3 a {
    color: #000000;
}

.light .mod_news_list .noBg .portfolio-desc span a,
.nobgcolor .mod_news_list .noBg .portfolio-desc span a {
    color: #000000;
}

/* Mobile */
@media (max-width: 1300px) {
    .mod_news_list .noBg .elementArticle.elementArticleStandard .portfolio-desc {
        margin-top: 65px;
        min-height: 340px;
    }
}

@media (max-width: 991px) {
    .mod_news_list .noBg .portfolio-desc {
        margin-top: 30px;
    }

    .mod_news_list .noBg .portfolio-desc h3,
    .mod_news_list .noBg .portfolio-desc h3 a {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .mod_news_list .elementArticle.noBg {
        min-height: 345px;
    }

    .mod_news_list .elementArticle.noBg .entry-meta {
        width: 50px;
        height: 50px;
    }

    .mod_news_list .elementArticle.noBg .entry-meta li {
        font-size: 17px;
        line-height: 22px;
        padding-top: 3px;
        margin-top: 0;
        width: 50px;
        height: 50px;
        padding-right: 2px;
    }
}

/* Teaser Nachrichten sameBg - (dark mode)*/
.mod_news_list .sameBg.dark .portfolio-desc h3,
.mod_news_list .sameBg.dark .portfolio-desc h3 a {
    font-size: 20px !important;
    line-height: 26px !important;
    color: #119933 !important;
}

.mod_news_list .sameBg.dark .portfolio-desc span,
.mod_news_list .sameBg.dark .portfolio-desc span a {
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: bold;
    color: #000000 !important;
}

/* Mobile */
@media (max-width: 991px) {

    .mod_news_list .sameBg.dark .portfolio-desc h3,
    .mod_news_list .sameBg.dark .portfolio-desc h3 a {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    .mod_news_list .sameBg.dark .portfolio-desc span,
    .mod_news_list .sameBg.dark .portfolio-desc span a {
        font-size: 24px !important;
        line-height: 30px !important;
    }
}

/* Carousel */
.owl-item .elementArticleOverlay:hover .portfolio-overlay {
    opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"] {
    color: #fff !important;
    opacity: 1;
    border-color: transparent !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    color: #fff !important;
    background-color: #5D5D5D !important;
}

/* owl-nav arrow */
.owl-carousel .owl-nav .owl-prev {
    left: -30px !important;
    border-radius: 50px;
    background-color: #000000 !important;
    width: 55px;
    height: 55px;
}

.owl-carousel .owl-nav .owl-prev i {
    line-height: 52px;
    width: 55px;
    height: 55px;
    font-size: 38px;
    padding-right: 5px;
}

.owl-carousel .owl-nav .owl-next {
    right: -30px !important;
    background-color: #000000 !important;
    border-radius: 50px;
    width: 55px;
    height: 55px;
}

.owl-carousel .owl-nav .owl-next i {
    line-height: 52px;
    width: 55px;
    height: 55px;
    font-size: 38px;
}

@media (max-width: 991px) {
    .owl-carousel .owl-nav .owl-next {
        right: -18px !important;
        width: 35px;
        height: 35px;
    }

    .owl-carousel .owl-nav .owl-next i {
        width: 35px;
        height: 35px;
        line-height: 33px;
        font-size: 27px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -18px !important;
        width: 35px;
        height: 35px;
    }

    .owl-carousel .owl-nav .owl-prev i {
        width: 35px;
        height: 35px;
        line-height: 33px;
        font-size: 27px;
    }
}

/* Carousel Wall */
@media (max-width: 991px) {
    .owl-carousel .owl-stage-outer {
        overflow: visible;
    }
}

/* ----------------------------------------------------------------
	Teaser 1er - Variante Float
-----------------------------------------------------------------*/
.elementArticle.elementArticleFloat {
    background-color: #FFFFFF;
}

.elementArticle.elementArticleFloat .portfolio-desc {
    padding-top: 35px;
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.elementArticle.elementArticleFloat .portfolio-desc h3 {
    margin-bottom: 30px;
}

.elementArticle.elementArticleFloat .portfolio-desc p {
    line-height: 26px;
    color: #000000;
}

@media (max-width: 991px) {
    .elementArticle.elementArticleFloat .portfolio-desc h3 {
        margin-bottom: 15px;
    }

    .elementArticle.elementArticleFloat .portfolio-desc {
        padding-top: 25px;
        padding-bottom: 15px;
        padding-left: 25px !important;
        padding-right: 25px;
    }
}

/* ----------------------------------------------------------------
	Teaser Overlay - 1er
-----------------------------------------------------------------*/
#content .overlay-1 .portfolio-overlay .portfolio-desc {
    position: static;
}

#content .overlay-1 .portfolio-overlay .portfolio-desc h3 {
    font-size: 20px;
    margin-bottom: 25px;
}

#content .overlay-1 .portfolio-overlay .portfolio-desc span {
    font-size: 35px;
    line-height: 40px;
}

#content .overlay-1 .portfolio-overlay .portfolio-desc div {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    height: 169px;
    width: 169px;
    position: absolute;
    right: 20px;
    background-color: #ffffff;
    text-align: center;
    text-transform: none;
    font-size: 37px;
    line-height: 32px;
    font-style: normal;
    z-index: 10;
    border-radius: 50%;
    color: #ffffff;
    border: 30px solid #009933;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

#content .overlay-1 .portfolio-overlay .portfolio-desc div p {
    font-weight: bold;
    text-transform: none;
    padding: 15px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    #content .overlay-1 .portfolio-overlay .portfolio-desc h3 {
        font-size: 17px !important;
        line-height: 26px;
        margin-bottom: 10px;
        padding: 0px 30px;
    }

    #content .overlay-1 .portfolio-overlay .portfolio-desc span {
        font-size: 24px !important;
        line-height: 30px !important;
        padding: 0px 30px;
    }

    #content .overlay-1 .portfolio-overlay .portfolio-desc div {
        height: 117px;
        width: 117px;
        border: 20px solid #009933;
    }

    #content .overlay-1 .portfolio-overlay .portfolio-desc div p {
        font-size: 17px !important;
        line-height: 17px !important;
    }

    #content .overlay-1 .portfolio-image,
    #content .overlay-1 .portfolio-image a {
        min-height: 500px;
        height: 500px;
    }
}

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
.button.button-desc {
    font-size: 22px;
    line-height: 1;
}

.button.button-desc span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: italic;
    text-transform: none;
}

.btn-danger {
    color: #ffffff;
    background-color: #E2001A;
    border-color: #E2001A;
}

.button:hover {
    background-color: #727171 !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* Buttons */
.button.btn-default, .btn.btn-default {
    font-size: 20px;
    background-color: #119933 !important;
    color: #FFFFFF;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-weight: 500;
    margin-left: 0;
    height: 38px;
    line-height: 39px;
}

.button.btn-default:hover, .button.btn-default:focus, .btn.btn-default:hover, .btn.btn-default:focus {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    font-weight: 500;
}

.button.btn-primary, .btn.btn-primary {
    font-size: 20px;
    background-color: #000000;
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 15px;
    text-transform: none;
    text-shadow: none;
    border: 0;
    font-family: 'Roboto', sans-serif;
    margin-left: 0;
    height: 38px;
    line-height: 39px;
}

.button.btn-primary:hover, .button.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #119933 !important;
    color: #FFFFFF !important;
}

.button.btn-success, .btn.btn-success {
    font-size: 20px;
    background-color: #119933 !important;
    color: #FFFFFF;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-weight: 500;
    margin-left: 0;
    height: 38px;
    line-height: 39px;
}

.button.btn-success:hover, .button.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: 500;
}

.button.button-border {
    font-size: 20px;
    background-color: transparent !important;
    color: #000000 !important;
    text-transform: none;
    text-shadow: none;
    border-radius: 15px;
    border: 2px solid #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-left: 0;
    height: 38px;
    line-height: 35px;
}

.button.button-border:hover, .button.button-border:focus, #content .button.button-border:hover, #content .button.button-border:focus {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    border: 2px solid #000000;
    text-shadow: none;
}

.button.button-dark {
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    border-radius: 15px;
    background-color: #5D5D5D !important;
    color: #FFFFFF;
    text-shadow: none;
    font-family: 'Roboto', sans-serif;
    margin-left: 0;
    height: 38px;
    line-height: 39px;
}

.button.button-dark:hover, .button.button-dark:focus, #content .button.button-dark:hover, #content .button.button-dark:focus {
    background-color: #000000 !important;
    color: #FFFFFF;
    text-transform: none;
    text-shadow: none;
    text-decoration: none !important;
    font-weight: 500;
}

.button.button-light {
    font-size: 20px;
    background-color: #E8E8E8;
    color: #000000;
    font-weight: 500;
    border-radius: 15px;
    text-transform: none;
    text-shadow: none;
    border: 0;
    font-family: 'Roboto', sans-serif;
    margin-left: 0;
    height: 38px;
    line-height: 39px;
}

.button.button-light:hover, .button.button-light:focus, #content .button.button-light:hover, #content .button.button-light:focus {
    background-color: #000000 !important;
    color: #FFFFFF;
    text-transform: none;
    text-shadow: none;
    text-decoration: none !important;
    font-weight: 500;
}

/* Normaler Link */
#content .normaler-link .button.btn-default {
    font-size: 20px;
    text-shadow: none;
    border: 0;
    text-decoration: underline !important;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    padding: 0;
    background-color: transparent !important;
    height: 100%;
    color: #000000 !important;
    margin: 0;
    line-height: 35px;
    padding-left: 45px;
}

#content .normaler-link .button.btn-default::before {
    content: " " !important;
    position: absolute;
    height: 21px;
    width: 25px !important;
    left: 0;
    top: 6px;
    margin-left: 5px !important;
    background-image: url(../img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 25px 21px;
}

#content .normaler-link .button.btn-default:hover {
    text-decoration: none !important;
}

/* Menu Button default */
#primary-menu .menu-button-default a {
    background-color: #119933 !important;
    color: #FFFFFF !important;
    padding: 0 22px !important;
    margin-top: 35px;
    border-radius: 15px;
    line-height: 30px;
}

#primary-menu .menu-button-default a span {
    color: #FFFFFF !important;
}

#primary-menu .menu-button-default a:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.sticky-header #primary-menu li.menu-button-default>a {
    margin-top: 18px;
}

#primary-menu .menu-button-default.black a {
    background-color: #000000 !important;
}

#primary-menu .menu-button-default.black a:hover {
    background-color: #119933 !important;
}

@media (max-width: 991px) {
    #primary-menu .menu-button-default a {
        font-size: 20px;
        height: 33px;
        margin-top: 14px !important;
        display: inline-block;
    }

    #primary-menu .menu-button-default a span {
        font-size: 20px;
    }

    #content .normaler-link .button.btn-default {
        font-size: 17px !important;
        line-height: 23px !important;
        padding-left: 35px;
    }

    #content .normaler-link .button.btn-default::before {
        height: 17px;
        width: 17px !important;
        left: 0;
        top: 3px;
        background-size: 17px 17px;
    }

    .button.btn-default, .btn.btn-default,
    .button.btn-primary, .btn.btn-primary,
    .button.btn-success, .btn.btn-success,
    .button.button-light,
    .button.button-dark {
        font-size: 17px;
        height: 33px;
        line-height: 33px;
    }

    .button.button-border {
        font-size: 17px;
        height: 33px;
        line-height: 30px;
    }
}

@media (min-width: 992px) {
    .button-width-auto {
        width: auto!important;
    }
}

/* ----------------------------------------------------------------
	Box Schema
-----------------------------------------------------------------*/
/* - */
.section.nobgcolor, .box.nobgcolor {
    background-color: transparent !important;
    box-shadow: none;
}

/* Default */
.section.bgcolor, .box.bgcolor {
    background-color: #119933 !important;
    box-shadow: none;
}

.section.bgcolor h1, .section.bgcolor h2, .section.bgcolor h3, .section.bgcolor h4, .section.bgcolor h5, .section.bgcolor h6,
.section.bgcolor p, .section.bgcolor li, .section.bgcolor p a {
    color: #FFFFFF;
}

.box.bgcolor h1, .box.bgcolor h2, .box.bgcolor h3, .box.bgcolor h4, .box.bgcolor h5, .box.bgcolor h6,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor p a {
    color: #FFFFFF !important;
}

#content .section.bgcolor p a, #content .box.bgcolor p a,
#content .section.bgcolor ul li a, #content .box.bgcolor ul li a {
    color: #FFFFFF;
}

#content .section.bgcolor p a:hover, #content .box.bgcolor p a:hover,
#content .section.bgcolor ul li a:hover, #content .box.bgcolor ul li a:hover {
    color: #000000 !important;
}

#content .section.bgcolor blockquote p, #content .box.bgcolor blockquote p,
#content .section.bgcolor blockquote, #content .box.bgcolor blockquote {
    color: #FFFFFF !important;
}

#content .section.bgcolor .ce_text ul li, 
#content .box.bgcolor .ce_text ul li,
#content .section.bgcolor .content-text ul li, 
#content .box.bgcolor .content-text ul li {
    color: #FFFFFF !important;
}

#content .section.bgcolor .download-element a, #content .box.bgcolor .download-element a {
    color: #FFFFFF;
}

#content .bgcolor .ce_text ul li:before,
#content .bgcolor .content-text ul li:before {
    background-image: url(../img/haken-weiss.svg);
}

#content .bgcolor .normaler-link .button.btn-default {
    color: #FFFFFF !important;
}

#content .bgcolor .normaler-link .button.btn-default::before {
    background-image: url(../img/arrow-right-weiss.svg);
}

/* Form */
#content .bgcolor form p,
#content .bgcolor form a,
#content .bgcolor legend,
#content .bgcolor label {
    color: #FFFFFF;
}

/* Light */
.section.light, .box.light {
    background-color: #E8E8E8 !important;
    box-shadow: none;
}

.section.light h1, .section.light h2, .section.light h3, .section.light h4, .section.light h5, .section.light h6,
.box.light h1, .box.light h2, .box.light h3, .box.light h4, .box.light h5, .box.light h6 .section.dark p a, .box.dark p a {
    color: #000000;
}

.section.light p, .section.light li,
.box.light p, .box.light li {
    color: #000000;
}

#content .section.light p a, #content .box.light p a {
    color: #000000;
}

#content .section.light p a:hover, #content .box.light p a:hover {
    color: #119933 !important;
}

#content .light blockquote p,
#content .light blockquote {
    color: #000000 !important;
}

#content .section.light .ce_text ul li, 
#content .box.light .ce_text ul li,
#content .section.light .content-text ul li, 
#content .box.light .content-text ul li {
    color: #000000;
}

#content .section.light .download-element a, #content .box.light .download-element a {
    color: #000000;
}

/* Dark */
.section.dark, .box.dark {
    background-color: #5D5D5D !important;
}

.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6,
.box.dark h1, .box.dark h2, .box.dark h3, .box.dark h4, .box.dark h5, .box.dark h6 .section.dark p a, .box.dark p a {
    color: #FFFFFF;
}

#content .dark .normaler-link .button.btn-default {
    color: #FFFFFF !important;
}

#content .dark .normaler-link .button.btn-default::before {
    background-image: url(../img/arrow-right-weiss.svg);
}

.section.dark p, .section.dark li,
.box.dark p, .box.dark li {
    color: #FFFFFF;
}

#content .section.dark p a, #content .box.dark p a {
    color: #FFFFFF;
}

#content .section.dark p a:hover, #content .box.dark p a:hover {
    color: #119933 !important;
}

#content .section.dark blockquote p, #content .box.dark blockquote p,
#content .section.dark blockquote, #content .box.dark blockquote {
    color: #FFFFFF !important;
}

#content .section.dark .ce_text ul li, 
#content .box.dark .ce_text ul li,
#content .section.dark .content-text ul li, 
#content .box.dark .content-text ul li {
    color: #FFFFFF;
}

#content .section.dark .download-element a, #content .box.dark .download-element a {
    color: #FFFFFF;
}

#content .dark .ce_text ul li:before,
#content .dark .content-text ul li:before {
    background-image: url(../img/haken-weiss.svg);
}

/* Form */
#content .dark form p,
#content .dark form a,
#content .dark legend,
#content .dark label {
    color: #FFFFFF;
}

/* ----------------------------------------------------------------
	Testimonial
-----------------------------------------------------------------*/
.testimonial {
    border: none;
}

.testimonial.testimonial-full {
    border: none;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    box-shadow: 0 1px 10px rgb(112 112 112 / 16%);
    padding-top: 0 !important;
}

.testimonial-full .testi-image {
    margin-bottom: 0px;
    width: 157px;
    height: 300px;
    padding-top: 135px;
}

.testimonial-full .testi-image img, .testimonial-full .testi-image a {
    width: 157px;
    height: 157px;
}

.testimonial-full .testi-content {
    margin-top: 20px;
}

#content .testimonial-full .slide .testimonial::before {
    content: " " !important;
    position: absolute;
    height: 115px;
    width: 114px !important;
    left: 0;
    top: 0;
    background-image: url(../img/lesemarker-ohne-marker.svg);
    background-repeat: no-repeat;
    background-size: 114px 115px;
    left: calc(50% - 57px);
}

#content .testimonial-full .slide .testimonial::after {
    position: absolute;
    content: '„';
    font-size: 164px;
    color: #FFFFFF !important;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    left: 0;
    top: -121px;
    left: calc(50% - 49px);
    height: auto;
    width: 115px !important;
}

@media (max-width: 480px) {
    .testimonial.testimonial-full {
        padding: 0px !important;
        padding-bottom: 20px !important;
    }
}

.testimonial-full .testi-meta {
    font-size: 20px;
    margin-top: 30px;
    font-weight: bold;
    text-transform: none !important;
    color: #000000;
}

.testimonial-full .testi-meta::before {
    display: none;
}

.testimonial-full .testi-meta span {
    font-size: 20px;
    font-weight: normal;
    color: #000000;
}

.testimonial.testimonial-full .flex-control-nav {
    margin-top: 10px;
    margin-bottom: 30px;
}

.testimonial .flex-control-nav li {
    width: 23px !important;
    height: 23px !important;
    margin: 0 5px;
}

.testimonial .flex-control-nav li a {
    width: 23px !important;
    height: 23px !important;
    background-color: transparent;
    border: 1px solid #000000;
}

.testimonial .flex-control-nav li a.flex-active {
    background-color: #000000;
}

.testimonial-full .testi-content p {
    font-family: 'Roboto', sans-serif;
    color: #119933;
    font-size: 35px;
    line-height: 45px !important;
}

.testimonial-full .testi-content p::before {
    display: none;
}

.scroller-kurs .testimonial-full .testi-image, .scroller-kurs .testimonial-full .testi-image a, .scroller-kurs .testimonial-full .testi-image i, .scroller-kurs .testimonial-full .testi-image img {
    height: 100px;
    width: 100px;
}

.scroller-kurs .testimonial .flex-control-nav li {
    width: 20px;
}

.scroller-kurs .testimonial .flex-control-nav li a {
    width: 10px !important;
    height: 10px !important;
}

@media (max-width: 991px) {
    .testimonial-full .testi-content p {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    .testimonial-full .testi-meta,
    .testimonial-full .testi-meta span {
        font-size: 17px !important;
        line-height: 23px !important;
    }

    .testimonial .flex-control-nav li {
        width: 15px !important;
        height: 15px !important;
    }

    .testimonial .flex-control-nav li a {
        width: 15px !important;
        height: 15px !important;
    }

    #content .testimonial-full .slide .testimonial::before {
        height: 70px;
        width: 70px !important;
        background-size: 70px 70px;
        left: calc(50% - 35px);
    }

    #content .testimonial-full .slide .testimonial::after {
        font-size: 99px;
        height: 70px;
        width: 70px !important;
        top: -12px;
        left: calc(50% - 29px);
    }

    .testimonial-full .testi-image {
        padding-top: 80px;
        height: 240px;
    }

    .testimonial.testimonial-full .flex-control-nav {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}

/* ----------------------------------------------------------------
	E-Learning
-----------------------------------------------------------------*/
.e-learning-wrapper .ce_hyperlink,
.e-learning-wrapper .content-hyperlink {
    display: inline-block;
}

.elementPerson a {
    color: #119933;
}

/* ----------------------------------------------------------------
	Testimonial Teaserbox
-----------------------------------------------------------------*/
.elementArticle.masonry-item-responsive .fslider.testimonial {
    background-color: transparent;
    border: 0px
}

.elementArticle.masonry-item-responsive .testimonial {
    background-color: transparent;
}

.elementArticle.masonry-item-responsive .testimonial .flex-control-nav {
    margin-top: 0px;
    top: -9px;
}

.elementArticle.masonry-item-responsive .testimonial p, .elementArticle.masonry-item-responsive .testimonial .testi-meta {
    color: #ffffff;
}

.elementArticle.masonry-item-responsive .testimonial .flex-control-nav li {
    margin: 0 5px !important;
    width: 6px;
    height: 6px;
}

.elementArticle.masonry-item-responsive .testimonial .flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1610px) {
    .elementArticle.masonry-item-responsive .testimonial {
        padding: 0px 5px;
    }

    .elementArticle.masonry-item-responsive .testimonial .testi-meta {
        display: none;
    }

    .elementArticle.masonry-item-responsive .testimonial .flex-control-nav {
        top: -7px;
    }
}

@media (min-width: 768px) and (max-width: 1326px) {
    .elementArticle.masonry-item-responsive .testimonial .testi-image {
        margin-bottom: 0px !important;
    }

    .elementArticle.masonry-item-responsive .testimonial .testi-content p {
        line-height: 1.4;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1326px) {
    .elementArticle.masonry-item-responsive .testimonial .testi-image {
        display: none;
    }
}

@media (max-width: 480px) {
    .elementArticle.masonry-item-responsive .testimonial .testi-image {
        display: none;
    }

    .elementArticle.masonry-item-responsive .testimonial {
        padding: 0px 5px;
    }

    .elementArticle.masonry-item-responsive .testimonial .testi-meta {
        margin-top: 0px;
    }
}

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
#slider,
#slider .swiper-wrapper .swiper-slide {
    height: 70vh !important;
}

#slider .container {
    width: 100% !important;
    padding: 0 !important;
    background-image: url("/files/design_assets/design-ogfs/img/Ring_OGFS_white.svg");
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center 40%;
    background-color: rgb(10 10 10 / 32%);
}

#slider .container::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgb(10 10 10 / 20%);
}
#slider .slider-parallax-inner {
    position: relative !important;
    padding: 0 60px;
}

#slider.no-cycle .container {
    background-image: none;
}

#slider .slider-caption-bottom-center {
    bottom: 11%;
}

#slider .slider-caption-bottom-left {
    left: 5%;
    right: 5%;
}

.gastrokurslogo {
    width: 120px;
}

#slider .slider-caption h2,
#slider .slider-caption p,
#slider .section.full-screen .box h3,
#slider .section.full-screen .box h1 {
    text-shadow: 1px 1px 2px rgb(0 0 0 / 90%)!important;
    color: #FFFFFF !important;
}

#slider .slider-caption h2 {
    font-size: 40px;
}

#slider .slider-caption .button.btn-default {
    margin-left: 0;
}

@media (max-width: 991px) {
    #slider,
    #slider .swiper-wrapper .swiper-slide {
        height: calc(100vh - 150px) !important;
    }

    #slider .slider-parallax-inner {
        padding: 0;
    }

    #slider .container {
        background-position: center 20%;
        background-size: 35%;
    }

    #slider .slider-caption h2 {
        font-size: 30px;
        line-height: 35px;
    }

    #slider .slider-caption p {
        margin-top: 5px !important;
    }

    #slider .slider-caption img {
        width: 180px;
    }

    #slider .slider-caption .button.btn-default {
        display: inline-block !important;
        margin-top: 10px;
    }

    #slider .slider-caption-bottom-left {
        bottom: 10%;
    }
}

@media (max-width: 479px) {
    #slider .slider-caption img {
        width: 85px;
    }

    #slider .container {
        background-position: center 30%;
        background-size: 45% !important;
    }

    #slider.half .slider-caption-bottom-center {}
}

/* Slider half */
#slider.half,
#slider.half .swiper-wrapper .swiper-slide {
    height: 50vh !important;
}

#slider.half .container {
    background-size: 15%;
}

#slider.half .slider-caption-bottom-center {
    bottom: 4%;
}

#slider.half .one-page-arrow {
    display: none;
}

@media (max-width: 991px) {
    #slider.half .container {
        background-position: center 35%;
        background-size: 45% !important;
    }

    #slider.half .slider-caption-bottom-center {
        bottom: 8%;
    }
}

@media (max-width: 767px) {
    #slider.half .container {
        background-position: center 35%;
        background-size: 45% !important;
    }

    #slider.half .slider-caption-bottom-center {
        bottom: 8%;
    }
}

@media (max-width: 479px) {
    #slider.half .container {
        background-position: center 35%;
        background-size: 45% !important;
    }

    #slider.half .slider-caption-bottom-center {
        bottom: 8%;
    }
}

/* Slider mit Image (z.b. Kurse) */
#slider.slider-img .slider-caption {
    display: flex;
    flex-direction: column;
}

#slider.slider-img .slider-caption h2 {
    order: 2;
    padding-top: 25px;
}

#slider.slider-img .slider-caption p.fadeInUp {
    order: 3;
}

#slider.slider-img .slider-caption div.fadeInUp {
    order: 1;
}

@media (max-width: 479px) {
    #slider.slider-img .slider-caption h2 {
        padding-top: 10px;
    }
}

/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/
#primary-menu ul {
    border-top-color: #119933 !important;
}

#primary-menu ul li.current>a, #primary-menu ul li:hover>a {
    color: #000000;
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    border-top: 2px solid #119933;
    border-bottom: none;
    border-left: none;
    border-right: none;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media (min-width: 992px) {
    #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
        width: 250px;
    }
}

#primary-menu ul li>a, #header.semi-transparent.sticky-header.dark #header-wrap #primary-menu ul li>a {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    text-shadow: none;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#header-wrap:not(.not-dark) #primary-menu>ul>li>a, .dark #primary-menu:not(.not-dark) ul ul li>a {
    color: #000000 !important;
    text-shadow: none;
}

#header-wrap:not(.not-dark) #primary-menu>ul>li>a:hover, .dark #primary-menu:not(.not-dark) ul ul li>a:hover, .dark #primary-menu:not(.not-dark) ul ul li:hover>a {
    color: #119933 !important;
}

#header-wrap:not(.not-dark) #primary-menu>ul.level_1>li>a:hover span {
    color: #119933 !important;
}

#header-wrap:not(.not-dark) #primary-menu>ul.level_1>li.menu-button-default>a:hover span,
#header-wrap:not(.not-dark) #primary-menu>ul.level_1>li.menu-button-default>a:hover {
    color: #FFFFFF !important;
}

#primary-menu ul li>a:hover, #primary-menu ul li>a:focus,
#header.semi-transparent.sticky-header.dark #header-wrap #primary-menu ul li>a:hover, #header.semi-transparent.sticky-header.dark #header-wrap #primary-menu ul li>a:focus {
    color: #000000;
}

#primary-menu ul li>a i {
    top: -9px;
    font-size: 25px;
    padding-right: 16px;
    color: #119933;
}

@media (max-width: 991px) {
    #primary-menu ul li>a i {
        display: none;
    }
}

#primary-menu ul li>a:hover i {
    color: #000000;
}

/* Second Level */
.dark #primary-menu:not(.not-dark) ul ul {
    background-color: #ffffff;
    border-color: #ffffff;
}

#primary-menu ul ul>li>a, #header.semi-transparent.sticky-header.dark #header-wrap #primary-menu ul ul li>a {
    text-transform: none;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px;
    color: #000000 !important;
}

#primary-menu ul ul li:hover>a {
    background-color: #f9f9f9 !important;
}

#primary-menu ul ul li:hover>a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a {
    color: #000000 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #primary-menu ul li>a, #header.semi-transparent.sticky-header.dark #header-wrap #primary-menu ul li>a {
        font-size: 14px;
        padding: 39px 8px;
    }

    #primary-menu ul ul>li>a, #header.semi-transparent.sticky-header.dark #header-wrap #primary-menu ul ul li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }

    #header.sticky-header:not(.static-sticky) #primary-menu>ul>li.menu-button-default>a {
        padding: 0 22px !important;
    }
}

/* ----------------------------------------------------------------
	Element Pricing 3er Box
-----------------------------------------------------------------*/
.elementPricing3Columns .container, .elementPricing2Columns .container {
    width: 100% !important;
    padding: 0px;
}

/* ----------------------------------------------------------------
	Pricingboxes
-----------------------------------------------------------------*/
.pricing-title h3, .pricing-box.best-price .pricing-title h3 {
    color: #000000;
    text-transform: none;
    text-shadow: none;
}

.pricing-box.best-price .pricing-title h3 {
    color: #FFFFFF;
}

.pricing-box {
    background-color: #FFFFFF;
    border-radius: 0px !important;
    box-shadow: none;
}

.pricing-title {
    border-bottom: 1px solid #E8E8E8 !important;
    background-color: #FFFFFF;
    border-radius: 0px !important;
}

.elementPricing .pricing-desc {
    background-color: #FFFFFF;
}

.pricing-action {
    padding-bottom: 30px;
}

.pricing-price:after {
    border-top: none;
}

.pricing-box.pricing-extended {
    border: 1px solid #E8E8E8;
    border-radius: 0px !important;
    box-shadow: none;
}

.elementPricing.elementPricing2Columns .pricing-box, .elementPricing.elementPricing3Columns .pricing-box {
    border: 1px solid #E8E8E8;
    box-shadow: none !important;
}

.elementPricing .pricing-box.best-price .pricing-price {
    background-color: #FFFFFF !important;
    color: #119933;
}

.elementPricing .pricing-box.best-price .pricing-price .price-unit {
    color: #FFFFFF;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-price,
.elementPricing.elementPricing3Columns .pricing-box .pricing-price,
.elementPricing.elementPricing4Columns .pricing-box .pricing-price,
.elementPricing.elementPricing5Columns .pricing-box .pricing-price {
    background-color: #FFFFFF;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-features, .elementPricing.elementPricing3Columns .pricing-box .pricing-features {
    border-bottom: 1px solid transparent;
}

.elementPricing.elementPricing2Columns .pricing-title,
.elementPricing.elementPricing3Columns .pricing-title,
.elementPricing.elementPricing4Columns .pricing-title,
.elementPricing.elementPricing5Columns .pricing-title {
    border-bottom: none;
}

@media (min-width: 768px) {
    .elementPricing.elementPricing5Columns .col-sm-2 {
        width: 20%;
    }
}

.pricing-box.pricing-extended .pricing-action-area {
    border-left: 1px solid #E8E8E8;
    background-color: #E8E8E8;
}

.pricing-box.pricing-extended .pricing-features li, .pricing-features li {
    font-size: 20px;
    color: #000000;
}

.pricing-box.pricing-extended .pricing-features ul li i {
    margin-right: 7px;
}

.pricing-box.pricing-extended .pricing-meta, .pricing-title span {
    color: #000000;
    font-size: 20px;
    text-transform: none;
    padding-bottom: 5px;
    text-shadow: none;
    font-weight: 400;
}

.pricing-price {
    font-size: 40px !important;
    color: #FFFFFF;
    text-transform: none;
    font-weight: 400;
}

.pricing-box.best-price .pricing-title {
    background-color: #E8E8E8;
}

#content .elementPricing.elementPricing2Columns .pricing-price,
#content .elementPricing.elementPricing3Columns .pricing-price,
#content .elementPricing.elementPricing4Columns .pricing-price,
#content .elementPricing.elementPricing5Columns .pricing-price {
    color: #000000;
}

#content .elementPricing.elementPricing2Columns .best-price .pricing-price,
#content .elementPricing.elementPricing3Columns .best-price .pricing-price,
#content .elementPricing.elementPricing4Columns .best-price .pricing-price,
#content .elementPricing.elementPricing5Columns .best-price .pricing-price {
    color: #119933;
}

.pricing-price .price-unit {
    font-size: 30px !important;
    font-size: 18px !important;
}

.pricing-price span.price-tenure {
    color: #FFFFFF;
    text-transform: none !important;
    font-size: 15px !important;
}

.elementPricing .pricing-box span.price-tenure {
    color: #FFFFFF;
    font-weight: 400 !important;
}

#content .elementPricing.elementPricing2Columns .pricing-box span.price-tenure,
#content .elementPricing.elementPricing3Columns .pricing-box span.price-tenure,
#content .elementPricing.elementPricing4Columns .pricing-box span.price-tenure,
#content .elementPricing.elementPricing5Columns .pricing-box span.price-tenure {
    color: #000000;
}

#content .elementPricing.elementPricing2Columns .best-price span.price-tenure,
#content .elementPricing.elementPricing3Columns .best-price span.price-tenure,
#content .elementPricing.elementPricing4Columns .best-price span.price-tenure,
#content .elementPricing.elementPricing5Columns .best-price span.price-tenure {
    color: #119933;
    font-weight: 400;
}

.elementPricing .pricing-box.best-price span.price-tenure {
    color: #FFFFFF;
}

.elementPricing .pricing-action .button,
.elementPricing.elementPricing2Columns .btn,
.elementPricing.elementPricing3Columns .btn,
.elementPricing.elementPricing4Columns .btn,
.elementPricing.elementPricing5Columns .btn {
    border-radius: 15px;
    display: inline;
    border-color: #119933 !important;
    padding: 13px 22px;
    letter-spacing: 0px;
    border-bottom: 0px;
    border: 0px;
    font-size: 20px;
    background-color: #119933 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: 500;
}

#content .elementPricing .pricing-action .button:hover,
#content .elementPricing .pricing-action .button:focus,
#content .elementPricing.elementPricing2Columns .btn:hover,
#content .elementPricing.elementPricing2Columns .btn:focus,
#content .elementPricing.elementPricing3Columns .btn:hover,
#content .elementPricing.elementPricing3Columns .btn:focus,
#content .elementPricing.elementPricing4Columns .btn:hover,
#content .elementPricing.elementPricing4Columns .btn:focus,
#content .elementPricing.elementPricing5Columns .btn:hover,
#content .elementPricing.elementPricing5Columns .btn:focus {
    border-radius: 15px;
    display: inline;
    border-color: #000000 !important;
    padding: 13px 22px;
    letter-spacing: 0px;
    border-bottom: 0px;
    border: 0px;
    font-size: 20px;
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: 500;
}

.promo.promo-border {
    border: 1px solid #eee;
    border-radius: 15px;
}

/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/
#page-title {
    background-color: #FFFFFF;
    padding-top: 80px;
    border: none;
}

#page-title h1 {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 60px;
    font-size: 55px;
    text-transform: none !important;
    color: #000000;
}

#page-title .ce_headline,
#page-title .content-headline {
    font-size: 55px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 60px;
}

@media (max-width: 991px) {
    #page-title {
        text-align: left;
        padding-top: 40px;
    }

    #page-title h1 {
        font-size: 32px !important;
        line-height: 38px !important;
    }
}

/* ----------------------------------------------------------------
	Featurebox
-----------------------------------------------------------------*/
.box.icon-element-box {
    padding-bottom: 30px;
}

.box.icon-element-box .ce_column:before,
.box.icon-element-box .ce_app_grid_column_start:before {
    content: " " !important;
    position: absolute;
    height: 100%;
    width: 2px !important;
    left: -2px;
    top: 0;
    background-image: url(../img/line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.box.icon-element-box .ce_column:first-child:before,
.box.icon-element-box .ce_app_grid_column_start:first-child:before {
    display: none;
}

.box.icon-element-box .ce_headline,
.box.icon-element-box .content-headline {
    padding-left: 15px !important;
    color: #000000 !important;
}

.box.icon-element-box .ce_text,
.box.icon-element-box .content-text {
    padding-left: 15px !important;
}

.box.icon-element-box img {
    padding-left: 15px !important;
}

.box.icon-element-box .ce_hyperlink,
.box.icon-element-box .content-hyperlink {
    padding-left: 15px !important;
}

@media (max-width: 991px) {
    #content #icon-element-section.nobgcolor {
        background-color: #E8E8E8 !important;
    }

    .box.icon-element-box {
        padding: 0 !important;
    }

    .box.icon-element-box .ce_column,
    .box.icon-element-box .ce_app_grid_column_start {
        border-bottom: 1px solid #000000;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .box.icon-element-box .ce_column:before,
    .box.icon-element-box .ce_app_grid_column_start:before {
        display: none;
    }

    .box.icon-element-box img {
        padding-left: 0 !important;
    }

    .box.icon-element-box .ce_text h5,
    .box.icon-element-box .content-text h5,
    .box.icon-element-box .ce_headline,
    .box.icon-element-box .content-headline {
        font-size: 24px;
        line-height: 30px;
        padding-left: 0 !important;
    }

    .box.icon-element-box .ce_text,
    .box.icon-element-box .content-text {
        padding-left: 0 !important;
    }

    .box.icon-element-box .ce_hyperlink,
    .box.icon-element-box .content-hyperlink {
        padding-left: 0 !important;
    }

    .box.icon-element-box .ce_column:last-child .ce_headline,
    .box.icon-element-box .ce_app_grid_column_start:last-child .content-headline {
        border-bottom: none;
    }
}

/* ----------------------------------------------------------------
	Info Box
-----------------------------------------------------------------*/
#content #icon-element-section.info .box.icon-element-box .ce_column:before,
#content #icon-element-section.info .box.icon-element-box .ce_app_grid_column_start:before {
    display: none;
}

@media (max-width: 991px) {
    #content #icon-element-section.info {
        padding-bottom: 30px !important;
    }

    #content #icon-element-section.info .box.icon-element-box .ce_headline,
    #content #icon-element-section.info .box.icon-element-box .content-headline {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 15px;
    }

    #content #icon-element-section.info .image_container {
        margin-top: 15px;
    }
}

/* ----------------------------------------------------------------
	Clients
-----------------------------------------------------------------*/
.clients-grid li a {
    opacity: .8;
}

.clients-grid li:after, .testimonials-grid li:after {
    border-bottom: 1px solid #aeaeae;
}

.clients-grid li:before, .testimonials-grid li:before {
    border-left: 1px solid #aeaeae;
}

/* ----------------------------------------------------------------
	Bild mit Badge
-----------------------------------------------------------------*/
.box.bild-box {
    position: relative;
    padding-left: 70px !important;
}

.box.bild-box .ce_text,
.box.bild-box .content-text {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    height: 169px;
    width: 169px;
    position: absolute;
    left: 0;
    background-color: #ffffff;
    text-align: center;
    font-size: 27px;
    line-height: 32px;
    font-style: normal;
    z-index: 10;
    border-radius: 50%;
    color: #000000;
    border: 30px solid #009933;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

.box.bild-box .ce_text p,
.box.bild-box .content-text p {
    font-size: 20px;
    font-weight: bold;
    padding: 5px !important;
    line-height: 21px !important;
    margin-bottom: 0 !important;
}

@media (min-width: 992px) {
    .section.kontakt .row {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .box.bild-box {
        padding-left: 35px !important;
    }

    .box.bild-box-text {
        padding-top: 30px;
    }

    .box.bild-box-text .ce_text,
    .box.bild-box-text .content-text {
        padding: 0;
    }

    .box.bild-box-text .ce_hyperlink,
    .box.bild-box-text .content-hyperlink {
        padding: 0;
        margin-top: 20px;
    }

    .box.bild-box .ce_text,
    .box.bild-box .content-text {
        height: 100px;
        width: 100px;
        border: 20px solid #009933;
    }

    .box.bild-box .ce_text p,
    .box.bild-box .content-text p {
        font-size: 17px;
        line-height: 16px !important;
    }
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer.dark, .dark #footer {
    background-color: #5D5D5D;
    border-top: none;
}

.ce_rsce_clients .owl-carousel.owl-drag .owl-item {
    background-color: #FFFFFF;
    border-radius: 5px;
}

.ce_rsce_clients .owl-carousel .owl-item img {
    padding: 3px 5px;
}

#footer.dark h4, #footer.dark h5 {
    margin-bottom: 5px !important;
    font-size: 16px;
    color: #FFFFFF;
}

#footer.dark h5 {
    margin-bottom: 15px !important;
}

#footer.dark .ce_rsce_address.address-ogfs address {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    #footer.dark h4, #footer.dark h5 {
        font-size: 17px !important;
        line-height: 22px !important;
        margin-top: 30px;
    }
}

#footer.dark h4 a {
    color: #FFFFFF !important;
}

#footer .footer-widgets-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}

#footer.dark .footer-widgets-wrap li {
    padding-left: 0px;
    padding: 0px;
    line-height: 25px;
}

#footer.dark .footer-widgets-wrap a {
    color: #eee;
    background-image: none;
    padding-left: 0px;
    padding: 0px;
    line-height: 100%;
}

#footer.dark .footer-widgets-wrap a:hover {
    color: #FFFFFF;
}

#footer address p, #footer p {
    color: #eee;
    font-size: 16px;
    line-height: 25px;
}

#footer form input {
    font-size: 16px;
    background-color: #ffffff;
    color: #000000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 38px;
    border: none;
}

#footer form input::placeholder {
    font-size: 16px;
    color: #000000;
}

#footer .btn.btn-success {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #119933 !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 38px;
    width: 50px;
    border: none !important;
}

#footer .btn.btn-success:hover {
    background-color: #000000 !important;
}

#footer .btn.btn-success i {
    font-size: 30px;
}

#footer .wrapper-partner img {
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    #footer address p, #footer p {
        font-size: 17px !important;
        line-height: 22px !important;
    }
}

@media (max-width: 767px) {
    #footer .footer-widgets-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #footer .wrapper-partner img {
        width: 50%;
        margin-bottom: 5px;
    }
}

.dark #copyrights {
    background-color: #5D5D5D;
    padding: 0px;
    margin-bottom: 25px;
}

.dark #copyrights p.tsoBacklink {
    line-height: 1.8;
    margin-bottom: 10px;
}

.dark #copyrights p, .dark #copyrights .copyrights-menu {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 35px;
    color: #FFFFFF;
}

.dark #copyrights p.tsoBacklink {
    line-height: 1.8;
    margin-bottom: 10px;
}

.dark #copyrights a.tsoBacklinkFooter {
    color: #eee;
}

.dark #copyrights a.tsoBacklinkFooter:hover {
    color: #FFFFFF;
}

@media (max-width: 991px) {
    .copyrights-menu a {
        margin: 0 10px;
    }

    .dark #copyrights>.container {
        width: 100% !important;
    }
}

#copyrights .copyrights-menu a {
    font-size: 14px;
    line-height: 35px;
    color: #FFFFFF;
}

#copyrights .copyrights-menu a:hover {
    color: #FFFFFF;
    opacity: 0.9;
}

#copyrights .copyrights-menu a.tsoBacklinkFooter {
    margin-left: 0;
}

#copyrights .copyrights-menu span.tso-copyrights {
    margin-left: 10px;
    font-size: 14px;
}

#copyrights .copyrights-menu span.gebuehrenregelung {
    margin-left: 10px;
}

#copyrights .copyrights-menu a.andragogische-leitideen {
    margin-right: 0;
}

@media (min-width: 992px) {
    #footer .ce_app_footer_navigation.col-md-3 {
        width: 33%;
    }
}

@media (max-width: 767px) {
    #copyrights .copyrights-menu a.andragogische-leitideen {
        margin-left: 0;
    }
}

@media (max-width: 479px) {
    #copyrights .copyrights-menu span.gebuehrenregelung,
    #copyrights .copyrights-menu span.gebuehrenregelung a,
    #copyrights .copyrights-menu a.andragogische-leitideen {
        margin-left: 0;
    }
}

.formWidgetSBB {
    padding-top: 15px;
}

/**
 * Circle Styles
 */
.circle {
    position: relative;
    display: block;
    margin: 2em 0;
    background-color: transparent;
    color: #202020;
    text-align: center;
    cursor: pointer;
}

.circle.alertbadge:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #ec3f05;
    content: "";
    border: 0px solid #fff !important;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
    -moz-box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
    box-shadow: 2px 2px 7px 0px rgba(32, 32, 32, 1);
}

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

.circle__wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.circle__content {
    display: table-cell;
    padding: 0.8em;
    padding-top: 0em;
    vertical-align: middle;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    color: #202020 !important;
    text-shadow: none;
}

.circle.black .circle__content, .circle.alertbadge .circle__content {
    color: #ffffff !important;
}

.wrapperbadgeheader {
    padding-left: 18px;
    padding-right: 0px;
    position: absolute;
    top: 170px;
    left: 100px;
    z-index: 1000;
    width: 140px !important;
}

.wrapperbadgeheader.hilfewirte {
    top: 320px;
}

@media (max-width: 767px) {
    .wrapperbadgeheader {
        padding-left: 18px;
        padding-right: 0px;
        position: absolute;
        top: 94px;
        left: 0px;
        z-index: 1000;
        width: 110px !important;
    }

    .wrapperbadgeheader.hilfewirte {
        top: 202px;
    }
}

/**
 * Sponsoring Landingpage
 */
.header-sponsoring #slider .container {
    background-image: none;
}

@media (min-width: 1400px) {
    .sponsoring-pakete .feature-box p {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* ----------------------------------------------------------------
	Header Section
-----------------------------------------------------------------*/
.section.bgcolor.header-section .img-circle {
    border: 50px solid #ffffff;
}

.section.nobgcolor.header-section .img-circle {
    border: 50px solid #119933;
}

.box.box-header .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .section.header-section .row {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .section.header-section .img-circle {
        width: 100%;
    }

    .section.bgcolor.header-section .img-circle {
        border: 35px solid #ffffff;
        margin-bottom: 15px;
    }

    .section.nobgcolor.header-section .img-circle {
        border: 35px solid #119933;
        margin-bottom: 15px;
    }
}

@media (max-width: 479px) {

    .section.header-section .ce_headline,
    .section.header-section .content-headline,
    .section.header-section .ce_text,
    .section.header-section .content-text,
    .section.header-section .ce_image,
    .section.header-section .content-image {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ----------------------------------------------------------------
    Content Boxen
-----------------------------------------------------------------*/
.section.content-boxen .box {
    min-height: 550px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 90px;
}

.section.content-boxen.gastroSG .box {
    position: relative;
    border: 1px solid #707070;
    min-height: 400px;
    padding-left: 55px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.section.content-boxen.gastroSG .box .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    top: -25px;
    height: 169px;
    width: 169px;
    position: absolute;
    left: -107px;
    background-color: #ffffff;
    text-align: center;
    text-transform: none;
    font-size: 37px;
    line-height: 32px;
    font-style: normal;
    z-index: 10;
    border-radius: 50%;
    color: #ffffff;
    border: 30px solid #009933;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}

.section.content-boxen.gastroSG .box .badge p {
    margin-bottom: 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section.content-boxen .box {
        min-height: 610px;
    }

    .section.content-boxen.gastroSG .box {
        margin-bottom: 30px !important;
        min-height: auto;
    }

    .section.content-boxen.gastroSG .box .badge {
        right: -10px;
        top: -51px;
        left: auto;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section.content-boxen.gastroSG .box .badge {
        height: 117px;
        width: 117px;
        border: 20px solid #009933;
        right: -10px;
        top: -51px;
        left: auto;
    }

    .section.content-boxen.gastroSG .box .badge p {
        font-size: 16px !important;
        line-height: 16px !important;
    }
}

@media (max-width: 991px) {
    .section.content-boxen {
        margin-bottom: 0 !important;
    }

    .section.content-boxen .box {
        margin-bottom: 30px !important;
        min-height: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 40px !important;
        padding-bottom: 25px !important;
    }

    .section.content-boxen .box.mit-badge {
        padding-top: 70px !important;
    }

    .section.content-boxen.gastroSG .box {
        min-height: auto;
    }

    .section.content-boxen.gastroSG .box .badge {
        height: 117px;
        width: 117px;
        border: 20px solid #009933;
        right: -10px;
        top: -51px;
        left: auto;
    }

    .section.content-boxen.gastroSG .box .badge p {
        font-size: 16px !important;
        line-height: 16px !important;
    }
}

/* ----------------------------------------------------------------
   Colapsibles, FAQ
-----------------------------------------------------------------*/
.ce_rsce_collapsibles .toggle.toggle-border,
.mod_faqpage .toggle.toggle-border {
    border: none;
    border-top: 1px solid #707070;
    margin: 0px;
    border-radius: 0px;
}

.section.light .ce_rsce_collapsibles .toggle.toggle-border,
.section.light .mod_faqpage .toggle.toggle-border {
    border-top: 1px solid #707070;
}

.ce_rsce_collapsibles .elementToggle:last-child,
.mod_faqpage .elementToggle:last-child {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #707070;
}

.section.light .ce_rsce_collapsibles .elementToggle:last-child,
.section.light .mod_faqpage .elementToggle:last-child {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #707070;
}

.ce_rsce_collapsibles .togglet,
.mod_faqpage .togglet {
    background-color: transparent;
    padding-left: 0px !important;
    font-size: 30px;
    line-height: 30px !important;
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    padding-right: 35px !important;
}

.ce_rsce_collapsibles .togglec .text p a,
.mod_faqpage .togglec .text p a {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #000000;
    text-decoration: underline !important;
}

.ce_rsce_collapsibles .togglec .text p a:hover,
.mod_faqpage .togglec .text p a:hover {
    text-decoration: none !important;
}

.ce_rsce_collapsibles .toggle.toggle-border .togglet i,
.mod_faqpage .toggle.toggle-border .togglet i {
    left: auto;
    right: 9px;
    line-height: 30px;
    font-size: 32px;
    top: 22px;
}

.ce_rsce_collapsibles .icon-line2-question:before,
.mod_faqpage .icon-line2-question:before {
    content: "\e7a7";
}

.ce_rsce_collapsibles .icon-line2-close:before,
.mod_faqpage .icon-line2-close:before {
    content: "\e7a6";
}

.ce_rsce_collapsibles .toggle.toggle-border .togglec,
.mod_faqpage .toggle.toggle-border .togglec {
    padding: 0px;
    height: auto;
    margin: 0px;
}

.ce_rsce_collapsibles .toggle.toggle-border .togglec p,
.mod_faqpage .toggle.toggle-border .togglec p {
    margin-bottom: 25px !important;
}

.ce_rsce_collapsibles .elementToggle ul {
    list-style-position: outside;
    padding-left: 21px !important;
}

.mod_faqpage .info {
    display: none;
}

@media (max-width: 991px) {
    .ce_rsce_collapsibles .togglet, .mod_faqpage .togglet {
        font-size: 24px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 30px;
    }

    .ce_rsce_collapsibles .toggle.toggle-border .togglet i, .mod_faqpage .toggle.toggle-border .togglet i {
        top: 10px;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .ce_rsce_collapsibles table {
        overflow-x: auto;
        width: 100%;
        height: auto !important;
        margin-bottom: 15px;
        overflow-y: hidden;
        display: block;
        white-space: nowrap;
    }
}

/* ----------------------------------------------------------------
   SBB
-----------------------------------------------------------------*/
.ce_rsce_sbb .formWidgetSBB {
    background-color: #E8E8E8;
}

.ce_rsce_sbb .formWidgetSBB button {
    padding: 0px 22px;
    line-height: 24px;
}

@media (max-width: 991px) {
    .ce_rsce_sbb .formWidgetSBB button {
        line-height: 24px;
    }
}

/* ----------------------------------------------------------------
   gotoTop
-----------------------------------------------------------------*/
#gotoTop {
    background-color: #119933 !important;
    color: #FFFFFF !important;
    border-radius: 50%;
}

#gotoTop:hover {
    background-color: #000000 !important;
}

/* ----------------------------------------------------------------
   Banner
-----------------------------------------------------------------*/
.section.banner .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .section.banner .row {
        flex-direction: column;
    }

    .section.banner .box {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .section.banner .ce_image,
    .section.banner .content-image {
        text-align: center;
    }
}

/* ----------------------------------------------------------------
   Formular
-----------------------------------------------------------------*/
.checkbox-style-1-label:before,
.checkbox-style-2-label:before,
.checkbox-style-3-label:before,
.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before {
    border: 2px solid #707070 !important;
    margin-top: 0;
    padding: 10px;
}

.checkbox-style-1-label, 
.checkbox-style-2-label, 
.checkbox-style-3-label, 
.radio-style-1-label, 
.radio-style-2-label, 
.radio-style-3-label {
    display: inline-flex;
    align-items: center;
}

.radio-style:checked+.radio-style-2-label:before {
    background: #707070;
}

.checkbox-style:checked+.checkbox-style-3-label:before,
.radio-style:checked+.radio-style-3-label:before {
    font-size: 14px !important;
    background: #000000;
    padding-left: 4px;
    line-height: 1px;
}

.sm-form-control {
    color: #000000;
    border: 2px solid #707070 !important;
}

label,
legend,
.sm-form-control {
    font-size: 20px;
    line-height: 26px !important;
}

form legend {
    font-weight: 700;
    color: #000000;
    border-bottom: none;
}

#content form p,
#content form a {
    color: #000000;
    font-size: 20px;
    line-height: 26px;
}

form .widget.widget-explanation.explanation {
    margin-top: 0;
}

#content form a:hover {
    color: #119933 !important;
    text-decoration: none !important;
}

.form-widget.form-margin-bottom {
    margin-bottom: 10px;
}

.form-widget.form-margin-bottom fieldset {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    form a {
        font-size: 17px;
        line-height: 23px;
    }

    label,
    legend,
    .sm-form-control {
        font-size: 17px;
        line-height: 23px !important;
    }
}

/* ----------------------------------------------------------------
   elementSocialIcons
-----------------------------------------------------------------*/
/* SocialIcons */
#footer .elementSocialIcons .fright {
    float: left !important;
}

#footer .elementSocialIcons .fright a {
    color: #000000 !important;
    text-decoration: none !important;
    margin-right: 17px;
    height: 36px;
}

#footer .elementSocialIcons .fright a img.icon-footer-hover {
    display: none;
}

#footer .elementSocialIcons .fright a:hover img.icon-footer {
    display: none;
}

#footer .elementSocialIcons .fright a:hover img.icon-footer-hover {
    display: inline-block;
}

#footer .elementSocialIcons .fright a i {
    font-size: 29px;
    color: #000000;
}

#footer .elementSocialIcons .fright a i {
    color: #00a4cf !important;
}

.social-icon.si-small:hover i {
    margin-top: 0 !important;
}

.social-icon.si-small:hover img {
    opacity: 0.8;
}

@media (min-width: 992px) {
    #footer #copyrights .image_container {
        margin-top: -11px;
        margin-right: -30px;
    }
}

@media (max-width: 991px) {
    #footer #copyrights .image_container {
        margin-top: 30px;
        margin-right: 0px;
        margin-left: -30px;
        clear: both;
    }

    #footer #copyrights .copyrighttext {
        text-align: left !important;
        clear: both;
        font-size: 11px;
    }

    #footer #copyrights .copyrights-menu {
        font-size: 17px !important;
        line-height: 26px !important;
        display: block;
    }

    #footer #copyrights .copyrights-menu a {
        font-size: 17px !important;
        line-height: 26px !important;
        margin-bottom: 6px;
    }

    #footer #copyrights .copyrights-menu a.tsoBacklinkFooter {
        width: auto;
    }
    
    #footer #copyrights .copyrights-menu span.tso-copyrights {
        font-size: 17px;
        margin-left: 0;
        display: block;
    }

    #footer .ce_image,
    #footer .content-image {
        margin-bottom: 30px;
        padding-right: 0px;
    }

    #footer .elementSocialIcons {
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    #footer form input {
        font-size: 17px !important;
        line-height: 32px !important;
        height: 33px;
    }

    #footer form input::placeholder {
        font-size: 17px !important;
        line-height: 26px !important;
    }

    #footer .btn.btn-success {
        width: 40px;
        height: 33px;
    }

    #footer .btn.btn-success i {
        font-size: 26px;
    }
}

@media (min-width: 1200px) {
    #footer #copyrights .image_container {
        margin-top: -29px;
        margin-right: -35px;
    }
}