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

  *#dm .dmInner div.u_1759024917 .socialHubInnerDiv { justify-content:flex-end !important; }

  *#dm .dmInner div.u_1759024917 .socialHubIcon {
    width:48px !important;
    height:48px !important;
    font-size:32px !important;
    line-height:48px !important;
  }

  *#dm .dmInner div.u_1399515553 .socialHubInnerDiv { justify-content:flex-end !important; }

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

  *#dm .dmInner a.u_2353064449 span.text { font-size:18px !important; }

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

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

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

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

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

  *#dm .dmInner a.u_1885947279 span.text { font-size:18px !important; }

  *#dm .dmInner a.u_1885947279 .iconBg {
    display:inline-block !important;
    mask-image:url(https://de.cdn-website.com/090944a917734f5d912b61f9a60a9eed/icon/right_7542855.svg) !important;
  }
}
@media (min-width:768px) and (max-width:1024px) {}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner a.u_1885947279 span.text { font-size:15px !important; }

  *#dm .dmInner a.u_2353064449 span.text { font-size:15px !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\39 4f9580d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\32 1a5a171 {
    min-height: 650px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 7% 0% 7% 0%;
    margin: 0% 0% 0% 0%;
}
    
#a9b3dd09::before, #a9b3dd09 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.5;
    border-radius: inherit;
}
#a9b3dd09 {
    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/090944a917734f5d912b61f9a60a9eed/dms3rep/multi/opt/imgi_9_98699-puertas-metalicas-gyh-banner3-a619291e-1920w.jpg");
    background-attachment: fixed;
}
    
#widget_b6d {
    width: 20%;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#b9a44243 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 f208763 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#c1a2684e {
    min-height: 100%;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#b4319a84 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_1gm {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_glj {
    width: 26%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 44px;
    max-width: 100%;
    margin-top: 10px;
}
    
#widget_mv0 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    margin-top: 20px;
}
    
#widget_76n {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media all {
    
#\37 8687471 {
    min-height: 100%;
    column-gap: 3%;
    row-gap: 18px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 17% 4% 17%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\38 1f64353 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48.5%;
    min-width: 4%;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#d383be1f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_9);
    background-image: none;
}
    
#widget_j65 {
    width: 100%;
    height: 220px;
    max-width: 100%;
    order: 0;
}
    
#group_5ui {
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 48px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 5px;
    height: auto;
    --column-gap: 5px;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_4ut {
    width: 40px;
    height: auto;
    max-width: 100%;
}
    
#widget_931 {
    width: 42.12%;
    height: auto;
    max-width: 100%;
}
    
#\39 21c2e3b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48.5%;
    min-width: 4%;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#d1464dc1 {
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 48px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 5px;
    height: auto;
    --column-gap: 5px;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#b5bd9c2a {
    width: 40px;
    height: auto;
    max-width: 100%;
}
    
#\36 475e8d3 {
    width: 80.52%;
    height: auto;
    max-width: 100%;
}
    
#ba5b02c3 {
    margin: 0px 0% 0px 0%;
}
    
#widget_fcp {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 2;
}
    
#widget_01m {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 2;
}
    
#widget_g27 {
    width: 100%;
    height: 228px;
    position: relative;
    min-width: 10px;
    min-height: 100px;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\31 e7511d8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 33.3%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#\37 606b899 {
    min-height: 450px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\35 70fb7d3::before, #\35 70fb7d3 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.8;
    border-radius: inherit;
}
#\35 70fb7d3 {
    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/090944a917734f5d912b61f9a60a9eed/dms3rep/multi/opt/imgi_10_98789-puertas-metalicas-gyh-persona-abriendo-puerta-a-control-remoto-2-1920w.jpg");
    background-attachment: fixed;
}
    
#widget_bvi {
    width: 60px;
    height: auto;
    max-width: 100%;
}
    
#widget_ho5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\31 2cc5e56 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 33.3%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#a8991fda {
    width: 60px;
    height: auto;
    max-width: 100%;
}
    
#\31 e932ad7 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 fe1876b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 33.3%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#b3909e37 {
    width: 60px;
    height: auto;
    max-width: 100%;
}
    
#c57cb540 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\38 2c3e1fc {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 50%;
    min-width: 4%;
    justify-content: flex-start;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#a4f9dacc {
    min-height: 100%;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: wrap;
    margin: 0% 0% 0% 0%;
}
    
#d74dce00 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_u1v {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_qoj {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 a171c7a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 50%;
    min-width: 4%;
    justify-content: flex-start;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\38 e78469f {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#a082278a {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_qec {
    width: 50%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#widget_5qm {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_neh {
    width: 100%;
    height: 367px;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 1a5a171 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    min-height: 450px;
}
    
#b9a44243 {
    margin: 0px 0% 0px 0%;
}
    
#a9b3dd09::before, #a9b3dd09 > .bgExtraLayerOverlay {
    
}
    
#widget_b6d {
    width: 22%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c1a2684e {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\35 87fffe2 {
    margin: 0px 0% 0px 0%;
}
    
#widget_glj {
    width: 30%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 8687471 {
    padding: 4% 6% 4% 6%;
}
    
#ba5b02c3 {
    margin: 0px 0% 0px 0%;
}
    
#widget_j65 {
    height: 220px;
}
    
#widget_g27 {
    height: 220px;
}
    
#group_5ui {
    height: auto;
    min-height: 40px;
}
    
#d1464dc1 {
    height: auto;
    min-height: 40px;
}
    
#widget_931 {
    width: 31.12%;
}
    
#\36 475e8d3 {
    width: 56.41%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 606b899 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    min-height: 350px;
}
    
#\32 26fa928 {
    margin: 0px 0% 0px 0%;
}
    
#\35 70fb7d3::before, #\35 70fb7d3 > .bgExtraLayerOverlay {
    
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a4f9dacc {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#b967ccf6 {
    margin: 0px 0% 0px 0%;
}
    
#\38 2c3e1fc {
    width: 100%;
    min-height: 80px;
}
    
#\36 a171c7a {
    width: 100%;
    min-height: 80px;
}
    
#group_qec {
    width: 100%;
    min-height: 80px;
}
    
#widget_u1v {
    order: 1;
}
    
#widget_neh {
    order: 0;
}
    
#widget_qoj {
    order: 2;
}
}



@media (max-width: 767px) {
    
#\39 4f9580d {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\32 1a5a171 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 25% 2% 25% 2%;
}
    
#a9b3dd09::before, #a9b3dd09 > .bgExtraLayerOverlay {
    
}
    
#widget_b6d {
    width: 80%;
}
    
#b9a44243 {
    margin: 0px 0% 0px 0%;
}
}



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



@media (max-width: 767px) {
    
#\37 8687471 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#\38 1f64353 {
    min-height: 401px;
    align-items: center;
    width: 100%;
    height: auto;
    row-gap: 15px;
}
    
#widget_j65 {
    height: auto;
}
    
#\39 21c2e3b {
    min-height: 422px;
    align-items: center;
    width: 100%;
    row-gap: 15px;
    height: auto;
}
    
#widget_4ut {
    width: 26px;
}
    
#b5bd9c2a {
    width: 26px;
}
    
#\36 475e8d3 {
    width: 49.10%;
}
    
#widget_931 {
    width: 25.25%;
}
}



@media (max-width: 767px) {
    
#\31 e7511d8 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\37 606b899 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 10px;
    padding: 8% 2% 8% 2%;
}
    
#\35 70fb7d3::before, #\35 70fb7d3 > .bgExtraLayerOverlay {
    
}
    
#\31 2cc5e56 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\37 fe1876b {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\32 26fa928 {
    margin: 0px 0% 0px 0%;
}
    
#widget_bvi {
    width: 40px;
}
    
#b3909e37 {
    width: 40px;
}
    
#a8991fda {
    width: 40px;
}
}



@media (max-width: 767px) {
    
#\38 2c3e1fc {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#a4f9dacc {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#\36 a171c7a {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#group_qec {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_neh {
    height: 240px;
    order: 0;
}
    
#widget_u1v {
    order: 1;
}
    
#widget_qoj {
    order: 2;
}
}