/********* Compiled - Do not edit *********/
:root{--color-primary:#634c9b;--color-secondary:#f49c4b;--color-gradient-start:#f42958;--color-gradient-stop:#e4442a;--color-link:#525252;--color-link-hover:#525252;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Roboto;font-weight:400;line-height:1.7em;font-size:1em;color:#525252;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:52px;color:#f7f7f7;}.h2,h2{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:40px;color:#f4f4f4;}.h3,h3{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:32px;color:#634c9b;}.h4,h4{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:25px;color:#525252;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:21px;color:#181b31;}.h6,h6{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:18px;color:#181b31;}.titlebar-inner h1{}.titlebar-inner p{}@media ( min-width: 1081px ){.main-header .is-stuck{background:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(104, 104, 104) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(104, 104, 104) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(104, 104, 104) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a:hover{color:rgb(37, 37, 37) !important;}}@media screen and (max-width: 1080px){body[data-mobile-nav-style=modern]:before{background:rgb(255, 255, 255);}body[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a, .main-nav > li{color:rgb(99, 76, 155);}[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a:hover{color:inherit !important;}}h1 {font-family: "range-sans-variable", sans-serif !important; font-weight: 900; font-style: normal; font-size: 60px;}
h2 {font-family: "range-sans-variable", sans-serif !important; font-weight: 700; font-style: normal; font-size: 20px;}
h3 {font-family: "range-sans-variable", sans-serif !important; font-weight: 700; font-style: normal; font-size: 35px;}
h4 {font-family: "range-sans-variable", sans-serif !important; font-weight: 700; font-style: normal; font-size: 20px;}
p {font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px;}
main-menu { font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px;}

.header {margin-top: 20px;}

@media screen and (min-width: 1081px) {
    .is-stuck {
        color: black;
        color:hover: gray;
        background-color: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter: blur(20px) saturate(180%);
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
  .transformationsding {background-position: center -100px !important;}
}




@media (max-width: 768px) {
  h1 {
    font-size: 45px;
  }
  
  h2 {
      font-size: 18px;
  }
}

.vc_custom_1745392986725 {
    display: flex !important;
    align-items: center !important;
}

.mainbar-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.mainbar-row > [class^="col"] {
    display: flex;
    align-items: center;
    position: static;
}

.nav-container {
  background: white;
  border-radius: 50px;
  padding: 10px 30px;
  margin: 20px auto;
  max-width: 1600px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title-text{
    margin-top: -100px;
}

/*Kontaktformular*/
#input_1_1_3 {
    background-color: #e1e2e4 !important;
    border: none;
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px;
}

#input_1_1_6 {
    background-color: #e1e2e4 !important;
    border: none;
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px;
}

#input_1_4 {
   background-color: #e1e2e4 !important;
    border: none;
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px; 
}

#input_1_3 {
    background-color: #e1e2e4 !important;
    border: none;
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px; 
}

#input_1_5 {
     background-color: #e1e2e4 !important;
    border: none;
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px; 
}

.gfield_label.gform-field-label.gfield_label_before_complex {
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px; 
}

.gfield_label.gform-field-label {
    color: #634C9B;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px; 
}

#gform_submit_button_1 {
    background-color: #634C9B;
    color: white;
    font-family: "range-sans-variable", sans-serif !important; font-weight: 300; font-style: normal; font-size: 18px; 
}

/*head*/
zindex {
    z-index: 999 !important;
}