@media all {
  *#dm .dmInner a.u_1481161100 .iconBg {
    display:inline-block !important;
    mask-image:url(https://de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/icon/Phone_1147910.svg) !important;
    background-color:var(--color_3) !important;
  }

  *#dm .dmInner a.u_1703400293 .iconBg {
    display:inline-block !important;
    mask-image:url(https://de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/icon/Phone_1147910.svg) !important;
  }

  *#dm .dmInner div.u_1894204207 p { color:var(--color_3) !important; }

  *#dm .dmInner div.u_1894204207 li { color:var(--color_3) !important; }

  *#dm .dmInner div.u_1894204207 { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1960045532 {
    background-color:rgba(0,0,0,0) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-color:rgb(106,197,124) rgb(106,197,124) rgb(106,197,124) rgb(106,197,124) !important;
    border-width:0px 0px 0px 0px !important;
    border-radius:0px 0px 0px 0px !important;
  }

  *#dm .dmInner a.u_1960045532:hover {
    background-color:var(--color_1) !important;
    background-image:initial !important;
    border-color:var(--color_1) !important;
  }

  *#dm .dmInner a.u_1960045532.hover {
    background-color:var(--color_1) !important;
    background-image:initial !important;
    border-color:var(--color_1) !important;
  }

  *#dm .dmInner a.u_1960045532 .iconBg {
    display:inline-block !important;
    mask-image:url(https://de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/icon/Phone_1147910.svg) !important;
  }

  *#dm .dmInner a.u_3725606100 {
    background-color:var(--color_3) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:2px 2px 2px 2px !important;
    border-color:var(--color_3) var(--color_3) var(--color_3) var(--color_3) !important;
  }

  *#dm .dmInner a.u_3725606100:hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
    border-color:var(--color_1) !important;
  }

  *#dm .dmInner a.u_3725606100.hover {
    background-color:var(--color_1) !important;
    background-image:none !important;
    border-color:var(--color_1) !important;
  }

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

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

  *#dm .dmInner nav.u_1998592992 { color:white !important; }
}
@media (min-width:1025px) {}
@media (min-width:768px) and (max-width:1024px) {}
@media (min-width:0px) and (max-width:767px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: var(--color_6);
    --overlapping-background-image: rgba(255, 255, 255, 1);
}
}



@media all {
    
#\33 476f023 {
    min-height: 0;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\33 3b203b3 {
    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;
}
    
#\31 9b1e531 {
    min-height: 80px;
    column-gap: 0%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\38 cd0e595 {
    align-items: flex-start;
    width: 50%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    align-self: stretch;
    height: auto;
    background-image: url("https://le-de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/dms3rep/multi/opt/betonilattiat-salo-oy_img-20240105-wa0026-1920w.jpg");
    border-radius: 0px 0px 0px 0px;
    order: 1;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_qjh {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    order: 0;
    padding: 64px 0px 64px 48px;
    margin: 0% 0% 0% 0%;
}
    
#dec4a8ed {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_tne.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 16px 32px 16px 32px;
}
#widget_tne {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 2;
    min-height: auto;
    margin: 0px 0% 0px 0%;
}
    
#widget_q5s {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_dbh {
    width: 100%;
    height: 200px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#af4a29c4 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#e6c076f9 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\33 d4ce902 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_1);
    background-image: none;
}
    
#c58c8627 {
    margin: 0px 0% 0px 0%;
}
    
#innergrid_1o2 {
    width: 100%;
    grid-template-rows: minmax(300px, max-content);
    max-width: 100%;
}
    
#group_c5v {
    align-items: flex-start;
    justify-self: start;
    align-self: stretch;
    order: 0;
    width: 50%;
    min-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    max-height: none;
    background-color: var(--color_1);
    background-image: none;
    padding: 320px 40px 200px 40px;
    margin: 0px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\34 2fede42 {
    align-items: flex-start;
    justify-self: end;
    align-self: stretch;
    order: 0;
    width: 50%;
    min-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    max-height: none;
    background-image: url("https://le-de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/dms3rep/multi/opt/betonilattiat-salo-oy_img-20190610-wa0009-1920w.jpg");
    background-position: 0% 50%;
    margin: 0px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_kg3.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 16px 32px 16px 32px;
}
#widget_kg3 {
    width: auto;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    min-height: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_5ds {
    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;
}
}



@media all {
    
#\33 7a60198 {
    min-height: 0;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\33 fd6669a {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    order: 1;
    padding: 64px 48px 64px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\32 a2e86f0 {
    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;
}
    
#f6254bb5 {
    min-height: 80px;
    column-gap: 0%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    justify-content: flex-start;
    background-color: var(--color_3);
    background-image: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#c42239c4 {
    align-items: flex-start;
    width: 50%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    align-self: stretch;
    height: auto;
    background-image: url("https://le-de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/dms3rep/multi/opt/betonilattiat-salo-oy_img-20190516-wa0005-1920w.jpg");
    border-radius: 0px 0px 0px 0px;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 f6108ed {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#bf4851dc.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 16px 32px 16px 32px;
}
#bf4851dc {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 2;
    min-height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\34 fb35588 {
    background-color: var(--color_5);
    background-image: none;
}
    
#widget_67n {
    width: 100%;
    height: 200px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#b1f5dcdb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\36 a522327 {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\38 ae4741e {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_1);
    background-image: none;
}
    
#widget_ods {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_4j6 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#bd2c0efe {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: flex-end;
    margin: 0% 0% 0% 0%;
}
    
#\37 4af3b54 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 160px 32px 160px 32px;
    margin: 0% 0% 0% 0%;
}
    
#ba0b8c16::before, #ba0b8c16 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.6;
    border-radius: inherit;
}
#ba0b8c16 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://le-de.cdn-website.com/35d387635e0a472cbceeb90b9a89a90b/dms3rep/multi/opt/betonilattiat-salo-oy_img-20220315-wa0009-1920w.jpg");
    background-position: 50% 100%;
}
    
#group_drp {
    align-items: flex-start;
    width: 50%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
}
    
#widget_llf {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_0qo {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#fb2f1fc4.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 16px 32px 16px 32px;
}
#fb2f1fc4 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 93d6736 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\32 67acac9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#b69f8be2 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\34 f854e4e {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_1);
    background-image: none;
}
    
#widget_h3e {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#\39 49f8779 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 cd0e595 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\31 9b1e531 {
    column-gap: 0%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_qjh {
    width: 100%;
    padding: 48px 64px 48px 64px;
    margin: 0% 0% 0% 0%;
}
    
#widget_dbh {
    height: 600px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e6c076f9 {
    padding: 0px 0px 0px 0px;
}
    
#c58c8627 {
    margin: 0px 0% 0px 0%;
}
    
#group_c5v {
    padding: 220px 40px 100px 40px;
    margin: 0px 0px 0px 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c42239c4 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#f6254bb5 {
    column-gap: 0%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\33 fd6669a {
    width: 100%;
    padding: 48px 64px 48px 64px;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 a522327 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#c6437c81 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 4af3b54 {
    padding: 128px 16px 128px 16px;
}
    
#\30 93d6736 {
    margin: 0px 0% 0px 0%;
}
    
#ba0b8c16::before, #ba0b8c16 > .bgExtraLayerOverlay {
    
}
    
#bd2c0efe {
    align-items: flex-start;
}
    
#group_drp {
    width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b69f8be2 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\39 49f8779 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\33 476f023 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\31 9b1e531 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\38 cd0e595 {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-height: 250px;
    margin: 0px 0% 0px 0%;
}
    
#group_qjh {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    padding: 16px 8px 16px 8px;
    margin: 0% 0px 0% 0px;
}
    
#widget_tne.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 16px 32px 16px 32px;
}
#widget_tne {
    margin: 0px 0% 0px 0%;
}
    
#widget_dbh {
    height: 350px;
}
}



@media (max-width: 767px) {
    
#af4a29c4 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#e6c076f9 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
    
#group_c5v {
    justify-self: center;
    width: 90%;
    max-width: 100%;
    min-height: 0px;
    align-self: center;
    padding: 25px 20px 10px 20px;
    margin: 0px 0px 0px 0px;
}
    
#\34 2fede42 {
    justify-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
}
    
#c58c8627 {
    margin: 0px 0% 0px 0%;
}
    
#widget_5ds {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
}
}



@media (max-width: 767px) {
    
#\33 7a60198 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\33 fd6669a {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    padding: 16px 8px 16px 8px;
    margin: 0% 0px 0% 0px;
}
    
#f6254bb5 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#c42239c4 {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-height: 250px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#b1f5dcdb {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\36 a522327 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#bd2c0efe {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\37 4af3b54 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 128px 16px 128px 16px;
}
    
#ba0b8c16::before, #ba0b8c16 > .bgExtraLayerOverlay {
    
}
    
#group_drp {
    width: 100%;
}
    
#\30 93d6736 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\32 67acac9 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#b69f8be2 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}

