@media all {
  *#dm .dmInner a.u_1674827644 {
    border-radius:6px !important;
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    background-color:rgba(0,0,0,0) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner *.u_1981285256 .svg { width:100% !important; }

  *#dm .dmInner div.u_1981285256 .svg { fill:rgba(255,255,255,1) !important; }

  *#dm .dmInner *.u_1830910140 .svg { width:100% !important; }

  *#dm .dmInner div.u_1830910140 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_2) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1830910140 .svg { fill:rgba(255,255,255,1) !important; }

  *#dm .dmInner *.u_1505073992 .svg { width:100% !important; }

  *#dm .dmInner div.u_1505073992 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_2) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1505073992 .svg { fill:rgba(255,255,255,1) !important; }

  *#dm .dmInner div.u_1638188446 hr { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1674827644 .iconBg {
    display:inline-block !important;
    background-color:var(--color_2) !important;
    mask-image:url(https://de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/icon/Arrow_6577563.svg) !important;
    width:33px !important;
    height:33px !important;
  }

  *#dm .dmInner a.u_1674827644 span.text { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1674827644:hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1674827644.hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1674827644:hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1674827644.hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1674827644:hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1674827644.hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1494872976 {
    border-radius:6px !important;
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    background-color:rgba(0,0,0,0) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1494872976 .iconBg {
    display:inline-block !important;
    background-color:var(--color_2) !important;
    mask-image:url(https://de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/icon/Arrow_6577563.svg) !important;
    width:33px !important;
    height:33px !important;
  }

  *#dm .dmInner a.u_1494872976 span.text { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1494872976:hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1494872976.hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1494872976:hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1494872976.hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1494872976:hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1494872976.hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1691645405 {
    border-radius:6px !important;
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    background-color:rgba(0,0,0,0) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1691645405 .iconBg {
    display:inline-block !important;
    background-color:var(--color_2) !important;
    mask-image:url(https://de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/icon/Arrow_6577563.svg) !important;
    width:33px !important;
    height:33px !important;
  }

  *#dm .dmInner a.u_1691645405 span.text { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1691645405:hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1691645405.hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1691645405:hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1691645405.hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1691645405:hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1691645405.hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1918988196 {
    border-radius:6px !important;
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    background-color:rgba(0,0,0,0) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) rgb(152,192,74) !important;
    border-width:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1918988196 .iconBg {
    display:inline-block !important;
    background-color:var(--color_2) !important;
    mask-image:url(https://de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/icon/Arrow_6577563.svg) !important;
    width:33px !important;
    height:33px !important;
  }

  *#dm .dmInner a.u_1918988196 span.text { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1918988196:hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1918988196.hover span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1918988196:hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1918988196.hover .iconBg { background-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1918988196:hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1918988196.hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner div.u_1635007538 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1677643496 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1902554737 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1056263697 hr { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1154330729:hover { background-image:initial !important; }

  *#dm .dmInner a.u_1154330729.hover { background-image:initial !important; }

  *#dm .dmInner div.u_1981285256 {
    padding:25% !important;
    border-radius:50% !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-style:solid !important;
    background-color:var(--color_2) !important;
    background-image:none !important;
  }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 3d24979f4a54e38542a8abe {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 47.5%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0% 50px 0% 0%;
    margin: 0% 0% 0% 5%;
}
    
#\36 3d24979f4a54e38542a8abd::before, #\36 3d24979f4a54e38542a8abd > .bgExtraLayerOverlay {
    
}
#\36 3d24979f4a54e38542a8abd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 47.5%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://le-de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/dms3rep/multi/opt/Frutiger+Holzbau+AG+%28156%29-1920w.jpg");
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 320px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 40px 0% 0px 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_h05 {
    width: 100%;
    height: 625px;
    max-width: 100%;
}
    
#widget_4rv {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_591 {
    width: 96.66%;
    height: auto;
    max-width: 100%;
}
    
#widget_6fq {
    width: 200px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\36 3d24979f4a54e38542a8aba {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 4f8b348 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: var(--color_6);
    background-image: none;
    padding: 50px 100px 50px 100px;
    margin: -25px 0% 0% 0%;
}
    
#de63ac06 {
    min-height: 1325px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 40px 100px 40px;
    margin: 0% 0% 0% 0%;
}
    
#widget_2r5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_m0j.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#widget_m0j {
    width: 30px;
    height: auto;
    min-height: 1px;
    max-width: 100%;
}
    
#widget_7us {
    width: 80.91%;
    height: auto;
    max-width: 100%;
}
    
#group_voi {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 1%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_ap6 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#widget_470 {
    width: 100%;
    height: 300px;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#widget_2f6 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#widget_cqp {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_65v {
    width: 168px;
    height: auto;
    min-height: 47px;
    max-width: 100%;
}
    
#\35 878c212 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\38 07581de {
    width: 100%;
    height: 300px;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\30 b4f95bd {
    width: 88.27%;
    height: auto;
    max-width: 100%;
}
    
#ad481152 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e5f06438 {
    width: 96.71%;
    height: auto;
    max-width: 100%;
}
    
#\32 1825a6e {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\39 3d1016e {
    width: 100%;
    height: 300px;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\36 1aecc65 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: 200px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 b0a6c5e {
    width: 168px;
    height: auto;
    min-height: 47px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 1fe48a8 {
    width: 168px;
    height: auto;
    min-height: 47px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 89dbe63 {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 1%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#baa11a97 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#\34 33160f8 {
    width: 100%;
    height: 300px;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#a14d0a56 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\34 7323c9a {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\31 0fb62f7 {
    width: 168px;
    height: auto;
    min-height: 47px;
    max-width: 100%;
}
    
#\31 2f3cce8 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: 200px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ec511c30 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ef6f93c0 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\37 818b0a8 {
    min-height: 0px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 50px 0% 50px 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_k3l {
    flex-direction: row;
    width: 30.55%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 2%;
    row-gap: 24px;
    align-items: center;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 ea0b415 {
    margin: 0px 40px 0px 40px;
}
    
#group_e8h {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 47.26781510362618%;
    min-height: 64px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#e64acff4 {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 50.72787974026743%;
    min-height: 40px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-self: auto;
    order: 0;
    height: auto;
    background-color: rgba(0,0,0,0);
    background-image: none;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a55b62bc {
    background-color: var(--color_5);
    background-image: none;
}
    
#widget_mkn {
    width: 40px;
    height: auto;
    max-width: 100%;
}
    
#widget_ste {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#fcfa4abe {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 43.97%;
    min-height: 40px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-self: auto;
    order: 0;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 60d1c82 {
    width: 40px;
    height: auto;
    max-width: 100%;
}
    
#\35 8a04f54 {
    flex-direction: row;
    width: 33.75%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 2%;
    row-gap: 24px;
    order: 0;
    align-items: center;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\30 cc24a0e {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 11b9b74 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 47.27%;
    min-height: 64px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#af21b162 {
    flex-direction: row;
    width: 35.7%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 2%;
    row-gap: 24px;
    order: 0;
    align-items: center;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\38 0cfc18d {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 47.27%;
    min-height: 64px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#d9e9953f {
    width: 40px;
    height: auto;
    max-width: 100%;
}
    
#\30 5eab4a6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 07c7dc1 {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 26.70%;
    min-height: 40px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-self: auto;
    order: 0;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 0762437 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 f0af00a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/dms3rep/multi/opt/Frutiger+Holzbau+AG+%28117%29-1920w.jpg");
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\39 f7abf70 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 100px 0% 100px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\38 1ca19e9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f5672e88.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#f5672e88 {
    width: 30px;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a870a99b {
    width: 98.33%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e941d19d {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_uqn {
    width: 100%;
    height: 300px;
    max-width: 100%;
}
}



@media all {
    
#\32 ac97472 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 46.92%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\38 1d040d6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 49.083333333333336%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 b3ee9fe {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\31 77b3df6 {
    width: 98.33%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 f7aef69 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\32 b5ea50d {
    min-height: 129px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 100px 0% 100px 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_2dc {
    flex-direction: row;
    width: 32%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_vjt {
    justify-content: flex-start;
    align-items: center;
    width: 65.1%;
    min-height: 122px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#\34 d69e40e {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 29.33%;
    min-height: 122px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_sq5 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#widget_p4f {
    width: 60px;
    height: auto;
    max-width: 100%;
    align-self: flex-start;
}
    
#\32 a26e52a {
    flex-direction: row;
    width: 32%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#f1a31753 {
    width: 60px;
    height: auto;
    max-width: 100%;
    align-self: flex-start;
}
    
#d5ab63d8 {
    justify-content: flex-start;
    align-items: center;
    width: 65.09%;
    min-height: 103px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#\38 d3dc652 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\36 ff33dda {
    flex-direction: row;
    align-items: center;
    width: 30.9%;
    min-height: 103px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 163abb5 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 841cf15 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c3e456b2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#e88ff2dc {
    width: 60px;
    height: auto;
    max-width: 100%;
    align-self: flex-start;
}
    
#\31 e19bb8d {
    flex-direction: row;
    width: 32%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 1ecd348 {
    flex-direction: row;
    align-items: center;
    width: 30.9%;
    min-height: 101px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f4136471 {
    justify-content: flex-start;
    align-items: center;
    width: 65.09%;
    min-height: 101px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    flex-wrap: nowrap;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
}
    
#\30 83e893c {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 5d4c607 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\30 8d2f7c3 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 583bd29 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 100px 0% 100px 0%;
    margin: 0% 0% 0% 0%;
}
    
#d29fa08b::before, #d29fa08b > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_3);
    opacity: 0.34;
    border-radius: inherit;
}
#d29fa08b {
    background-image: url("https://le-de.cdn-website.com/7d2fd4425bf54e999d1d5b9a4313455c/dms3rep/multi/opt/Frutiger+Holzbau+AG+%2887%29-1920w.jpg");
    background-attachment: fixed;
}
    
#\39 e4705b4 {
    width: 60.75%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a9a59064 {
    width: 59.17%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\37 f155222 {
    width: 200px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
    justify-self: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\33 b8f1077 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3d24979f4a54e38542a8abc {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 70px 25px 0px 25px;
}
    
#\36 3d24979f4a54e38542a8abd::before, #\36 3d24979f4a54e38542a8abd > .bgExtraLayerOverlay {
    
}
#\36 3d24979f4a54e38542a8abd {
    width: 100%;
    min-height: 80px;
    order: 0;
}
    
#widget_4rv {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#widget_591 {
    width: 93.95%;
    margin: 0px 0% 0px 0%;
}
    
#\36 3d24979f4a54e38542a8abb {
    width: 100%;
    min-height: 80px;
    flex-direction: column;
    flex-wrap: nowrap;
    order: 1;
    padding: 70px 0px 95px 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_6fq {
    margin: 0px 0% 0px 0%;
}
    
#widget_h05 {
    width: 100.00%;
    height: 345px;
}
    
#\36 3d24979f4a54e38542a8aba {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#de63ac06 {
    padding: 0% 25px 70px 25px;
}
    
#\36 4f8b348 {
    padding-left: 25px;
    padding-right: 25px;
}
    
#group_voi {
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_ap6 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\36 1aecc65 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#ad481152 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\39 89dbe63 {
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#baa11a97 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\31 2f3cce8 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#ec511c30 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#ef6f93c0 {
    margin: 0px 0% 0px 0%;
}
    
#widget_7us {
    width: 96.23%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 818b0a8 {
    padding-left: 0%;
    padding-right: 0%;
    min-height: 228px;
}
    
#\35 ea0b415 {
    margin-left: 25px;
    margin-right: 25px;
}
    
#e64acff4 {
    width: 19.82%;
}
    
#group_e8h {
    width: 79.26%;
}
    
#fcfa4abe {
    width: 25.83%;
}
    
#\30 11b9b74 {
    width: 72.17%;
}
    
#\30 07c7dc1 {
    width: 20.23%;
}
    
#\38 0cfc18d {
    width: 65.05%;
}
    
#\30 cc24a0e {
    width: 77.78%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 0762437 {
    width: 49%;
    min-height: 8px;
}
    
#\36 3078963 {
    margin: 0px 0% 0px 0%;
}
    
#\39 f7abf70 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 779px;
    column-gap: 2%;
    padding: 70px 25px 70px 25px;
}
    
#\32 f0af00a {
    width: 49%;
    min-height: 8px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 b3ee9fe {
    padding-left: 25px;
    padding-right: 25px;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 109px;
    column-gap: 2%;
}
    
#\32 ac97472 {
    width: 49%;
    min-height: 8px;
}
    
#\38 1d040d6 {
    width: 49%;
    min-height: 8px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 b5ea50d {
    padding: 70px 25px 70px 25px;
}
    
#group_2dc {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
    
#\34 d69e40e {
    width: 100.00%;
    justify-content: flex-start;
    height: auto;
    min-height: 64px;
    margin: 0px 0% 0px 0%;
}
    
#group_vjt {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\32 a26e52a {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
    
#\36 ff33dda {
    width: 100.00%;
    justify-content: flex-start;
    height: auto;
    min-height: 66px;
    margin: 0px 0% 0px 0%;
}
    
#d5ab63d8 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\31 e19bb8d {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
    
#\35 1ecd348 {
    width: 100.00%;
    justify-content: flex-start;
    height: auto;
    min-height: 72px;
    margin: 0px 0% 0px 0%;
}
    
#f4136471 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\35 5d4c607 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 583bd29 {
    padding: 70px 15px 70px 15px;
}
    
#d29fa08b::before, #d29fa08b > .bgExtraLayerOverlay {
    
}
    
#a9a59064 {
    width: 85.28%;
}
    
#\39 e4705b4 {
    width: 84.16%;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\33 b8f1077 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 160px;
    align-items: center;
    width: 100%;
    order: 1;
    padding: 30px 15px 50px 15px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abd::before, #\36 3d24979f4a54e38542a8abd > .bgExtraLayerOverlay {
    
}
#\36 3d24979f4a54e38542a8abd {
    min-height: 160px;
    align-items: center;
    width: 100%;
    order: 0;
    row-gap: 0px;
    padding: 0px 0px 0px 0px;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: unset;
    flex-direction: column;
    padding: 0px 0px 0px 0px;
}
    
#widget_h05 {
    width: 100.00%;
    height: 200px;
}
    
#widget_4rv {
    width: 100.00%;
}
    
#widget_591 {
    width: 100.00%;
}
    
#widget_6fq {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    width: 200px;
}
}



@media (max-width: 767px) {
    
#\36 4f8b348 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 30px 15px 30px 15px;
    margin: -20px 0% 30px 0%;
}
    
#de63ac06 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
    
#widget_470 {
    height: 200px;
}
    
#\38 07581de {
    height: 200px;
}
    
#\39 3d1016e {
    height: 200px;
}
    
#group_voi {
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_ap6 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\36 1aecc65 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#ad481152 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#widget_m0j {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}
    
#\39 89dbe63 {
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#baa11a97 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\34 33160f8 {
    height: 200px;
}
    
#\31 2f3cce8 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#ec511c30 {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\37 818b0a8 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 30px 15px;
}
    
#group_k3l {
    width: 100%;
    min-height: 100px;
    align-items: center;
    height: auto;
}
    
#\35 8a04f54 {
    width: 100%;
    min-height: 100px;
    align-items: center;
    height: auto;
}
    
#af21b162 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\35 ea0b415 {
    margin: 0px 0px 0px 0px;
}
    
#e64acff4 {
    justify-content: flex-start;
    width: 24.166341463414636%;
    height: auto;
    min-height: 100px;
}
    
#group_e8h {
    width: 75%;
    height: auto;
    min-height: 64px;
}
    
#fcfa4abe {
    width: 24.890426829268293%;
    justify-content: flex-start;
    min-height: 100px;
}
    
#\30 11b9b74 {
    width: 75%;
    min-height: 64px;
    height: auto;
}
    
#\30 07c7dc1 {
    width: 24.890426829268293%;
    justify-content: flex-start;
    min-height: 100px;
}
    
#\38 0cfc18d {
    width: 75%;
    min-height: 64px;
    height: auto;
}
}



@media (max-width: 767px) {
    
#\36 0762437 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
    padding: 0% 0px 0% 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3078963 {
    margin: 0px 0% 0px 0%;
}
    
#\32 f0af00a {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
}
    
#\39 f7abf70 {
    min-height: unset;
    flex-direction: column;
    padding: 30px 15px 30px 15px;
}
    
#widget_uqn {
    width: 100%;
    height: 200px;
}
    
#f5672e88 {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
}
    
#e941d19d {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
}
}



@media (max-width: 767px) {
    
#\32 ac97472 {
    width: 100%;
    min-height: 39px;
    align-items: center;
    height: auto;
}
    
#\38 1d040d6 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\35 b3ee9fe {
    min-height: unset;
    flex-direction: column;
    padding: 0px 15px 0px 15px;
}
    
#\32 6a78117 {
    margin: 0px 0% 0px 0%;
}
    
#\31 77b3df6 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\32 b5ea50d {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 30px 15px;
}
    
#group_2dc {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\32 a26e52a {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\31 e19bb8d {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\34 d69e40e {
    justify-content: flex-start;
    height: auto;
    min-height: 60px;
    margin: 0px 0% 0px 0%;
}
    
#group_vjt {
    width: 99.71%;
    height: auto;
    min-height: 118px;
    margin: 0px 0% 0px 0%;
}
    
#\31 841cf15 {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\36 ff33dda {
    width: 61.08%;
    justify-content: flex-start;
    height: auto;
    min-height: 60px;
    margin: 0px 0% 0px 0%;
}
    
#d5ab63d8 {
    width: 99.54%;
    height: auto;
    min-height: 108px;
    margin: 0px 0% 0px 0%;
}
    
#\30 163abb5 {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\35 1ecd348 {
    height: auto;
    min-height: 60px;
    justify-content: flex-start;
    margin: 0px 0% 0px 0%;
}
    
#f4136471 {
    width: 100.00%;
    height: auto;
    min-height: 108px;
    margin: 0px 0% 0px 0%;
}
    
#\30 83e893c {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\35 5d4c607 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\30 8d2f7c3 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\35 583bd29 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 30px 15px;
}
    
#d29fa08b::before, #d29fa08b > .bgExtraLayerOverlay {
    
}
    
#a9a59064 {
    width: 100.00%;
}
    
#\33 b8f1077 {
    margin: 0px 0% 0px 0%;
}
    
#\39 e4705b4 {
    width: 100.00%;
}
}

#\32 f0af00a.lazy:not([data-loaded='true']) {background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgUH/8QAHhAAAgEEAwEAAAAAAAAAAAAAAQIDAAQFEQYhIlH/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/EABkRAAIDAQAAAAAAAAAAAAAAAAECAAMREv/aAAwDAQACEQMRAD8AMW2MyE010t8sskobyX+VUTim0UleyN0r5FGba68OT433WfS8pyCSuocaUkCpLUMzExqXjkbP/9k=')!important}#d29fa08b.lazy:not([data-loaded='true']) {background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgQF/8QAHxAAAQUAAwADAAAAAAAAAAAAAgEDBAURAAYhEjFB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgP/xAAYEQEAAwEAAAAAAAAAAAAAAAABAAMSQf/aAAwDAQACEQMRAD8AHdBoY9tD+UWCDrwp6m5wZOrzCbIBY2KLhJm/XvMGp7LaUklHa6SbS5mIvJHrmc88bhvkpGSkvv6vKFzkHkDWaZ//2Q==')!important}