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

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

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

  *#dm .dmInner a.u_1461306956 {
    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_1461306956:hover { border-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1461306956.hover { border-color:var(--color_3) !important; }

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

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

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

  *#dm .dmInner a.u_3709772564 {
    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_3709772564 span.text { color:var(--color_3) !important; }

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

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

  *#dm .dmInner div.u_1657621707 img { object-fit:cover !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\31 5e405cb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#d1504d5e {
    min-height: 750px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 200px 0% 200px 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.5;
    border-radius: inherit;
}
#\36 2c68034 {
    background-color: var(--color_4);
    background-image: url(https://le-de.cdn-website.com/82692bcd61864727b3af7cce4759930e/dms3rep/multi/opt/palvelukeskus-hopearinne-etusivu-1920w.jpg);
}
    
#group_644 {
    align-items: flex-start;
    width: 60%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_0gj {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_6i5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_jnc {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    align-self: stretch;
    padding: 10px 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_nab.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 10px 10px 10px;
}
#widget_nab {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#widget_ed4.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 20px 10px 20px;
}
#widget_ed4 {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#d1504d5e {
    padding: 150px 40px 150px 40px;
}
    
#\36 2c68034::before, #\36 2c68034 > .bgExtraLayerOverlay {
    
}
    
#group_644 {
    width: 90%;
}
}



@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: 50px 15px 50px 15px;
}
    
#\36 2c68034::before, #\36 2c68034 > .bgExtraLayerOverlay {
    
}
    
#group_644 {
    width: 100%;
}
    
#group_jnc {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 10px;
}
    
#widget_nab {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#widget_ed4 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#b0de95db {
    min-height: 0;
    column-gap: 4%;
    row-gap: 40px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 80px 0% 80px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 a1cb014 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#cfa008d1 {
    min-height: 80px;
    column-gap: 2%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#ca5951bd {
    background-color: var(--color_6);
    background-image: initial;
}
    
#\36 b7da947 {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
    align-items: center;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#group_lp0 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_fra {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_e47 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#b42d83e0 {
    width: 80px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 e9769bb {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#d03a4be9 {
    width: 80px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d0a8ed47 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 311a0f6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#e866ab24 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\33 e21415e {
    width: 80px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 907af77 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 a1b1204 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c26877e7 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 10px;
    column-gap: 4%;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\34 576b326 {
    width: 80px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 c4bd081 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#d7df5442 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_de6 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-width: 4%;
    min-height: 20px;
    column-gap: 4%;
    row-gap: 10px;
}
    
#widget_7lc.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 20px 10px 20px;
}
#widget_7lc {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b0de95db {
    padding-left: 40px;
    padding-right: 40px;
}
    
#\36 b7da947 {
    min-height: 20px;
}
    
#cfa008d1 {
    flex-wrap: wrap;
}
    
#group_lp0 {
    width: 49%;
}
    
#c26877e7 {
    width: 49%;
}
    
#\35 e9769bb {
    width: 49%;
}
    
#e866ab24 {
    width: 49%;
}
}



@media (max-width: 767px) {
    
#b0de95db {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    padding: 30px 15px 30px 15px;
}
    
#cfa008d1 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\36 b7da947 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_lp0 {
    align-items: center;
    margin: 0px 0% 0px 0%;
}
    
#\35 e9769bb {
    align-items: center;
    margin: 0px 0% 0px 0%;
}
    
#e866ab24 {
    align-items: center;
    margin: 0px 0% 0px 0%;
}
    
#c26877e7 {
    align-items: center;
    margin: 0px 0% 0px 0%;
}
    
#group_de6 {
    width: 100%;
    min-height: 20px;
    align-items: center;
}
}



@media all {
    
#\37 87f7e2e {
    min-height: 0;
    column-gap: 4%;
    row-gap: 30px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 80px 0% 80px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 9b3ab2e {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 f28ec87 {
    min-height: 20px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\34 098f3e3.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 10px 10px 10px;
}
#\34 098f3e3 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 10px 0% 0px 0%;
}
    
#\31 1dc30f7 {
    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%;
}
    
#\31 18c3323 {
    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%;
}
    
#\38 3ffb6a8 {
    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_80g {
    width: 42%;
    height: auto;
    max-width: 100%;
    order: 1;
    align-self: stretch;
    margin-bottom: 0px;
    margin-top: 0px;
    max-height: none;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 87f7e2e {
    padding-left: 40px;
    padding-right: 40px;
}
    
#\31 1dc30f7 {
    min-width: 32px;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\31 18c3323 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 30px;
}
    
#widget_80g {
    align-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    height: 400px;
}
}



@media (max-width: 767px) {
    
#\37 87f7e2e {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
    padding: 30px 15px 30px 15px;
}
    
#\35 f28ec87 {
    width: 100%;
    min-height: 20px;
    align-items: center;
}
    
#\31 1dc30f7 {
    align-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
}
    
#\31 18c3323 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 30px;
}
    
#widget_80g {
    height: 250px;
    width: 100%;
}
}

