/* @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@font-face {
font-family: 'MontserratBold';
src:  url("https://mehr.vert.de/hubfs/theme/fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
font-weight:700;
}

@font-face {
font-family: 'MontserratRegular';
src:  url("https://mehr.vert.de/hubfs/theme/fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
font-weight:400;
}
@font-face {
font-family: 'MontserratExtraLight';
src:  url("https://mehr.vert.de/hubfs/theme/fonts/montserrat/Montserrat-ExtraLight.ttf") format("truetype");
font-weight:200;
}

@font-face {
font-family: 'RobotoBold';
src:  url("https://mehr.vert.de/hubfs/theme/fonts/roboto/Roboto-Bold.ttf") format("truetype");
font-weight:700;
}

@font-face {
font-family: 'RobotoRegular';
src:  url("https://mehr.vert.de/hubfs/theme/fonts/roboto/Roboto-Regular.ttf") format("truetype");
font-weight:400;
}
@font-face {
font-family: 'RobotoThin';
src:  url("https://mehr.vert.de/hubfs/theme/fonts/roboto/Roboto-Thin.ttf") format("truetype");
font-weight:100;
}


.content-wrapper, 
.container {
max-width: 1212px;
}

.section, .dnd-section, .formSection{
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.dnd-section.row-fluid-wrapper:first-of-type, .container-fluid:last-of-type .dnd-section.row-fluid-wrapper:last-of-type{
    padding-bottom:0;
}
.dnd-section.row-fluid-wrapper:first-of-type{
    padding-top:0;
}
.dnd-section > .section{
    padding:0;
}
.dnd-section.content-wrapper:last-of-type{
    padding-bottom: 7.5rem;
}

@media screen and (max-width:480px){
  .section, .dnd-section, .formSection{
padding-top: 4rem;
padding-bottom: 4rem;
}
.dnd-section.content-wrapper:last-of-type{
    padding-bottom:4rem;
}
.dnd-section.row-fluid-wrapper:first-of-type, .container-fluid:last-of-type .dnd-section.row-fluid-wrapper:last-of-type{
    padding-bottom:0;
}
.dnd-section > .section{
    padding:0;
}
}

.dnd-section > .row-fluid {
max-width: 1212px;
}




body{
font-family: "RobotoRegular", sans-serif;
font-weight:400;
line-height:150%;
font-size: ;
color: rgba(17, 17, 17,1.0);
}

p{
margin:1rem auto;
}
a{
color:rgba(46, 66, 22,1.0);
text-decoration:none;
}
a:hover{
border-bottom:2px solid rgba(46, 66, 22,1.0);
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4{
color: rgba(61, 61, 61,1.0);
font-family: "MontserratRegular", sans-serif;
font-weight:400;
line-height:1.15em;
}

.title1,
.title2,
.caption{
color: rgba(61, 61, 61,1.0);
font-family:"RobotoRegular", sans-serif;
}
.light,
.light h1,
.light h2,
.light h3,
.light h4,
.light .title1,
.light .title2,
.light .h1,
.light .h2,
.light .h3,
.light .h4
h1.light,
h2.light,
h3.light,
h4.light,
.title1.light,
.title2.light,
.h1.light,
.h2.light,
.h3.light,
.h4.light,
.title1.light,
.title2.light {
color:rgba(242, 242, 242,1.0);
}
.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark .title1,
.dark .title2,
.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4
h1.dark,
h2.dark,
h3.dark,
h4.dark,
.title1.dark,
.title2.dark,
.h1.dark,
.h2.dark,
.h3.dark,
.h4.dark,
.title1.dark,
.title2.dark{
    color:rgba(61, 61, 61,1.0) !important
}
.title1, 
.title2, 
.caption{
display:block;
}

h1, .h1{font-size: 3rem;}
h2, .h2{font-size: 2.5rem;}
h3, .h3{font-size: 2.125rem;}
h4, .h4{font-size: 2.125rem;}
.title1{font-size: 1.125rem;}
.title2{font-size: 1.125rem;}
.caption{font-size: 0.75rem;}


@media screen and (min-width:769px){
h1, .h1{
font-size: 3.75rem;
line-height:70px;
}

h2, .h2{
font-size: 3rem;
line-height:56px;
margin-bottom:56px;
}

h3, .h3{
font-size: 2.5rem;
line-height:48px;

}

h4, .h4{
font-size: 2rem;
line-height:40px;
}

.title1{
font-size: 1.5rem;
line-height:30px;
}

.title2{
font-size: 1.25rem;
line-height:26px;
}

.caption{
font-size: 0.75rem;
line-height:18px;
}

}

.montserratBold{
font-family: "MontserratBold", Arial, sans-serif;
font-weight:700;
}
.montserratRegular{
font-family: 'MontserratRegular', Arial, sans-serif;
font-weight:400;
}
.montserratLight{
font-family: 'MontserratExtraLight', Arial, sans-serif;
font-weight:200;
}

.robotoBold{
font-family: 'RobotoBold', Arial, sans-serif;
font-weight:700;
}
.robotoRegular{
font-family: 'RobotoRegular', Arial, sans-serif;
font-weight:400;
}
.robotoThin{
font-family: 'RobotoThin', Arial, sans-serif;
font-weight:100;
}

.uppercase{
text-transform:uppercase;
letter-spacing:0.05rem;
}



header{
background-color: rgba(255, 255, 255,1.0);
padding: 0rem 0 0rem;
    -webkit-box-shadow: 0px 4px 30px 0px rgba(17, 17, 17,0.3);
    -moz-box-shadow: 0px 4px 30px 0px rgba(17, 17, 17,0.3);
    box-shadow: 0px 4px 30px 0px rgba(17, 17, 17,0.3);
}

header .logo img{
max-height: 77px;
background:rgba(46, 66, 22,1.0);
}
header .container{
max-width: 1212px
}
.logo{
justify-content: flex-end;
}
header .mainNavigation ul.hs-menu-children-wrapper{
    border-bottom:.375rem solid rgba(109, 150, 54, 1.0);
}


footer {
    color: rgba(242, 242, 242,1.0);
}
footer .container{
max-width: 1792px
}

footer.page{
background-color: rgba(17, 17, 17,1.0);
padding: 6.25rem 0 6.25rem;
}
footer.light-bg .caption{
    color:rgba(17, 17, 17,1.0);
}
footer.page a{
color: rgba(242, 242, 242,1.0);
margin-bottom: 1rem;
}
footer.page a:hover{
    border-bottom:0px;
    color:rgba(242, 242, 242,0.6);
}
@media screen and (max-width:1024px){
    footer.page a{
        margin-bottom: 1rem;
        }
}
footer.landing{
background-color: rgba(17, 17, 17,1.0);
padding: 0.75rem 0 0.75rem;
color: rgba(242, 242, 242,1.0)
}

footer.landing a{
color: rgba(242, 242, 242,1.0)
}
@media (max-width: 768px) {
    footer.landing{
        padding:2rem 0;
    }
}
.mobileFooter{
    -webkit-box-shadow: 0px -4px 30px 0px rgba(17, 17, 17,0.3);
    -moz-box-shadow: 0px -4px 30px 0px rgba(17, 17, 17,0.3);
    box-shadow: 0px -4px 30px 0px rgba(17, 17, 17,0.3);
}



.accordion-button{
    color: rgba(17, 17, 17, 1.0);
    background: rgba(255, 255, 255, 1.0);
    border-bottom: 1px solid rgba(17, 17, 17, 12%);

  padding-top: 1rem;
padding-bottom: 1rem;
-webkit-transition:  all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
    }
.accordion-button:not(.collapsed) span{
  color: rgba(46, 66, 22,1.0);
}

.accordion-button:hover, .accordion-button:not(.collapsed) {
  padding-top: 1rem;
padding-bottom: 1rem;

    color: rgba(17, 17, 17, 1.0);
    background: rgba(255, 255, 255, 1.0) ;
    
}

.accordion-button::after{-webkit-transition:  all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
    }

.accordion-body{
    background-color: rgba(255, 255, 255, 0.0);
    padding-bottom: 1.5rem;

}



.jumpcard{
    -webkit-transition:  all s ease-in-out;
    -moz-transition:  all s ease-in-out;
    -ms-transition:  all s ease-in-out;
    -o-transition:  all s ease-in-out;
    transition:  all s ease-in-out;
    -webkit-border-radius: rem;
    -moz-border-radius: rem;
    border-radius: rem;
    }





.iconCard{
    padding: 1rem;

}
.iconCard.bordered{
    border:2px solid #d7d7d7
}

.iconCard h1, 
.iconCard .h1,
.iconCard h2, 
.iconCard .h2,
.iconCard h3, 
.iconCard .h3,
.iconCard h4, 
.iconCard .h4,
.iconCard .title1, 
.iconCard .title2{
    color:rgba(109, 150, 54,1.0)
}


@media screen and (max-width:480px){
    .numberCard .h1, .stepNumber.h1{
        font-size:3rem;
    }
}
.numberCard p.montserratBold{
    line-height:2rem;
}


img.partnerImage{
        -webkit-transition:  all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
    }



.swiper-button-next, .swiper-button-prev {
    color:rgba(46, 66, 22, 1.0)
}



.social-wrapper{
    justify-content: flex-start
}
.social-wrapper a{
    width:1.5rem;
    height:1.5rem;
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    
}
.social-wrapper a:hover, .social-wrapper a:focus{
    top:-0rem;
    
}

.social-wrapper a i{
    font-size:1.25rem;
}
.social-wrapper a img,
.social-wrapper a svg{
    height:1.25rem;
    width:1.25rem;
}
.dark-bg .social-wrapper a, 
.primary-bg .social-wrapper a{
    background-color: rgba(242, 242, 242, 1.0)
}

.dark-bg .social-wrapper a i, 
.dark-bg .social-wrapper a svg,
.primary-bg .social-wrapper a i, 
.primary-bg .social-wrapper a svg{
    rgba(46, 66, 22, 1.0)
}

.dark-bg .social-wrapper a:hover,
.primary-bg .social-wrapper a:hover{
    background-color: rgba(46, 66, 22, 1.0)
}

.dark-bg .social-wrapper a:hover i, 
.primary-bg .social-wrapper a:hover svg{
    color:rgba(242, 242, 242, 1.0)
}


.light-bg .social-wrapper a i, 
.light-bg .social-wrapper a svg{
    color:rgba(242, 242, 242, 1.0)
}

.light-bg .social-wrapper a{
    background-color: rgba(17, 17, 17, 1.0)
}
.light-bg .social-wrapper a:hover,
{
    background-color: rgba(46, 66, 22, 1.0)
}

.light-bg .social-wrapper a:hover i, 
.light-bg .social-wrapper a:hover svg,
{
    color:rgba(242, 242, 242, 1.0)
}


a.backToTopIcon{
    background-color:rgba(17, 17, 17, 0.3);
    color: rgba(242, 242, 242, 1.0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
a.backToTopIcon:hover, 
a.backToTopIcon:focus{
    background-color:rgba(17, 17, 17, 1.0);
    color: rgba(242, 242, 242, 1.0);
}


form{
background: rgba(255, 255, 255, 0.0);padding-top: 32px;
padding-right: 48px;
padding-bottom: 32px;
padding-left: 48px;
;}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]{
padding-top: 16px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;

background:rgba(255, 255, 255, 1.0);
border-bottom: 1px solid #111111;
;
font-size: 0.875rem;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover{
padding-top: 16px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;

background:rgba(242, 242, 242, 1.0);
border-bottom: 1px solid #2E4216;

font-size: 0.875rem;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
padding-top: 16px;
padding-right: 0px;
padding-bottom: 16px;
padding-left: 0px;

background:rgba(242, 242, 242, 1.0);
border-bottom: 2px solid #2E4216;

font-size: 0.875rem;
}


::placeholder, select option:disabled{
color: rgba(61, 61, 61, 1.0);
}

label{
color: rgba(17, 17, 17, 1.0)
}

.hs-form-booleancheckbox, .hs-form-booleancheckbox span{
line-height:20px;
}

.hs-form-required{
color: rgba(46, 66, 22, 1.0);
}

label.hs-error-msg, .hs-error-msg{
    color: rgba(244, 52, 0, 1.0) !important;
}input[type="checkbox"]{
            background: rgba(242, 242, 242,1.0);
            -webkit-transition: background .4s ease-in-out;
    -moz-transition: background .4s ease-in-out;
    -ms-transition: background .4s ease-in-out;
    -o-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out;
}
input[type="checkbox"]:after{
            background: #d7d7d7;
            -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
            
}
input[type="checkbox"]:checked{
            background: rgba(46, 66, 22,1.0);
}
input[type="checkbox"]:checked:after{
            background: rgba(242, 242, 242,1.0);
}input[type="radio"]{
            background: rgba(242, 242, 242,1.0);
            -webkit-transition: background .4s ease-in-out;
    -moz-transition: background .4s ease-in-out;
    -ms-transition: background .4s ease-in-out;
    -o-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out;
}
input[type="radio"]:after{
            background: #d7d7d7;
            -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
            
}
input[type="radio"]:checked{
            background: rgba(242, 242, 242,1.0);
}
input[type="radio"]:checked:after{
            background: rgba(46, 66, 22,1.0);
}
@media screen and (max-width: 992px){
    label{
        display:block;
    }
    form{
        padding:1rem;
    }
}




.light-bg,
.dark-bg .colSeperator{
background-color: rgba(242, 242, 242,1.0);
}

.dark-bg{
background-color: rgba(17, 17, 17,1.0);
}

.mint-green-bg{
    background-color: rgba(88, 104, 69,1.0)
}
.dark-bg h1, 
.dark-bg .h1,
.dark-bg h2, 
.dark-bg .h2,
.dark-bg h3, 
.dark-bg .h3,
.dark-bg h4, 
.dark-bg .h4,
.dark-bg .title1, 
.dark-bg .title2,
.dark-bg p,
.dark-bg a:not(.btn), 
.dark-bg li,
.dark-bg label,

.primary-bg h1, 
.primary-bg .h1,
.primary-bg h2, 
.primary-bg .h2,
.primary-bg h3, 
.primary-bg .h3,
.primary-bg h4, 
.primary-bg .h4,
.primary-bg .title1, 
.primary-bg .title2,
.primary-bg p, 
.primary-bg a:not(.btn), 
.primary-bg li,
.primary-bg label,
.primary-bg .hs-form-required,
.hero.product .title1, 
.hero.product .title2,
.light-green-bg h1, 
.light-green-bg .h1,
.light-green-bg h2, 
.light-green-bg .h2,
.light-green-bg h3, 
.light-green-bg .h3,
.light-green-bg h4, 
.light-green-bg .h4,
.light-green-bg .title1, 
.light-green-bg .title2,
.light-green-bg p, 
.light-green-bg a:not(.btn), 
.light-green-bg li,
.light-green-bg label,
.light-green-bg .hs-form-required,
.mint-green-bg h1, 
.mint-green-bg .h1,
.mint-green-bg h2, 
.mint-green-bg .h2,
.mint-green-bg h3, 
.mint-green-bg .h3,
.mint-green-bg h4, 
.mint-green-bg .h4,
.mint-green-bg .title1, 
.mint-green-bg .title2,
.mint-green-bg p, 
.mint-green-bg a:not(.btn), 
.mint-green-bg li,
.mint-green-bg label,
.mint-green-bg .hs-form-required,
.hero.product .title1, 
.hero.product .title2{
    color: rgba(242, 242, 242,1.0)
}

.primary-bg{
background-color: rgba(46, 66, 22,1.0);
}

.light-green-bg{
    background-color: rgba(109, 150, 54,1.0);
}

.rightColumn h1:not(.light):not(.dark),
.rightColumn .h1:not(.light):not(.dark),
.rightColumn h2:not(.light):not(.dark),
.rightColumn .h2:not(.light):not(.dark),
.rightColumn h3:not(.light):not(.dark),
.rightColumn .h3:not(.light):not(.dark),
.rightColumn h4:not(.light):not(.dark),
.rightColumn .h4:not(.light):not(.dark),
.rightColumn .title1:not(.light):not(.dark),
.rightColumn .title2:not(.light):not(.dark),
.rightColumn .caption:not(.light):not(.dark),
.numberCard p.montserratBold{
    color: rgba(109, 150, 54,1.0)
}




.hero .content{
background-color:rgba(46, 66, 22,1.0);
}
.hero.benefits .content{
    background:none;
}
.overlay{
    background-color: rgba(17, 17, 17, 0.8);
} 




.vert_blog_post .blog_banner_image img{
    height: 570px !important;
    object-fit: cover;
    width: 100%;
}


.vert_blog_post .blog_post_container{
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}

.vert_blog_post .blog_post_name .blog_post_container h1{
    text-align: left;
}

.vert_blog_post .pb50{
    padding-bottom: 50px;
}

@media (max-width: 1350px){
    .vert_blog_post .blog_banner_image img{
        height: 400px !important;
    }
    .vert_blog .blog-post{
        padding: 0 15px;
        padding-bottom: 50px;
    }
}

@media (max-width: 1250px){
    .vert_blog_post .blog_banner_image img{
        height: 300px !important;
    }
}