.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:26px;}.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);}.elementor-lightbox{--lightbox-text-color:#FFFFFF;}@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;
}

.page.braun-page .anker-link-button{
     background-color: var( --e-global-color-5322383 )!important;
      transition: all ease 0.3s;
}
.page.braun-page .anker-link-button:hover{
   box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 27%);
   transition: all ease 0.3s;
}
.page.braun-page .anker-link-button div{
    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.large .mn-nav-col-1{
    box-shadow: none;
}
.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*/

.sat-leicht{
     filter: saturate(110%);
}
.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.large .mn-nav-col-1{
  box-shadow: -3px 1px 10px 0px rgb(0 0 0 / 17%);
}

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

.mainnav.small .trap-image{
    overflow: hidden;
    height: 90px;
}


.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;
}

/*Sprachwechsler*/

.trp_language_switcher_shortcode {
    width: 50px;
    height: 40px;
}

.lang-switch i{
 position: absolute;
    top: 14px;
    font-size: 12px;
    color: var(--e-global-color-primary );
    right: 0px;
    z-index: 2;
    
}

.trp-language-switcher > div {
    padding: 4px 5px 0px 5px !important;
    width: 45px !important;
    border:0;
    background-image: none;
    background-color:#fff;
    font-size: 18px;
    font-family: "canada-type-gibson", Sans-serif;
    font-weight: 300;
}


.trp-language-switcher > div a{
     color: var(--e-global-color-primary);
}

.trp-language-switcher > div a:hover{
    background:#fff; 
}

/*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;
}

.main-button .elementor-button-text{
    font-size: 20px !important;
    line-height: 1.3em !important;
}
}


/*----------------*/
/*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: 767px) {
    .very-big-heading h2, h2{
        font-size:28px !important;
    }
}

@media only screen and (max-width: 1023px) {
h1, h2, .very-big-heading 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;
}


/*such-bar*/
.such-bar{
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #b5b5b5; 
    
}
.such-bar input{
    font-size: 18px !important;
}
.such-bar .probox, .such-bar div.asl_w .probox{
 height: 52px!important;   
 border-radius: 5px !important;
 display: flex;
 justify-content: center;
 align-items: center;
}
.such-bar .proinput{
    padding-top: 24px !important; 
}

.such-bar  div.asl_w .probox .promagnifier .innericon svg{
    fill: #fff;
}
.such-bar  div.asl_w .probox .promagnifier {
    width: 52px;
    height: 52px;
     border-radius: 5px;
     background: var( --e-global-color-primary )  !important;
}
.such-bar form{
    height: 52px!important
}


div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a{
       color: var( --e-global-color-primary ) !important;
       font-size: 16px !important;
}

div.asl_w .probox .proinput input.autocomplete{
    display: none;
}

.asl_keyword{
    display: none;
}
/*such-bar end*/

/*break point fix blog*/
@media only screen and (max-width: 767px) {
.blog-content-col{
 width:100% !important;   
}
.single-page-pin {
    width: 150px;
    margin-top: -5px;
}

.img-wrapped{
       border-radius: 0 20px 20px 0 !important;
}
}
@media only screen and (min-width: 2400px) {
.blog-content-col{
 width:100% !important;   
}
}

/*Other Breakpoint fixes*/
@media only screen and (max-width: 767px) {
    .rep-personen .dce-acf-repeater-item{
    flex: 0 1 calc( 100% / 2 ) !important;
}

.single-page-pin img{
    width:100px important;
}

}
@media only screen and (max-width: 2400px) {
.main-container-boxed{
    content-width: 1500px !important;
}
}

/*hacks*/
.no-focus a:focus-visible{
        outline-color: #fff;
}/* End custom CSS */