/*
Theme Name: Gerber
Author: seaio.interactive
Author URI: https://www.seaio.ch
Description: Individual template created for WordPress
Version: 1.0
*/


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
/*Standards setzen - Variablen*/
:root {
    /*Fonts*/
    --font-title:  'CreteRound',arial,sans-serif;
    --font-body:  'Exo-Regular',arial,sans-serif;
    --font-body-thin: 'Exo-Thin',arial,sans-serif;
    --font-body-bold: 'Exo',arial,sans-serif;

    /*Farben*/
    --color-green-dark: #0f6531;
    --color-green-middle: #32992e; 
    /*--color-green-bright: rgba(15,101,49,0.1);*/
    --color-green-bright: #E7EFEA;
    --color-white: #fff;
    --color-gray:  #333333;

    /*font-sizes*/
    --font-size-body: 24px;
    --line-height-body: 28px;
    --margin-p: 0 0 15px 0;
    --font-header-top: 14px;
    --font-header-top-nav: 16px;
    --font-size-footer: 16px;
    --line-height-footer: 21px;
    --font-size-footer2: 18px;
    --line-height-footer2: 30px;
    --font-size-nav: 21px;

    --font-size-h1: 48px;
    --line-height-h1: 52px;
    --margin-bottom-h1: 0px;
    --font-size-h2: 48px;
    --line-height-h2: 52px;
    --margin-bottom-h2: 0px;
    --margin-bottom-h2-statement: 20px;
    --font-size-h3: 36px;
    --line-height-h3: 40px;
    --margin-bottom-h3: 0px;
    --font-size-h4: 30px;
    --line-height-h4: 34px;
    --margin-bottom-h4: 0px;
    --font-size-h5: 24px;
    --line-height-h5: 28px;
    --margin-bottom-h5: 20px;
    --font-size-h6: 18px;
    --line-height-h6: 20px;
    --margin-bottom-h6: 0px;
    --font-size-headerimage: 32px;
    --line-height-headerimage: 36px;

    /*div. sizes*/
    --section-padding:  180px;
    --section-padding-ukmargin:  40px;
    --contentslider-with: 1560px;

}

@media screen and (max-width: 1640px) {
    :root {
        /*div. sizes*/
        --section-padding:  120px;
        --contentslider-with: 1440px;
    }
}

@media screen and (max-width: 1520px) {
    :root {
        /*font-sizes*/
        --font-size-h1: 38px;
        --line-height-h1: 42px;
        --font-size-h2: 38px;
        --line-height-h2: 42px;
        --font-size-h3: 32px;
        --line-height-h3: 36px;


        /*div. sizes*/
        --section-padding: 60px ;
        --contentslider-with: 1320px;
    }
}
@media screen and (max-width: 1400px) {
    :root {
        /*div. sizes*/
        --section-padding: 40px;
        --contentslider-with: 1280px;
    }
}
@media screen and (max-width: 1200px) {
    :root {
         /*font-sizes*/
        --font-size-body: 22px;
        --line-height-body: 26px;
        --font-size-h1: 36px;
        --line-height-h1: 40px;
        --font-size-h2: 36px;
        --line-height-h2: 40px;
        --font-size-h3: 32px;
        --line-height-h3: 36px;


        /*div. sizes*/
        --section-padding: 30px;
        --contentslider-with: calc(100vw - 20px);
    }
}
@media screen and (max-width: 960px) {
    :root {
         /*font-sizes*/
        --font-size-body: 20px;
        --line-height-body: 24px;
        --margin-p: 0 0 10px 0;
        --font-size-h1: 30px;
        --line-height-h1: 34px;
        --font-size-h2: 30px;
        --line-height-h2: 34px;
        --margin-bottom-h2-statement: 15px;
        --font-size-h3: 28px;
        --line-height-h3: 32px;

        --font-size-h5: 22px;
        --line-height-h5: 26px;
        --margin-bottom-h5: 10px;
        --font-size-headerimage: 28px;
        --line-height-headerimage: 30px;

        /*div. sizes*/
        --section-padding: 20px;
  
    }
}
@media screen and (max-width: 640px) {
    :root {
         /*font-sizes*/
        --font-size-body: 18px;
        --line-height-body: 22px;
        --font-header-top: 12px;
        --font-header-top-nav:  15px;
        --margin-p: 0 0 10px 0;
        --font-size-h1: 28px;
        --line-height-h1: 32px;
        --font-size-h2: 28px;
        --line-height-h2: 32px;
        --margin-bottom-h2-statement: 10px;

        --font-size-h5: 22px;
        --line-height-h5: 26px;
        --margin-bottom-h5: 10px;
        --font-size-headerimage: 26px;
        --line-height-headerimage: 28px;

         /*div. sizes*/
        --section-padding: 15px;
        --contentslider-with: unset;
    }
}
@media screen and (max-width: 480px) {
    :root {
         /*font-sizes*/
        --font-size-body: 16px;
        --line-height-body: 20px;
        --font-header-top: 12px;

        --font-size-h1: 24px;
        --line-height-h1: 28px;
        --font-size-h2: 24px;
        --line-height-h2: 28px;

        --font-size-h5: 20px;
        --line-height-h5: 24px;
        --margin-bottom-h5: 5px;
        --font-size-headerimage: 22px;
        --line-height-headerimage: 24px;
    }
}
html,body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--color-green-middle);
    scroll-behavior: smooth;
}
html {
}
body {
    
}
h1, h2, h3, h4 {
    font-family: var(--font-title);
    color: var(--color-green-dark);
    margin: 0;
}
h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    margin-bottom: var(--margin-bottom-h1);
}
h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
    margin-bottom: var(--margin-bottom-h2);
    font-style: italic;
}
h3 {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--color-green-dark);
}
h4 {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    margin-bottom: var(--margin-bottom-h4);
}
h5 {
    font-family: var(--font-body-bold);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: var(--color-green-middle);
    margin-top: 0;
    margin-bottom: var(--margin-bottom-h5);
}
h5>strong {
    text-decoration: underline;
}
h6 {
    font-family: var(--font-body-bold);
    font-size: var(--font-size-h6);
    line-height: var(--line-height-h6);
    color: var(--color-green-dark);
    margin-bottom: var(--margin-bottom-h6);
}

em {
    color: unset;
}

a{
    transition: all 0.25s ease-in-out;
    color:  var(--color-green-dark);
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 639px) {
}



/* topbar */
#topbar{
    background: var(--color-green-bright);
    color: var(--color-green-dark);
    font-size: var(--font-header-top);
    line-height: 30px;
}
#topbar a{
    color: var(--color-green-dark);
    text-decoration: none;
}
#topbar a:hover{
    color: var(--color-green-dark);
    text-decoration: none;
}
#menuTopLeft div{
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
#menuTopLeft a.mail span:first-child {
    position: relative;
    top: 1px;
}
#menuTopLeft a.phone span:first-child {
    position: relative;
    top: 1px;
}
#menuTopLeft a.location span:first-child {
    position: relative;
    top: 1px;
}
#menuTopLeft a span:nth-child(2) {
    position: relative;
    top: 2px;
    margin-left: 5px;
}
#menuTopRight a{
    display: inline-block;
    margin: 0;
    padding: 2px 10px;
    font-size: var(--font-header-top-nav);
}
#menuTopRight.bio-greens a.topRightActive,
#menuTopRight.gemuesebau a.topRightActive,
#menuTopRight.kompostierung a.topRightActive,
#menuTopRight.bodenreset a.topRightActive {
    background-color: var(--color-white);
}
#menuTopRight a:hover{
    background: #fff;
}


/* header */
.homeHeader{
    padding: 0;
    transition: all ease 0.3s;
    background-color: rgba(255,255,255,0.95);
}
.homeHeader .uk-container {
    padding-top: 20px;
    padding-bottom: 20px;
}
.homeHeader a img{
    width: 150px;
    transition: all ease 0.3s;
}
/*.homeHeader.uk-active {
    padding: 15px 0;
}*/
.homeHeader.uk-active a img {
    width: 100px;
}


.headerBox{
    
}
header {
    background-color: var(--color-white);
    position: relative;
    z-index: 100;
}
.headerlogo{
}
.headerlogo img {
    width: 200px;
    padding: 20px 0;
    transition: all ease 0.2s;
}
.bodenresetheader .headerlogo img,
.bodenresetheader .headerlogo2 img{
    width: auto;
    height: 120px;
    padding: 20px 0;
    transition: all ease 0.2s;
}
header.uk-active .bodenresetheader .headerlogo img,
header.uk-active .bodenresetheader .headerlogo2 img {
    width: auto;
    height: 90px;
}

.headerNav .uk-navbar-nav li:last-child a {
    padding-right: 10px;
}
.headerNav .mainNavItem{
    color: var(--color-green-dark);
    text-transform: none;
    font-size: var(--font-size-nav);
    line-height: 24px;
    padding: 0 25px 0 0;
    font: var(--font-body-bold);
    font-weight: 700;
    opacity: 0.6;
}
.headerNav .mainNavItem:hover{
    color: var(--color-green-dark) !important;
    opacity: 1;
}
.headerNav .mainNavItemActive{
    color: var(--color-green-dark);
    opacity: 1;
}
.headerNav .uk-navbar-dropdown-bottom {
    margin-top: 15px !important;
}
.headerNav [class*=uk-navbar-dropdown-bottom] {
    margin-top: 15px !important;
}
header.uk-active .headerNav [class*="uk-navbar-dropdown-bottom"] {
    margin-top: 0px !important;
}
header.uk-active .uk-position-bottom-right.uk-padding-small {
    padding: 0;
}
.headerNav .mainNavSubItem{
    text-align: left;
    color: darkgreen;
    display: block;
    border-bottom: 1px solid darkgreen;
    padding: 15px;
}
.headerNav .mainNavSubItem:hover{
    color: darkgreen;
    text-shadow: 0 0 1px darkgreen;
}
.headerNav .mainNavSubItemActive{
    color: darkgreen;
}
.headerNav .uk-navbar-dropdown {
    width: 310px;
    padding: 0px;
    background: #fff;
    color: #666;
    box-shadow: none;
    border-top: 1px solid darkgreen;
}
@media screen and (max-width: 1200px) {
    .headerNav .uk-navbar-dropdown {
        width: 285px;
    }
    .bodenresetheader .headerlogo img,
    .bodenresetheader .headerlogo2 img{
        height: 100px;
    }
}
@media screen and (max-width: 960px) {
    .headerNav .uk-navbar-dropdown {
        width: 265px;
    }
    .bodenresetheader .headerlogo img,
    .bodenresetheader .headerlogo2 img{
        height: 80px;
    }
    .bodenresetheader>.uk-width-expand>.uk-padding-small {
        padding: 0;
    }
    .bodenresetheader .headerlogo2.uk-margin-large-left {
        margin-left: 20px !important;
    }
    .bodenresetheader .headerNav .mainNavItem {
        font-size: 18px;
        padding: 0 15px 0 0;
    }
}
@media screen and (max-width: 639px) {
    .headerlogo img{
        width: 150px;
    }
    .bodenresetheader .headerlogo img,
    .bodenresetheader .headerlogo2 img{
        height: 80px;
    }
}




.headerNavMobileIcon a{
}
.headerNavMobileIcon a{
    color: darkgreen;
}
.headerNavMobile {
    display: none;
    position: absolute;
    left: 0;
    width: calc(100% - 40px);
    background: #fff;
    padding: 20px 20px 20px 20px;
    z-index: 10;
    /*box-shadow: 0 4px 3px #ccc;*/
}
.headerNavMobile a{
    color: darkgreen;
    display: block;
    padding: 20px;
    text-decoration: none;
    border-top: 1px dotted darkgreen;
}
.headerNavMobile a:hover{
    color: darkgreen;
    text-decoration: none;
}
.headerNavMobile li:first-child a{
    border-top: none;
}

.headerNavMobile .uk-navbar-dropdown{
    display: block;
    position: relative;
    top: -15px;
    width: 100%;
    box-shadow: none;
    padding: 0 20px;
}
@media screen and (max-width: 480px) {
    .headerNavMobile {
        width: calc(100vw - 80px);
        left: unset;
        right: 0;
    }
}

/*headerimage*/
.pageContent .homeheaderimage,
.pageContent .homeheaderimage2,
.pageContent .image-zoom {
    font-family: var(--font-body);
    font-size: var(--font-size-headerimage);
    line-height: var(--line-height-headerimage);
    color: var(--color-white);
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
    text-align: center;
    min-height: 400px;
    max-height: 50vh;
}
.pageContent .homeheaderimage2 {
    min-height: 250px;
    max-height: 25vh;
}


.pageContent .homeheaderimage>div div,
.pageContent .homeheaderimage>div div p,
.pageContent .homeheaderimage2>div div,
.pageContent .homeheaderimage2>div div p,
.pageContent .image-zoom div,
.pageContent .image-zoom div p  { 
    height: 100%;
}

.pageContent .homeheaderimage .panel-grid-cell,
.pageContent .homeheaderimage2 .panel-grid-cell,
.pageContent .image-zoom.panel-grid-cell {
    overflow: hidden;
}
.pageContent .homeheaderimage .panel-cell-style,
.pageContent .homeheaderimage2 .panel-cell-style,
.pageContent .image-zoom.panel-cell-style {
    background-position: center top !important;
    transition: all ease 0.6s;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.pageContent .homeheaderimage2 .panel-cell-style {
    background-position: center center !important;
}
.pageContent .homeheaderimage .panel-cell-style:before,
.pageContent .homeheaderimage2 .panel-cell-style:before,
.pageContent .image-zoom.panel-cell-style:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: inherit;
    transition: inherit;
}
.pageContent .homeheaderimage .panel-cell-style:hover:before,
.pageContent .homeheaderimage2 .panel-cell-style:hover:before,
.pageContent .image-zoom.panel-cell-style:hover:before {
    transform: scale(1.02);
}
.pageContent .homeheaderimage .panel-cell-style>div,
.pageContent .homeheaderimage2 .panel-cell-style>div,
.pageContent .image-zoom.panel-cell-style>div {
    position: relative;
}
.pageContent .homeheaderimage strong,
.pageContent .homeheaderimage2 strong,
.pageContent .image-zoom strong {
    font-family: var(--font-body-bold);
}
.pageContent .homeheaderimage p,
.pageContent .homeheaderimage2 p,
.pageContent .image-zoom .siteorigin-widget-tinymce.textwidget {
    margin-bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
}
.pageContent .homeheaderimage a,
.pageContent .homeheaderimage2 a,
.pageContent .image-zoom p {
    color: var(--color-white);
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.pageContent .image-zoom p a {
    color: var(--color-white);
}
@media screen and (max-width: 780px) {
    .pageContent .homeheaderimage,
    .pageContent .homeheaderimage2,
    .pageContent .image-zoom  {
        max-height: unset;
        min-height: unset;
    }
    .pageContent .homeheaderimage>div,
    .pageContent .homeheaderimage2>div,
    .pageContent .image-zoom  {
        max-height: 25vh;
        height: 250px !important;
    }
}


.zertifikate .so-widget-sow-image,
.zertifikate .so-widget-sow-image .sow-image-container img {
    width: 100%;
    height: 100%;
}
.zertifikate .so-widget-sow-image .sow-image-container {
    display: none;
}
.zertifikate div {
    height: 100%;
}

@media screen and (max-width: 639px) {
    .zertifikate {
        max-width: 50vw;
        margin: 0 auto;
    }
    .zertifikate .so-widget-sow-image,
    .zertifikate .so-widget-sow-image .sow-image-container img,
    .zertifikate div {
        max-height: 150px;
    }
    .zertifikate .so-widget-sow-image .sow-image-container img,
    .zertifikate .so-widget-sow-image .sow-image-container {
        display: block;
    }

}

/*headerslider*/
div#n2-ss-2 [class*=n2-font] {
    font-family: var(--font-body) !important;
}
div#n2-ss-2 h1[class*=n2-font] {
    font-family: var(--font-body-bold) !important; 
    font-weight: bold;
}

/* page content */
.pageContent {
    /*padding: 0 0 50px 0;*/
}
.pageContent p{
    margin: var(--margin-p);
}
.pageContent a {
    color: var(--color-green-dark);
}
.pageContent a:hover {
    text-decoration: none;
}
.pageContent ol,
.pageContent ul {
}
@media screen and (max-width: 959px) {
    .pageContent {
        margin: 0px;
    }
}
@media screen and (max-width: 639px) {
}

.kontakt .so-widget-sow-features .sow-features-list .sow-features-feature .textwidget {
    margin: 0;
}
.kontakt .so-widget-sow-features .sow-features-list .sow-features-feature span.sow-icon-fontawesome {
    color: var(--color-green-dark);
}
.kontakt .so-widget-sow-features .sow-features-list .sow-features-feature {
    margin-bottom: 10px;
}

.kontakt.adresse .so-widget-sow-features .sow-features-list .sow-features-feature {
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 520px) {
    .kontakt .so-widget-sow-features .sow-features-list .sow-features-feature {
        padding: 0;
    }

}



/*Button - Site Origin Button - theme Flat*/

.so-widget-sow-button[class*="so-widget-sow-button-flat-"] .ow-button-base a{
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0 20px 2px 0;
    color: var(--color-green-dark) !important;
    text-transform: uppercase;
    font-size: 20px;
    font-family: var(--font-body-bold);
    font-weight: 700;
    transition: all 0.5s ease;
    border-radius: 0;
}
.so-widget-sow-button[class*="so-widget-sow-button-flat-"] .ow-button-base a.ow-button-hover:hover{
    background-color: transparent;
    text-decoration: none;
    border-color: var(--color-green-dark);
    color: var(--color-green-dark) !important;
}
.button-white .so-widget-sow-button[class*="so-widget-sow-button-flat-"] .ow-button-base a{ 
    background-color: var(--color-white);
    border: none;
    padding: 10px 25px;
    color: var(--color-green-dark) !important;
    text-transform: unset;
    font-size: var(--font-size-body);
    font-family: var(--font-body);
    font-weight: 300;
    transition: all 0.5s ease;
    border-radius: 0; 
    /*min-width: 250px;*/
    /*max-width: 100%;*/
    min-width: min(350px, 100%);
}
.button-white .so-widget-sow-button[class*="so-widget-sow-button-flat-"] .ow-button-base a:hover{ 
    background-color: var(--color-green-dark);
    color: var(--color-white) !important;
}

.button-green .so-widget-sow-button[class*="so-widget-sow-button-flat-"] .ow-button-base a{ 
    background-color: var(--color-green-dark);
    border: none;
    padding: 10px 25px;
    color: var(--color-white) !important;
    text-transform: unset;
    font-size: var(--font-size-body);
    font-family: var(--font-body);
    font-weight: 300;
    transition: all 0.5s ease;
    border-radius: 0; 
    min-width: 250px;
    max-width: 100%;
}
.button-green .so-widget-sow-button[class*="so-widget-sow-button-flat-"] .ow-button-base a:hover{ 
    background-color: var(--color-green-dark);
    color: var(--color-white) !important;
    opacity: 0.8;
}
/*section-element & statements*/
.widget_gerbersection-widget .section-green-light,
.section-green-light {
    background-color: var(--color-green-bright);
}
.widget_gerbersection-widget .section-green-dark,
.section-green-dark {
    background-color: var(--color-green-dark);
}
.widget_gerbersection-widget .section-green-middle,
.section-green-middle {
    background-color: var(--color-green-middle);
}
.widget_gerbersection-widget .section-full {
    margin-left: calc(-1 * var(--section-padding));
    margin-right: calc(-1 * var(--section-padding));
}
.widget_gerbersection-widget .section-padded {
    margin-left: calc(-1 * var(--section-padding));
    margin-right: calc(-1 * var(--section-padding));
    padding-left:  var(--section-padding);
    padding-right: var(--section-padding);
}
.widget_gerbersection-widget .section-padded-left {
    margin-left: calc(-1 * var(--section-padding));
    margin-right: calc(-1 * var(--section-padding));
    padding-left:  var(--section-padding);
    padding-right: 0;
}
.widget_gerbersection-widget .section-padded-right {
    margin-left: calc(-1 * var(--section-padding));
    margin-right: calc(-1 * var(--section-padding));
    padding-left:  0;
    padding-right: var(--section-padding);
}
.so-panel.widget.widget_sow-layout-slider {
    max-width: var(--contentslider-with);
    margin: 0 auto;
}
.stellenliste {
    margin-bottom: 10px;
    border-bottom: 1px dotted var(--color-green-dark);
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.stellenliste:last-child{
    border-bottom:  none;
}
.stellenliste a {
    padding-left: 35px;
    display: inline-block;
    position: relative;
}
.stellenliste i {
    position: absolute;
    left: 0;
}


/*.statement.green-dark {
    background-color: var(--color-green-dark);
}*/
.widget_gerbersection-widget .section-padded-left .statement.image-right,
.widget_gerbersection-widget .section-padded-left .statement.image-left {
    margin-left: calc(-1 * var(--section-padding));
}

.widget_gerbersection-widget .section-padded-right .statement.image-left,
.widget_gerbersection-widget .section-padded-right .statement.image-right {
    margin-right: calc(-1 * var(--section-padding));
}
.widget_gerbersection-widget .section-padded .statement.image-right,
.widget_gerbersection-widget .section-padded .statement.image-left {
    margin-right: calc(-1 * var(--section-padding));
    margin-left: calc(-1 * var(--section-padding));
}

.widget_gerbersection-widget .section-padded-left .statement.image-right .text-col,
.widget_gerbersection-widget .section-padded-right .statement.image-right .text-col,
.widget_gerbersection-widget .section-padded .statement.image-right .text-col {
    padding-left: calc(var(--section-padding) + var(--section-padding-ukmargin));
}

.widget_gerbersection-widget .section-padded-right .statement.image-left .text-col,
.widget_gerbersection-widget .section-padded-left .statement.image-left .text-col,
.widget_gerbersection-widget .section-padded .statement.image-left .text-col{
    padding-right: calc(var(--section-padding) + var(--section-padding-ukmargin));
}


.statement .text-col {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
    min-height: 400px;
}
.statement .text-col.stellenpadding {
    padding-bottom: calc(var(--section-padding) / 4);
}
.statement h2 {
    color: var(--color-white);
    font-style: italic;
    margin-bottom: var(--margin-bottom-h2-statement);
}

.section-green-light .statement h2 {
    color: var(--color-green-dark);
}
.statement .name {
    font-family: var(--font-body-bold);
    color: #fff;
}
.section-green-light .statement .name {
    color: var(--color-green-dark);
}

.statement .function {
    color: #fff;
}
.section-green-light .statement .function {
    color: var(--color-green-dark);
}
.statement .stellen,
.statement .stellen p {
    color: #fff;
    font-weight: normal !important;
    text-align: left !important;
}
.statement .stellen a {
    color: #fff;
}
.statement .stellenliste {
    border-bottom: 1px dotted #fff;
}
.statement .stellenliste:last-child {
    border-bottom: none;
}
.section-green-light .statement .stellen,
.section-green-light .statement .stellen p {
    color: var(--color-green-dark);
}
.section-green-light .statement .stellen a{
    color: var(--color-green-dark);
}
.section-green-light .statement .stellenliste {
    border-bottom: 1px dotted var(--color-green-dark);
}
.statement .statementimage {
    position: relative;
}
.statement .statementimage img {
    object-fit: cover;
    object-position: top;
    position: absolute;
    width: 100%;
    height: 100%;
}
.section-transparentBG h1,
.section-transparentBG h2,
.section-transparentBG h3,
.section-transparentBG h4,
.section-transparentBG h5,
.section-transparentBG h6,
.section-transparentBG p,
.section-transparentBG ul li,
.section-transparentBG ol li,
.section-green-middle h1,
.section-green-middle h2,
.section-green-middle h3,
.section-green-middle h4,
.section-green-middle h5,
.section-green-middle h6,
.section-green-middle p,
.section-green-middle ul li,
.section-green-middle ol li {
    color: #fff;
}

@media screen and (max-width: 1480px) {
    .section{
        margin-left: 0vw;
        margin-right: 0vw;
        padding: 6vw 4vw 6vw 7.5vw;
    }
}
@media screen and (max-width: 1200px) {
    .section{
        margin-left: 0vw;
        margin-right: 0vw;
        padding: 5vw 3vw 5vw 5vw;
    }
}
@media screen and (max-width: 639px) {
    .section {
        padding: 0;
    }
    .statement .statementimage {
        height: 100vw;
        max-height: 300px;
        margin-top: 0;
    }
    .statement .text-col {
        min-height: unset;
    }
    .widget_gerbersection-widget .section-padded-left {
        padding-left: 0;
    }
     .widget_gerbersection-widget .section-padded-right {
        padding-right: 0;
    }
    .widget_gerbersection-widget .section-padded-left .panel-grid-cell:first-child,
    .widget_gerbersection-widget .section-padded-right .panel-grid-cell:last-child {
        padding-left:  var(--section-padding) !important;
        padding-right:  var(--section-padding) !important;
    }
    .widget_gerbersection-widget .section-padded-left .statement.image-right .text-col,
    .widget_gerbersection-widget .section-padded-right .statement.image-right .text-col,
    .widget_gerbersection-widget .section-padded .statement.image-right .text-col {
        padding-right: var(--section-padding);
        padding-left: var(--section-padding);
        margin-top: 0;
        margin-left: 30px;
    }
    .widget_gerbersection-widget .section-padded-right .statement.image-left .text-col,
    .widget_gerbersection-widget .section-padded-left .statement.image-left .text-col,
    .widget_gerbersection-widget .section-padded .statement.image-left .text-col{
        padding-right: var(--section-padding);
        padding-left: var(--section-padding);
        margin-top: 0;
        margin-left: 30px;
    }
    .widget_gerbersection-widget .section-padded-left .statement.image-right, 
    .widget_gerbersection-widget .section-padded-left .statement.image-left{
        margin-left: calc(-1 * var(--section-padding));
        margin-right: calc(-1 * var(--section-padding));
    }
    .widget_gerbersection-widget .section-padded-right .statement.image-right, 
    .widget_gerbersection-widget .section-padded-right .statement.image-left{
        margin-left: calc(-1 * var(--section-padding));
        margin-right: calc(-1 * var(--section-padding));
    }
 }   



.section-green-dark h1, 
.section-green-dark h2,
.section-green-dark h3,
.section-green-dark h4,
.section-green-dark h5,
.section-green-dark h6,
.section-green-dark p, 
.section-green-dark a,
.section-green-dark ul li,
.section-green-dark ol li {
    color: var(--color-white);
}


.so-widget-ink-image-compare .twentytwenty-before-label,
.so-widget-ink-image-compare .twentytwenty-after-label {
    opacity: 1;
}


/*Formular*/
.gfield_description.validation_message.gfield_validation_message {
    display: none;
}
.gform_footer input[type=submit] {
    background-color: var(--color-green-dark);
    border: none;
    padding: 10px 25px;
    color: var(--color-white) !important;
    text-transform: unset;
    font-size: var(--font-size-body);
    font-family: var(--font-body);
    font-weight: 300;
    transition: all 0.5s ease;
    border-radius: 0;
    cursor: pointer;
}
.gform_footer input[type=submit]:hover {
   opacity: 0.8;
}
.gform_wrapper .gfield_required.gfield_required_text {
    display: none;
}

/*Wappen - Site Origin Image with title*/

.so-widget-sow-image h3.widget-title {
    font-size: 18px;
}
.so-widget-sow-image h3.widget-title span {
    display: block;
    color: var(--color-gray);
}


.footerGreen{
    background: var(--color-green-dark);
    color: #FFF;
    padding: 25px 0;
    font-size: var(--font-size-footer);
    line-height: var(--line-height-footer);
}
.footerGreen a{
    color: #fff;
    text-decoration: none;
}
.footerGreen a:hover{
    color: #fff;
    text-decoration: none;
}
.footerTitle{
    color: #FFF;
    padding-bottom: 10px;
    font-family: var(--font-body-bold);
    font-size: var(--font-size-footer2);
    line-height: var(--line-height-footer2);
}
.footerLogo{
    width: 150px;
}
.footerSlogan{
    margin-top: 20px;
    font-size: 16px;
    line-height: 18px;
}
.footerBottom{
    background: var(--color-green-bright);
    color: var(--color-green-dark);
    padding: 10px 0;
    font-size: var(--font-size-footer2);
    line-height: var(--line-height-footer2);
}
.footerBottom a{
    color: darkgreen;
    text-decoration: none;
}
.footerBottom a:hover{
    color: darkgreen;
    text-decoration: none;
}


footer .contentspacer-small {
    height: 15px;
}

[class*="menu-footer-"] ul {
    list-style: none;
    padding-left: 0;
}
[class*="menu-footer-"] ul li {
    line-height: 30px;
    border-top: 1px solid var(--color-white);
    font-size: 14px;
}
[class*="menu-footer-"] ul li:last-child {
    border-bottom: 1px solid var(--color-white);
}
.footercontentgemuese img {
    /*width: 80px;
    height: 80px;*/
    width: calc(100% / 3 - 5px);
    height: auto;
    margin: 0 5px 5px 0 !important;
}
@media screen and (max-width: 639px) and (min-width: 480px) {
    .footercontentgemuese img {
        width: calc(100% / 6 - 5px);
    }
}

/*
 * print styles
 */
@media print{
    .uk-grid {
        display: inline !important;
    }
}