.elementor-kit-6{--e-global-color-primary:#5D3B27;--e-global-color-secondary:#5D3B27;--e-global-color-text:#5D3B27;--e-global-color-accent:#008D36;--e-global-color-f1ca0e9:#D8EBC1;--e-global-color-5322383:#F0E2AE;--e-global-typography-primary-font-family:"canada-type-gibson";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"canada-type-gibson";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"canada-type-gibson";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"odile";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:italic;font-size:20px;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 h2{font-size:40px;line-height:1.1em;}.elementor-kit-6 h3{font-size:24px;}.elementor-kit-6 h4{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-bottom:20px;}.elementor-element{--widgets-spacing:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-6{font-size:18px;}.elementor-kit-6 h2{font-size:35px;}}@media(max-width:1024px){.elementor-kit-6 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:18px;}.elementor-kit-6 h2{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-6{font-size:23px;}.elementor-kit-6 h2{font-size:48px;line-height:45px;}.elementor-kit-6 h3{font-size:28px;}}/* Start custom CSS */.page.gruen-page .mainnav .mn-nav-col-1{
    background: #d2ffbe !important;
}
.page.gruen-page .mainnav.small .mn-nav-col-1{
    background: #fff !important;
     transition:  all ease 0.6s; 
}

.page.braun-page .single-header{
    background-color: var( --e-global-color-5322383 )!important;
}
.page.braun-page .single-header h2, .page.braun-page .single-header h1 {
    color: var( --e-global-color-primary ) !important;
}

.single-post .mainnav .mn-nav-col-1{
    background: #fff !important;
     transition:  all ease 0.3s; 

}

.single-post .mainnav .mn-col-nav{
    min-height: 86px !important;
     transition:  all ease 0.6s; 
}

.single-post .mainnav{
    background: #fff !important;
      box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 27%);
       transition:  all ease 0.6s; 
}
.single-post .mainnav .mn-text{
    transform: scale(0.9) translate(0px, 12px) !important;
    transition:  all ease 0.6s;  
}
.single-post .mainnav .mn-icon{
    transform: scale(0.45) translate(-32px, -99px) !important;
    transition:  all ease 0.6s;
}


/*Bild*/

.img-wrapper.sat-leicht{
     filter: saturate(110%);
}
.img-wrapper.sat-starkt{
     filter: saturate(150%);
}
/*--------*/
body{
    width: 100vw;
    overflow-x: hidden !important;
}

/*------------*/

.mainnav{
 transition:  all ease 0.6s; 
}
 
.mainnav.large{
    background: none;
     transition:  all ease 0.6s; 
}

.mainnav.large .mn-text{
    transform: translate(0px, 84px);
     transition:  all ease 0.3s; 
    
}

.mainnav.large .mn-col-nav{
    min-height: 150px;
     transition:  all ease 0.3s; 
}

.mainnav.large .mn-icon{
      transform: scale(1);
        transition:  all ease 0.3s;
}

.mainnav.small .mn-nav-col-1{
    background: #fff !important;
     transition:  all ease 0.3s; 

}


.mainnav.small .mn-col-nav{
    min-height: 86px;
     transition:  all ease 0.6s; 
}

.mainnav.small{
    background: #fff;
      box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 27%);
       transition:  all ease 0.6s; 
}
.mainnav.small .mn-text{
    transform: scale(0.9) translate(0px, 12px);
    transition:  all ease 0.6s;  
}
.mainnav.small .mn-icon{
    transform: scale(0.45) translate(-32px, -99px);
    transition:  all ease 0.6s;
}

.mn-wrapper.sub-menu-off{
     padding-bottom: 0px;
}
.mn-wrapper.sub-menu-on{
  padding-bottom: 00px;
}

/*Kontakt Button*/
.kontakt-button.scrolling_down{
    right: -138px !important;
    transition: all 0.3s ease;
}
.kontakt-button.scrolling_up{
    transition: all 0.3s ease;
    right: 0 !important;
}
/*---------------*/


.main-button {
    width: 100%;
    white-space: nowrap;
}
.main-button a{
    display: block;
    width: 100%;
}
.main-button .elementor-button-icon{
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    height: 40px;
}
.main-button svg{
  width: 200px;
  margin-top: 4px;
  position: absolute;
  left: -100px;

    transition: ease all 0.6s;
}
.main-button:hover svg{
   left: calc(100% - 200px);
  transition: ease all 0.6s;
}
@media only screen and (max-width: 767px) {
.main-button svg{
  width: 150px;
  margin-top: 6px;
}
.main-button:hover svg{
   left: calc(100% - 150px);
  transition: ease all 0.6s;
}


}


/*----------------*/
/*TEXT FORMATTING*/
.text-editor h2,
.text-editor h3,
.text-editor h4{
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight ) !important;
    text-align: left;
      
}

.text-editor h2 em,
.text-editor h3 em,
.text-editor h4 em{
    font-family: "odile", Sans-serif;
}

strong, b{
    font-weight: 600!important;
}



.text-editor a{
    font-family: "odile", Sans-serif;
}



.big-heading h2{
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.very-big-heading h2{
    line-height: 1.1;
    font-size: 35px!important;
    letter-spacing: 1px;
}

@media only screen and (max-width: 1023px) {
h1, h2{
     hyphens: auto;
}
.kontakt-button h2{
    hyphens: manual!important;
}
.kontakt-button-footer h2{
    hyphens: manual!important;
}
}
@media only screen and (min-width: 1023px) {
.very-big-heading h2{
    font-size: 40px!important;
}
}
@media only screen and (min-width: 1367px) {
.very-big-heading h2{
    font-size: 45px!important;
}
}
@media only screen and (min-width: 2400px) {
.very-big-heading h2{

    font-size: 55px!important;

}
}


/*HINTERGRUNDFARBEN SECTION*/

.gruen-weiss .color-switch-top{
    background-color: var( --e-global-color-f1ca0e9 ) !important;
}

.gruen-weiss .color-switch-bottom{
    background-color: #fff !important;
}

.gruen-weiss .color-switch-top h2, .gruen-weiss .color-switch-top p, .gruen-weiss .color-switch-top span, .gruen-weiss .color-switch-top h3, .gruen-weiss .color-switch-top h4, .gruen-weiss .color-switch-top li{
    color: var( --e-global-color-accent ) !important;
}
.gruen-weiss .elementor-button-text{
    color: var( --e-global-color-primary ) !important;
}
.gruen-weiss svg path{
   fill: var( --e-global-color-primary ) !important
}
.gruen-weiss .elementor-text-editor, .gruen-weiss .elementor-widget-text-editor{
    color:  var( --e-global-color-primary ) !important;
}
/*----------*/
.braun-weiss .color-switch-top{
    background-color: var( --e-global-color-5322383 ) !important;
}
.braun-weiss .color-switch-bottom{
    background-color: #fff !important;
}
.braun-weiss .elementor-button-text{
    color: var( --e-global-color-primary ) !important;
}
.braun-weiss svg path{
   fill: var( --e-global-color-primary ) !important
}
.braun-weiss .elementor-text-editor, .braun-weiss .elementor-widget-text-editor{
    color:  var( --e-global-color-primary ) !important;
}


/*---------*/
.weiss-braun .color-switch-bottom{
    background-color: var( --e-global-color-5322383 ) !important;
}

.weiss-braun .elementor-button-text{
    color: var( --e-global-color-primary ) !important;
}
.weiss-braun svg path{
   fill: var( --e-global-color-primary ) !important
}
.weiss-braun .elementor-text-editor, .weiss-braun .elementor-widget-text-editor{
    color:  var( --e-global-color-primary ) !important;
}
/*------*/
.weiss .color-switch-bottom{
    background-color: #fff !important;
}

.weiss .elementor-button-text{
    color: var( --e-global-color-primary ) !important;
}
.weiss svg path, .braun svg path{
   fill: var( --e-global-color-primary ) !important;
}
.weiss .elementor-text-editor, .weiss .elementor-widget-text-editor{
    color:  var( --e-global-color-primary ) !important;
}
/*--------*/

.weiss-gruen .txt{
  color:  var( --e-global-color-accent ) !important;
}

/*repeater ELEMENTE*/

.color-switch-wrapper.gruen{
    background-color: var(--e-global-color-f1ca0e9) !important;
}
.color-switch-wrapper.gruen .txt{
    color:  var( --e-global-color-accent ) !important;
}
.color-switch-wrapper.gruen .elementor-blockquote__content{
    color:  var( --e-global-color-accent ) !important;
}
.color-switch-wrapper.gruen .elementor-blockquote__author{
    color:  var( --e-global-color-accent ) !important;
}
.color-switch-wrapper.gruen .elementor-button-text{
      color:  var( --e-global-color-accent ) !important;
}
.color-switch-wrapper.gruen .text-editor a{
         color:  var( --e-global-color-accent ) !important;
}

.color-switch-wrapper.braun {
    background-color: var(--e-global-color-5322383) !important;
}



/*ANORDNUNG*/
@media only screen and (min-width: 767px) {
.rechts .order-switch .col-left{
    order: 2;
}
}

/*Spacer*/
.h-10{
  padding-bottom: 10px !important;  
}
.h-20{
    padding-bottom: 20px !important;
}
.h-60{
    padding-bottom: 60px !important;
}
.h-120{
  padding-bottom: 120px !important;
}


/*break point fix blog*/
@media only screen and (max-width: 767px) {
.blog-content-col{
 width:100% !important;   
}
}/* End custom CSS */