@media all {
  *#dm .dmInner div.u_3567190733 {
    background-color:var(--color_2) !important;
    background-image:none !important;
  }

  *#dm .dmInner nav.u_1998592992 { color:white !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 3bd85219866cc3622781521 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-end;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% -200px 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 982px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 4% 10px 4% 5%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_3);
    background-image: url("https://irp.cdn-website.com/ffcefd18/dms3rep/multi/opt/generalunternehmer-sanierung-reutlingen-hand-in-hand-rainer-hecker-1920w.jpg");
    background-position: 50% 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_u53.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 80px 30px 40px;
}
#widget_u53 {
    width: 46.45%;
    height: auto;
    max-width: 750px;
    min-width: 750px;
    margin: 0px 0% 0px 0%;
}
    
#widget_an0.flex-element.widget-wrapper > [data-element-type] {
    padding: 40px 45px 40px 40px;
}
#widget_an0 {
    width: 53.42%;
    height: auto;
    max-width: 750px;
    min-width: 750px;
    margin: 0px 0% 0px 0%;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\35 abf8b30 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\31 87edab6 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\39 fb76718 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
}



@media all {
    
#f13ee20d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 11px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 0px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\37 1fab244::before, #\37 1fab244 > .bgExtraLayerOverlay {
    
}
#\37 1fab244 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-position: 50% 0%;
}
    
#\34 930887b {
    margin: 0px 0% 0px 0%;
}
    
#dc56a0f1 {
    min-height: 708px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 200px 10px 4% 5%;
    margin: 0% 0% 0% 0%;
}
    
#ca4da3b7.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 40px 30px 40px;
}
#ca4da3b7 {
    width: 65.55%;
    height: auto;
    max-width: 1000px;
    min-width: 750px;
    order: 0;
    margin: 0px 0% 0px 0%;
}
    
#widget_ne7.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 40px 0px 5px;
}
#widget_ne7 {
    width: 39.60%;
    height: auto;
    min-width: 500px;
    max-width: 600px;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#cb8a4b89.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 40px 0px 40px;
}
#cb8a4b89 {
    width: 65.55%;
    height: auto;
    max-width: 1000px;
    min-width: 750px;
    order: 2;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\32 2811978::before, #\32 2811978 > .bgExtraLayerOverlay {
    
}
#\32 2811978 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_4);
    background-image: none;
    background-position: 50% 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#c5e5435b {
    margin: 0px 0% 0px 0%;
}
    
#c77beb14 {
    min-height: 550px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 40px 10px 40px 5%;
    margin: 0% 0% 0% 0%;
}
    
#\32 1fb58c6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 11px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 0px 16px;
    margin: 0px 0% 0px 0%;
}
    
#c1241c3a.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 40px 30px 40px;
}
#c1241c3a {
    width: 65.55%;
    height: auto;
    max-width: 1000px;
    min-width: 750px;
    order: 0;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\38 219398b {
    margin: 0px 0% 0px 0%;
}
    
#a6f716fa.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 40px 30px 40px;
}
#a6f716fa {
    width: 65.55%;
    height: auto;
    max-width: 1000px;
    min-width: 750px;
    order: 0;
    margin: 0px 0% 0px 0%;
}
    
#ea0333f2 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 11px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 0px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\31 e214c21::before, #\31 e214c21 > .bgExtraLayerOverlay {
    
}
#\31 e214c21 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_3);
    background-image: none;
    background-position: 50% 0%;
}
    
#\37 a01e654 {
    min-height: 550px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 40px 10px 40px 5%;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    padding-right: 2%;
    min-height: 477px;
}
    
#widget_u53.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 40px 30px 40px;
}
#widget_u53 {
    min-width: 370px;
    max-width: 390px;
    width: 57.97%;
    margin: 0px 0% 0px 0%;
}
    
#widget_an0 {
    min-width: 370px;
    max-width: 390px;
    width: 60.29%;
}
}



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



@media (min-width: 768px) and (max-width: 1024px) {
    
#dc56a0f1 {
    min-height: 598px;
    padding: 180px 2% 4% 5%;
}
    
#\37 1fab244::before, #\37 1fab244 > .bgExtraLayerOverlay {
    
}
    
#widget_ne7.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 40px 0px 15px;
}
#widget_ne7 {
    height: auto;
    width: 77.29%;
    min-width: 200px;
    max-width: 400px;
    margin: 0px 0% 0px 0%;
}
    
#ca4da3b7 {
    min-width: 400px;
    max-width: 500px;
    width: 77.29%;
}
    
#\34 930887b {
    margin: 0px 0% 0px 0%;
}
    
#f13ee20d {
    row-gap: 3px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 2811978::before, #\32 2811978 > .bgExtraLayerOverlay {
    
}
    
#c5e5435b {
    margin: 0px 0% 0px 0%;
}
    
#c77beb14 {
    min-height: 497px;
    padding: 4% 2% 4% 5%;
}
    
#\32 1fb58c6 {
    row-gap: 3px;
}
    
#c1241c3a {
    min-width: 400px;
    max-width: 500px;
    width: 77.29%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 219398b {
    margin: 0px 0% 0px 0%;
}
    
#a6f716fa {
    min-width: 400px;
    max-width: 500px;
    width: 77.29%;
}
    
#ea0333f2 {
    row-gap: 3px;
}
    
#\31 e214c21::before, #\31 e214c21 > .bgExtraLayerOverlay {
    
}
    
#\37 a01e654 {
    min-height: 497px;
    padding: 4% 2% 4% 5%;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781521 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    padding: 16px 10px 16px 10px;
    margin: 0px 0% -200px 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 1% 4% 1%;
}
    
#widget_u53.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 70px 0px 20px;
}
#widget_u53 {
    min-width: 200px;
    max-width: 300px;
    width: 106.11%;
    align-self: flex-start;
    margin: 0px 0% 0px 0%;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_an0.flex-element.widget-wrapper > [data-element-type] {
    padding: 20px 20px 20px 20px;
}
#widget_an0 {
    min-width: 200px;
    max-width: 320px;
    width: 92.60%;
    align-self: flex-start;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\35 abf8b30 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\31 87edab6 {
    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) {
    
#f13ee20d {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#dc56a0f1 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0px;
    padding: 200px 4% 4% 4%;
}
    
#\37 1fab244::before, #\37 1fab244 > .bgExtraLayerOverlay {
    
}
    
#widget_ne7.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 40px 0px 1px;
}
#widget_ne7 {
    height: auto;
    min-width: 200px;
    max-width: 320px;
    align-self: flex-start;
    width: 93.24%;
    margin: 0px 0% 0px 0%;
}
    
#ca4da3b7.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 20px 10px 20px;
}
#ca4da3b7 {
    min-width: 200px;
    max-width: 340px;
    width: 99.07%;
    align-self: flex-start;
    margin: 0px 0% 0px 0%;
}
    
#\34 930887b {
    margin: 0px 0% 0px 0%;
}
    
#cb8a4b89.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 20px 0px 20px;
}
#cb8a4b89 {
    min-width: 200px;
    max-width: 340px;
    width: 99.07%;
    align-self: flex-start;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\32 2811978::before, #\32 2811978 > .bgExtraLayerOverlay {
    
}
    
#c5e5435b {
    margin: 0px 0% 0px 0%;
}
    
#c77beb14 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0px;
    padding: 4% 4% 4% 4%;
}
    
#\32 1fb58c6 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#c1241c3a.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 20px 10px 20px;
}
#c1241c3a {
    min-width: 200px;
    max-width: 340px;
    width: 99.07%;
    align-self: flex-start;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\38 219398b {
    margin: 0px 0% 0px 0%;
}
    
#a6f716fa.flex-element.widget-wrapper > [data-element-type] {
    padding: 30px 20px 10px 20px;
}
#a6f716fa {
    min-width: 200px;
    max-width: 340px;
    width: 99.07%;
    align-self: flex-start;
    margin: 0px 0% 0px 0%;
}
    
#ea0333f2 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\31 e214c21::before, #\31 e214c21 > .bgExtraLayerOverlay {
    
}
    
#\37 a01e654 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0px;
    padding: 4% 4% 4% 4%;
}
}