@media all {
  *#dm .dmInner a.u_1481161100 .iconBg {
    display:inline-block !important;
    mask-image:url(https://de.cdn-website.com/55c5402cc47943ccb205021eceec0097/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/55c5402cc47943ccb205021eceec0097/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/55c5402cc47943ccb205021eceec0097/icon/Phone_1147910.svg) !important;
  }

  *#dm .dmInner nav.u_1998592992 { color:black !important; }

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

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

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

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

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

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

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

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

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

  *#dm .dmInner div.u_1926680691 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1880815830 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1351960496 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1219984082 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1911481595 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1767576224 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1733901862 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1837532949 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1090823574 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1258323703 .postArticle>.inner {
    -webkit-box-shadow:rgba(0,0,0,0.1) 0px 3px 11px 0px !important;
    box-shadow:rgba(0,0,0,0.1) 0px 3px 11px 0px !important;
    -moz-box-shadow:rgba(0,0,0,0.1) 0px 3px 11px 0px !important;
    border-radius:10px 10px 10px 10px !important;
  }

  *#dm .dmInner div.u_1258323703 .postArticle .blogImgLink { height:220px !important; }

  *#dm .dmInner div.u_1258323703 .postTitle a { font-weight:600 !important; }

  *#dm .dmInner div.u_1258323703 .postDescription { color:var(--color_4) !important; }

  *#dm .dmInner div.u_1258323703 .readMore a {
    color:var(--color_1) !important;
    font-weight:700 !important;
  }

  *#dm .dmInner div.u_1869745827 img { object-fit:contain !important; }

  *#dm .dmInner div.u_1858419822 img { object-fit:contain !important; }
}
@media (min-width:1025px) {
  *#dm .dmInner div.u_1258323703 .postTitle a { font-size:20px !important; }

  *#dm .dmInner div.u_1258323703 .postDescription { font-size:15px !important; }

  *#dm .dmInner div.u_1258323703 .readMore a { font-size:16px !important; }
}
@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 {
    
#\31 5e405cb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#d1504d5e {
    min-height: 100px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0px 0% 0px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 2c68034::before, #\36 2c68034 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 1);
    opacity: 0.4;
    border-radius: inherit;
}
#\36 2c68034 {
    background-color: var(--color_4);
    background-image: url("https://le-de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/opt/tasarakennus-etusivu-1920w.jpg");
}
    
#widget_0gj {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#group_jnc {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    order: 2;
    padding: 20px 0% 0% 0%;
}
    
#widget_nab {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#\31 f20015b {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\35 18f55ae {
    margin: 0px 0% 0px 0%;
}
    
#innergrid_n0j {
    width: 100%;
    grid-template-rows: minmax(300px, max-content);
    max-width: 100%;
    order: 0;
}
    
#group_go3 {
    background-position: 50% 0%;
    align-items: flex-start;
    justify-self: stretch;
    align-self: end;
    order: 0;
    width: 100%;
    min-height: 8vw;
    row-gap: 0px;
    column-gap: 24px;
    background-image: url("https://de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/ww-b.svg");
    margin: 0px 0px 0px 0px;
}
    
#group_7ek {
    align-items: center;
    justify-self: center;
    align-self: center;
    order: 0;
    max-width: 1200px;
    width: 100%;
    min-height: auto;
    row-gap: 0px;
    column-gap: 24px;
    max-height: none;
    min-width: auto;
    padding: 300px 0px 300px 0px;
    margin: 0px 0px 0px 0px;
}
}



@media all {
    
#\30 e273846 {
    min-height: 20px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\33 476f023 {
    min-height: 0;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 80px 0% 80px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\33 3b203b3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 9b1e531 {
    min-height: 80px;
    column-gap: 4%;
    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%;
}
    
#group_qjh {
    justify-content: flex-start;
    align-items: flex-start;
    width: 54%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#dec4a8ed {
    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;
}
    
#widget_tne.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#widget_tne {
    width: 200px;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 10px 0% 0px 0%;
}
    
#widget_jlu {
    width: 150px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#group_epm {
    align-items: flex-start;
    width: 42%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 24px;
    background-image: url("https://le-de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/opt/Maarakentaminen-15-1920w.jpg");
    border-radius: 20px 20px 20px 20px;
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    height: auto;
}
}



@media all {
    
#\31 4495262 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 5367475 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
}
    
#\35 6a880d8 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 158beef {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#eaaf116d {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 0px 40px 0px 40px;
}
    
#\35 e534be7 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ac098d6b {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#\32 7a1b33a {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
}
    
#\37 3d5c2ea {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#\31 2f242d8 {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#\32 1b3ffa3 {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#db61b1d1 {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#a736ca25 {
    justify-content: space-between;
    align-items: center;
    width: 15%;
    min-height: 100%;
    max-height: none;
    row-gap: 20px;
    column-gap: 24px;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    align-self: stretch;
    height: auto;
    padding: 30px 20px 30px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\38 a5adde5 {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#\30 7e4d000 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
}
    
#\37 ed5820d {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 035938f {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
}
    
#\36 954b4fa {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#c465e977 {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#f67b5ef2 {
    width: 80px;
    height: auto;
    max-width: 100%;
}
    
#\37 5bbe324 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c1481c19 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
}
    
#c90b47a0 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#b34800bc {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#\39 e52148a {
    min-height: 8px;
    column-gap: 2%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\36 a7b0a66 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
}
    
#\35 d188bd3 {
    justify-content: space-between;
    align-items: center;
    width: 15%;
    min-height: 100%;
    max-height: none;
    row-gap: 20px;
    column-gap: 24px;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    align-self: stretch;
    height: auto;
    padding: 30px 20px 30px 20px;
    margin: 0px 0% 0px 0%;
}
    
#c58d8b1f {
    justify-content: space-between;
    align-items: center;
    width: 15%;
    min-height: 100%;
    max-height: none;
    row-gap: 20px;
    column-gap: 24px;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    align-self: stretch;
    height: auto;
    padding: 30px 20px 30px 20px;
    margin: 0px 0% 0px 0%;
}
    
#e3de669c {
    width: 200px;
    height: auto;
    max-width: 100%;
}
    
#\35 80460ba {
    justify-content: space-between;
    align-items: center;
    width: 15%;
    min-height: 100%;
    max-height: none;
    row-gap: 20px;
    column-gap: 24px;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    align-self: stretch;
    height: auto;
    padding: 30px 20px 30px 20px;
    margin: 0px 0% 0px 0%;
}
    
#\31 8fc3c81 {
    margin: -160px 0% 0px 0%;
}
    
#b885f931 {
    justify-content: space-between;
    align-items: center;
    width: 15%;
    min-height: 100%;
    max-height: none;
    row-gap: 20px;
    column-gap: 24px;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    align-self: stretch;
    height: auto;
    padding: 30px 20px 30px 20px;
    margin: 0px 0% 0px 0%;
}
    
#c27e89c3 {
    justify-content: space-between;
    align-items: center;
    width: 15%;
    min-height: 100%;
    max-height: none;
    row-gap: 20px;
    column-gap: 24px;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    align-self: stretch;
    height: auto;
    padding: 30px 20px 30px 20px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\30 b9d0a6d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
}
    
#\37 5f6e7e0 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_u24 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#e575728e {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
}
    
#c12817a4 {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 60px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
    
#\31 0eccedd {
    min-height: 0;
    column-gap: 4%;
    row-gap: 40px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#widget_8lf {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_qhb {
    justify-content: flex-start;
    align-items: flex-start;
    width: 48%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 24px;
    align-self: stretch;
    height: auto;
    min-width: 32px;
    order: 1;
    padding: 20px 0px 20px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_8r1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_u35 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 056e7f2 {
    width: 150px;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#dae81e24 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 48%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 24px;
    align-self: stretch;
    height: auto;
    min-width: 32px;
    order: 2;
    padding: 20px 0px 20px 0px;
    margin: 0px 0% 0px 0%;
}
    
#f76d8956 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\31 229b297 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 7b07264 {
    width: 48%;
    height: auto;
    min-height: 100px;
    max-width: 100%;
    align-self: stretch;
    order: 0;
    max-height: none;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 48c9172 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 48%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 24px;
    height: auto;
    min-width: 32px;
    order: 6;
    padding: 20px 0px 20px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\34 e9165c4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 5165e56 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 a7b7eeb {
    width: 48%;
    height: auto;
    min-height: 100px;
    max-width: 100%;
    align-self: stretch;
    order: 5;
    max-height: none;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d86a4448 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 30%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 24px;
    height: auto;
    min-width: 32px;
    order: 0;
    padding: 0px 0px 0px 0px;
}
    
#\35 6e19b9d {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 e16ac65 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 32a6e11 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 30%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 24px;
    height: auto;
    min-width: 32px;
    order: 1;
    padding: 0px 0px 0px 0px;
}
    
#\30 9fb2144 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 4f649a5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 6a0d3cc {
    justify-content: flex-start;
    align-items: flex-start;
    width: 30%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 24px;
    height: auto;
    min-width: 32px;
    order: 2;
    padding: 0px 0px 0px 0px;
}
    
#\38 dd1cb14 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 ffc52c6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_56i.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#widget_56i {
    width: 200px;
    height: auto;
    max-width: 100%;
    margin: 10px 0% 0px 0%;
}
    
#group_lvn {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 20px;
    flex-wrap: wrap;
    padding: 40px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_gkj {
    align-items: flex-start;
    width: 48%;
    min-height: 100%;
    max-height: none;
    row-gap: 24px;
    column-gap: 24px;
    order: 3;
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    height: auto;
    border-radius: 20px 20px 20px 20px;
    background-image: url("https://le-de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/opt/Viherrakentaminen-1-1920w.jpg");
}
}



@media all {
    
#\30 42cb877 {
    min-height: 20px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
}
    
#\35 ac280fe {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
}
    
#\35 be17fe3 {
    min-height: 0;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 20px 0px 80px 0px;
}
    
#\34 bc67efb {
    background-color: var(--color_6);
    background-image: none;
}
    
#widget_klf {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 e0e6379 {
    width: 150px;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 6906e9d {
    margin: 0px 0% 0px 0%;
}
    
#e6a6dc43 {
    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 {
    
#\36 bf70891 {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    justify-content: flex-start;
    min-width: 4%;
    flex-wrap: nowrap;
    order: 0;
    border-width: 1px 0 0 0;
    border-color: var(--color_5) #000000 #000000 #000000;
    border-style: solid;
    padding: 60px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\38 a8e473c {
    min-height: 0;
    column-gap: 0%;
    row-gap: 40px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 80px 0px;
}
    
#widget_tci {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#dfe3951d {
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 3%;
    row-gap: 24px;
    flex-wrap: wrap;
    order: 1;
}
    
#c53c4cb3 {
    width: auto;
    height: 100px;
    max-width: 100%;
}
    
#a44c24cb {
    width: auto;
    height: 100px;
    max-width: 100%;
}
    
#\38 6be6257 {
    width: auto;
    height: 100px;
    max-width: 100%;
}
    
#faf95a84 {
    width: auto;
    height: 100px;
    max-width: 100%;
}
    
#f8c70c10 {
    width: auto;
    height: 100px;
    max-width: 100%;
}
    
#\37 9954f5e {
    width: auto;
    height: 130px;
    max-width: 100%;
    max-height: none;
}
    
#\38 0949e49 {
    width: auto;
    height: 130px;
    max-width: 100%;
}
    
#\35 d85d217 {
    width: auto;
    height: 130px;
    max-width: 100%;
}
    
#\35 52244f3 {
    width: auto;
    height: 130px;
    max-width: 100%;
}
    
#b3d7fdae {
    margin: 0px 0% 0px 0%;
}
    
#bc1a3c1c {
    width: auto;
    height: 130px;
    max-width: 100%;
}
    
#\32 505e610 {
    width: auto;
    height: 130px;
    max-width: 100%;
}
}



@media all {
    
#\33 dea8107 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
}
    
#\37 d2c7ba0 {
    min-height: 20px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0px 0px 0px 0px;
}
    
#b61ada09 {
    margin: 0px 0% 0px 0%;
}
    
#group_50t {
    background-position: 50% 100%;
    align-items: flex-start;
    width: 100%;
    min-height: 8vw;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    background-image: url("https://de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/ww-t.svg");
    background-color: var(--color_6);
}
}



@media all {
    
#a052d5f6 {
    margin: 0px 0% 0px 0%;
}
    
#\30 53f0344 {
    background-color: var(--color_4);
    background-image: url("https://le-de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/opt/referenssit-bg-1920w.jpg");
}
    
#fb976c4c {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0px 0px 0px 0px;
}
    
#b6d54add {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
}
    
#innergrid_soc {
    width: 100%;
    grid-template-rows: minmax(300px, max-content);
    max-width: 100%;
}
    
#group_pus {
    background-position: 50% 0%;
    align-items: flex-start;
    justify-self: stretch;
    align-self: end;
    order: 0;
    width: 100%;
    min-height: 8vw;
    row-gap: 24px;
    column-gap: 24px;
    background-image: url("https://de.cdn-website.com/55c5402cc47943ccb205021eceec0097/dms3rep/multi/ww-b.svg");
    margin: 0px 0px 0px 0px;
}
    
#group_4dl {
    align-items: flex-start;
    justify-self: center;
    align-self: stretch;
    order: 0;
    max-width: 1200px;
    width: 100%;
    min-height: 100%;
    row-gap: 10px;
    column-gap: 24px;
    max-height: none;
    min-width: auto;
    padding: 150px 0px 150px 0px;
    margin: 0px 0px 0px 0px;
}
    
#\30 d4e3229.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\30 d4e3229 {
    width: 260px;
    height: auto;
    max-width: 100%;
    margin: 10px 0% 0px 0%;
}
    
#bc5f4ebe {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 9d4c688 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 a8a8eba {
    min-height: auto;
    column-gap: 4%;
    row-gap: 10px;
    width: 49.67%;
    min-width: 4%;
    background-color: var(--color_3);
    background-image: none;
    border-radius: 20px 20px 20px 20px;
    border-width: 5px 5px 5px 5px;
    border-color: var(--color_1) var(--color_1) var(--color_1) var(--color_1);
    border-style: solid;
    order: 0;
    padding: 40px 40px 40px 40px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#d1504d5e {
    padding: 0px 0px 0px 0px;
}
    
#\36 2c68034::before, #\36 2c68034 > .bgExtraLayerOverlay {
    
}
    
#\35 18f55ae {
    margin: 0px 0% 0px 0%;
}
    
#group_7ek {
    padding: 150px 40px 150px 40px;
    margin: 0px 0px 0px 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 476f023 {
    padding-left: 40px;
    padding-right: 40px;
}
    
#\31 9b1e531 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 30px;
}
    
#group_qjh {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#group_epm {
    min-height: auto;
    width: 100%;
    align-self: flex-start;
    padding: 200px 0px 200px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#eaaf116d {
    padding: 0px 40px 0px 40px;
}
    
#\35 d188bd3 {
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 32%;
    min-height: auto;
    max-height: none;
    height: auto;
}
    
#\39 e52148a {
    flex-wrap: wrap;
    align-content: flex-start;
}
    
#c58d8b1f {
    width: 32%;
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: auto;
    max-height: none;
    height: auto;
}
    
#\35 80460ba {
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 32%;
    min-height: auto;
    max-height: none;
    height: auto;
}
    
#a736ca25 {
    width: 32%;
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: auto;
    max-height: none;
    height: auto;
}
    
#b885f931 {
    width: 32%;
    min-height: auto;
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    max-height: none;
    height: auto;
}
    
#c27e89c3 {
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 32%;
    min-height: auto;
    max-height: none;
    height: auto;
}
    
#\31 8fc3c81 {
    margin: -80px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 5f6e7e0 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 0eccedd {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    row-gap: 20px;
}
    
#d86a4448 {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\34 48c9172 {
    min-width: 32px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 6a0d3cc {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\35 32a6e11 {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#c12817a4 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
}
    
#\36 7b07264 {
    min-width: 32px;
    width: 100%;
    height: 300px;
    margin: 0px 0% 0px 0%;
}
    
#group_qhb {
    min-width: 32px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#dae81e24 {
    min-width: 32px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 a7b7eeb {
    min-width: 32px;
    width: 100%;
    height: 300px;
    margin: 0px 0% 0px 0%;
}
    
#group_lvn {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_gkj {
    width: 100%;
    min-height: auto;
    align-self: flex-start;
    padding: 200px 0px 200px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 be17fe3 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 a8e473c {
    padding: 0px 40px 80px 40px;
}
    
#c53c4cb3 {
    height: 100px;
}
    
#a44c24cb {
    height: 100px;
}
    
#\38 6be6257 {
    height: 100px;
}
    
#faf95a84 {
    height: 100px;
}
    
#f8c70c10 {
    height: 100px;
}
    
#\37 9954f5e {
    height: 130px;
}
    
#\38 0949e49 {
    height: 130px;
}
    
#\35 d85d217 {
    height: 130px;
}
    
#\35 52244f3 {
    height: 130px;
}
    
#b3d7fdae {
    margin: 0px 0% 0px 0%;
}
    
#bc1a3c1c {
    height: 130px;
}
    
#\32 505e610 {
    height: 130px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 d2c7ba0 {
    padding: 0px 0px 0px 0px;
}
    
#b61ada09 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#fb976c4c {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 240px;
    padding: 0px 0px 0px 0px;
}
    
#b6d54add {
    width: 100%;
    min-height: 8px;
}
    
#a052d5f6 {
    margin: 0px 0% 0px 0%;
}
    
#group_4dl {
    padding: 150px 40px 150px 40px;
    margin: 0px 0px 0px 0px;
}
}



@media (max-width: 767px) {
    
#\31 5e405cb {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#d1504d5e {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
    
#\36 2c68034::before, #\36 2c68034 > .bgExtraLayerOverlay {
    
}
    
#\35 18f55ae {
    margin: 0px 0% 0px 0%;
}
    
#group_7ek {
    padding: 80px 15px 80px 15px;
    margin: 0px 0px 0px 0px;
}
}



@media (max-width: 767px) {
    
#\30 e273846 {
    width: 100%;
    min-height: 20px;
    align-items: flex-start;
}
    
#\33 476f023 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px 15px 30px 15px;
}
    
#\31 9b1e531 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
}
    
#group_qjh {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
}
    
#group_epm {
    width: 100%;
    min-height: auto;
    align-self: flex-start;
    padding: 125px 0px 125px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#eaaf116d {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 15px 0px 15px;
}
    
#\39 e52148a {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
    
#\35 d188bd3 {
    min-width: 32px;
    width: 49%;
    min-height: auto;
    padding: 20px 15px 20px 15px;
    margin: 0px 0% 0px 0%;
}
    
#c58d8b1f {
    min-width: 32px;
    width: 49%;
    min-height: auto;
    padding: 20px 15px 20px 15px;
    margin: 0px 0% 0px 0%;
}
    
#\35 80460ba {
    min-width: 32px;
    width: 49%;
    min-height: auto;
    padding: 20px 15px 20px 15px;
    margin: 0px 0% 0px 0%;
}
    
#a736ca25 {
    min-width: 32px;
    width: 49%;
    min-height: auto;
    padding: 20px 15px 20px 15px;
    margin: 0px 0% 0px 0%;
}
    
#b885f931 {
    min-width: 32px;
    width: 49%;
    min-height: auto;
    padding: 20px 15px 20px 15px;
    margin: 0px 0% 0px 0%;
}
    
#c27e89c3 {
    min-width: 32px;
    width: 49%;
    min-height: auto;
    padding: 20px 15px 20px 15px;
    margin: 0px 0% 0px 0%;
}
    
#\31 2f242d8 {
    width: 60px;
}
    
#c465e977 {
    width: 60px;
}
    
#\38 a5adde5 {
    width: 60px;
}
    
#\35 158beef {
    width: 60px;
}
    
#\37 3d5c2ea {
    width: 60px;
}
    
#f67b5ef2 {
    width: 60px;
}
    
#\31 8fc3c81 {
    margin: -40px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\30 b9d0a6d {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\37 5f6e7e0 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#e575728e {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#c12817a4 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
}
    
#\31 0eccedd {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
    row-gap: 20px;
}
    
#group_lvn {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#d86a4448 {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\34 48c9172 {
    min-width: 32px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 6a0d3cc {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\35 32a6e11 {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\36 7b07264 {
    min-width: 32px;
    width: 100%;
    height: 200px;
    margin: 0px 0% 0px 0%;
}
    
#group_qhb {
    min-width: 32px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#dae81e24 {
    min-width: 32px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\32 a7b7eeb {
    min-width: 32px;
    width: 100%;
    height: 200px;
    margin: 0px 0% 0px 0%;
}
    
#group_gkj {
    width: 100%;
    min-height: auto;
    align-self: flex-start;
    padding: 125px 0px 125px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\30 42cb877 {
    width: 100%;
    min-height: 20px;
    align-items: flex-start;
    justify-content: flex-start;
}
    
#\35 ac280fe {
    width: 100%;
    min-height: 20px;
    align-items: flex-start;
}
    
#\35 be17fe3 {
    min-height: unset;
    flex-direction: column;
    row-gap: 20px;
    padding: 20px 15px 30px 15px;
}
    
#\32 6906e9d {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 bf70891 {
    width: 100%;
    align-items: center;
    min-height: 80px;
    padding: 40px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\38 a8e473c {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 0px 15px 40px 15px;
}
    
#dfe3951d {
    width: 100%;
    min-height: 80px;
}
    
#c53c4cb3 {
    height: 60px;
}
    
#a44c24cb {
    height: 60px;
}
    
#\38 6be6257 {
    height: 60px;
}
    
#faf95a84 {
    height: 60px;
}
    
#f8c70c10 {
    height: 60px;
}
    
#\37 9954f5e {
    height: 100px;
}
    
#\38 0949e49 {
    height: 100px;
}
    
#\35 d85d217 {
    height: 100px;
}
    
#\35 52244f3 {
    height: 100px;
}
    
#b3d7fdae {
    margin: 0px 0% 0px 0%;
}
    
#bc1a3c1c {
    height: 100px;
}
    
#\32 505e610 {
    height: 100px;
}
}



@media (max-width: 767px) {
    
#\33 dea8107 {
    width: 100%;
    min-height: 10px;
    align-items: center;
}
    
#\37 d2c7ba0 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
    
#b61ada09 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#a052d5f6 {
    margin: 0px 0% 0px 0%;
}
    
#fb976c4c {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
    
#b6d54add {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\30 d4e3229.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 10px 10px 10px;
}
#\30 d4e3229 {
    width: 260px;
    margin: 10px 0% 0px 0%;
}
    
#\34 a8a8eba {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#group_4dl {
    min-height: auto;
    align-self: center;
    padding: 80px 15px 80px 15px;
    margin: 0px 0px 0px 0px;
}
}