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

  *#dm .dmInner nav.u_1786412534.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after {
    border-style:solid !important;
    border-width:2px 0px 0px 0px !important;
    border-color:var(--color_8) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
  }

  *#dm .dmInner nav.u_1786412534.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 0px - 0px) !important; }

  *#dm .dmInner nav.u_1786412534.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:15px !important; }

  *#dm .dmInner nav.u_1786412534.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    font-family: Outfit !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    color:var(--color_8) !important;
  }

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

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

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

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

  *#dm .dmInner div.u_1650225358 .svg { fill:var(--color_4) !important; }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_1664822945 { text-align:left !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.u_1664822945 { text-align:left !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1664822945 { text-align:left !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\30 8011872 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\30 7c83c68 {
    min-height: 86vh;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#f733c7fd::before, #f733c7fd > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_8);
    opacity: 0.3;
    border-radius: inherit;
}
#f733c7fd {
    background-image: url(https://le-de.cdn-website.com/2721f2859ccc438bb942bd40a7269fdf/dms3rep/multi/opt/hero_startseite_neu--1920w.jpg);
}
    
#widget_lh4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
    
#widget_be8 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 7c83c68 {
    padding-left: 2%;
    padding-right: 2%;
}
    
#f733c7fd::before, #f733c7fd > .bgExtraLayerOverlay {
    
}
    
#widget_lh4 {
    margin-bottom: 20px;
}
}



@media (max-width: 767px) {
    
#\30 8011872 {
    width: 100%;
    min-height: 300px;
    align-items: flex-start;
    justify-content: center;
}
    
#\30 7c83c68 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#f733c7fd::before, #f733c7fd > .bgExtraLayerOverlay {
    
}
#f733c7fd {
    background-position: 50% 0%;
}
    
#widget_lh4 {
    margin-bottom: 30px;
}
}



@media all {
    
#\37 a15de01 {
    min-height: 8px;
    column-gap: 0%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    order: 0;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\32 a5400ee {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_saq {
    width: 100%;
    height: auto;
    max-width: 1050px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_hhm {
    width: 1000%;
    height: auto;
    max-width: 1050px;
    order: 1;
    margin: 0px 0% 24px 0%;
}
    
#widget_rej {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#widget_qv3 {
    width: 80%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#caf83367 {
    width: 80%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#group_3i4 {
    flex-direction: row;
    align-items: flex-start;
    width: 49%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 3;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#widget_nv8 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
}
    
#\30 922aae1 {
    flex-direction: row;
    align-items: flex-start;
    width: 49%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 5;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#e709f5a0 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
}
    
#group_2to {
    align-items: flex-start;
    width: 2px;
    min-height: auto;
    max-height: none;
    row-gap: 24px;
    column-gap: 4%;
    background-color: var(--color_2);
    background-image: initial;
    justify-self: auto;
    align-self: stretch;
    order: 4;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_nqj {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 6;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 a5400ee {
    padding-left: 2%;
    padding-right: 2%;
}
    
#group_3i4 {
    width: 80%;
}
    
#\30 922aae1 {
    width: 80%;
}
    
#widget_rej {
    width: 100%;
}
}



@media (max-width: 767px) {
    
#\37 a15de01 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 16px 0px 16px;
}
    
#\32 a5400ee {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#group_3i4 {
    width: 100%;
    justify-content: flex-start;
}
    
#\30 922aae1 {
    width: 100%;
    justify-content: flex-start;
}
    
#caf83367 {
    width: 100%;
}
    
#widget_qv3 {
    width: 100%;
}
    
#widget_nqj {
    width: 100%;
}
}



@media all {
    
#a0d9c3aa {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-bottom: 10px;
}
    
#ceaad620 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-start;
}
    
#\30 b31c228 {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
    margin-bottom: 5px;
}
    
#\31 1783bae {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-start;
}
    
#db0accba {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-start;
}
    
#eab2b7d8 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-bottom: 10px;
}
    
#a7cc8cf2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin-bottom: 10px;
}
    
#fe89cdaa {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 30.666666666666668%;
    min-width: 4%;
    border-radius: 16px 16px 16px 16px;
    border-style: solid;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-width: 2px 2px 2px 2px;
    justify-content: flex-start;
    align-items: center;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#c7fa71d6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 30.666666666666668%;
    min-width: 4%;
    border-radius: 16px 16px 16px 16px;
    border-style: solid;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-width: 2px 2px 2px 2px;
    justify-content: flex-start;
    align-items: center;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#f21fa23f {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
    margin-bottom: 5px;
}
    
#\37 b5591dd {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
    margin-bottom: 5px;
}
    
#\38 f188604 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#d6fff069 {
    background-color: var(--color_3);
    background-image: initial;
}
    
#\32 e869763 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 30.666666666666668%;
    min-width: 4%;
    border-radius: 16px 16px 16px 16px;
    border-style: solid;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-width: 2px 2px 2px 2px;
    justify-content: flex-start;
    align-items: center;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c7fa71d6 {
    width: 100%;
    min-height: 80px;
}
    
#\39 72e44fe {
    margin: 0px 0% 0px 0%;
}
    
#\38 f188604 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 4% 4% 4% 4%;
}
    
#\32 e869763 {
    width: 100%;
    min-height: 80px;
}
    
#fe89cdaa {
    width: 100%;
    min-height: 80px;
}
}



@media (max-width: 767px) {
    
#c7fa71d6 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\39 72e44fe {
    margin: 0px 0% 0px 0%;
}
    
#\38 f188604 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 24px 24px 24px 24px;
}
    
#\32 e869763 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#fe89cdaa {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
}