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

  *#dm .dmInner a.u_1836174424 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1205132078 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1511046222 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1624628236 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1969742103 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1609040820 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1847567618 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1222568103 { border-radius:0px 0px 25px 25px !important; }

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

  *#dm .dmInner a.u_1338345914 { border-radius:0px 0px 25px 25px !important; }

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

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

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

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

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

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

  *#dm .dmInner a.u_1347418728 {
    border-style:solid !important;
    border-width:0.8px 0.8px 0.8px 0.8px !important;
    border-color:var(--color_5) var(--color_5) var(--color_5) var(--color_5) !important;
  }

  *#dm .dmInner a.u_1577581130 {
    border-style:solid !important;
    border-width:0.8px 0.8px 0.8px 0.8px !important;
    border-color:var(--color_5) var(--color_5) var(--color_5) var(--color_5) !important;
  }

  *#dm .dmInner nav.u_1236013982 { color:white !important; }

  *#dm .dmInner div.u_1636207095 .svg { fill:rgba(23,120,255,1) !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner a.u_467539693 span.text { font-size:14px !important; }

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

  *#dm .dmInner a.u_1577581130 span.text { font-size:14px !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#e13d55a1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 35px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\32 b1aa6c6::before, #\32 b1aa6c6 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.66;
    border-radius: inherit;
}
#\32 b1aa6c6 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_18.jpg?dm-skip-opt=true");
}
    
#\32 6df0fb8 {
    width: 1167px;
    height: auto;
    max-width: 100%;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\31 21baaeb {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 9% 4% 9% 4%;
    margin: 0% 0% 0% 0%;
}
    
#ddf93b4d {
    margin: 0px 0% 0px 0%;
}
    
#widget_dn9.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_dn9 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 0% 25px 0%;
}
    
#widget_fgt {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 1;
}
}



@media all {
    
#\33 f52f8ff {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 15px;
    width: 34.08%;
    min-width: 4%;
    justify-content: flex-start;
}
    
#\30 3f1e185 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 61.92%;
    min-width: 4%;
}
    
#\33 d2da532 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 6% 0% 4% 0%;
}
    
#e7ac1114 {
    background-color: rgba(0, 21, 43, 1);
    background-image: none;
}
    
#\31 59b565d {
    margin: 0px 0% 0px 0%;
}
    
#widget_tcj {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_e9d {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_15n {
    width: 95.49%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\31 97f6a0f {
    width: 280px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\32 c0d238e::before, #\32 c0d238e > .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;
}
#\32 c0d238e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_3-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\31 7abb70e {
    width: 280px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\35 6b78da0 {
    width: 300px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\34 78d90b0::before, #\34 78d90b0 > .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;
}
#\34 78d90b0 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_16-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\34 7e3d2f8::before, #\34 7e3d2f8 > .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;
}
#\34 7e3d2f8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Foto+Unterbodenschutz-1920w.JPG");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#a1b68b99 {
    background-color: rgba(0, 21, 43, 1);
    background-image: none;
}
    
#\38 60ca7ed {
    min-height: 370px;
    column-gap: 3%;
    row-gap: 18px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 2% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\33 a195fff {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\37 e1027f3 {
    width: 290px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\38 0b466ac {
    margin: 0px 0% 0px 0%;
}
    
#\33 ae69318 {
    width: 280px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\31 d7330a1::before, #\31 d7330a1 > .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;
}
#\31 d7330a1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/vanini_1-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    background-position: 0% 50%;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#a6d95375 {
    background-color: rgba(0, 21, 43, 1);
    background-image: none;
}
    
#\39 43be2f6 {
    min-height: 240px;
    column-gap: 3%;
    row-gap: 18px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 2% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\33 d7c5fe1::before, #\33 d7c5fe1 > .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;
}
#\33 d7c5fe1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_10-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\37 cece0cf {
    width: 280px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#e74cbcce::before, #e74cbcce > .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;
}
#e74cbcce {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/vanini-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
}



@media all {
    
#\31 0dfa6a2 {
    width: 290px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\36 37f676a {
    width: 246px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#d74d0698::before, #d74d0698 > .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;
}
#d74d0698 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_9-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    background-position: 50% 0%;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\38 940e2ce {
    width: 280px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
}
    
#\37 6cad3c3::before, #\37 6cad3c3 > .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;
}
#\37 6cad3c3 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_5-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#fbcb8275::before, #fbcb8275 > .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;
}
#fbcb8275 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 31.33%;
    min-width: 4%;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG-1920w.jpg");
    align-items: center;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    padding: 0% 16px 250px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\32 97cb6f3 {
    background-color: rgba(0, 21, 43, 1);
    background-image: none;
}
    
#\36 26f95cd {
    margin: 0px 0% 0px 0%;
}
    
#\36 01a9157 {
    min-height: 240px;
    column-gap: 3%;
    row-gap: 18px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 6% 0%;
    margin: 0% 0% 0% 0%;
}
}



@media all {
    
#\36 1691b80 {
    background-color: rgba(0, 33, 66, 1);
    background-image: none;
    background-position: 0% 50%;
}
    
#\33 5e5c4ee {
    min-height: 242px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: var(--max-content-width_1, 1200px);
    width: 100%;
    flex-wrap: nowrap;
    padding: 6% 0% 3% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#aea6dd3b {
    margin: 0px 0px 0px 0px;
}
    
#group_kap {
    width: 68.42%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 15px;
    order: 1;
    justify-content: flex-end;
}
    
#group_42o {
    width: 27.58%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 15px;
    order: 0;
    background-image: none;
    justify-content: flex-start;
}
    
#\31 96cd4f9.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\31 96cd4f9 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fdef0ddb {
    width: 99.83%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 5b2b14c {
    width: 96.32%;
    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 {
    
#\34 1841366 {
    margin: 0px 0% 0px 0%;
}
    
#df34329a {
    background-color: rgba(0, 33, 66, 1);
    background-image: none;
    border-style: solid;
    border-color: var(--color_2) #000000 var(--color_2) #000000;
    border-width: 0px 0 0px 0;
}
    
#\30 3984333 {
    width: 75.42%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 94ad2d4 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 32%;
    min-width: 4%;
    justify-content: flex-start;
    border-style: solid;
    border-color: #000000 var(--color_5) #000000 #000000;
    border-width: 0 1px 0 0;
    flex-direction: row;
    align-items: center;
    padding: 0px 15px 0px 15px;
    margin: 0% 0% 0% 0%;
}
    
#\35 9cca3f7 {
    min-height: 0px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    max-width: var(--max-content-width_1, 1200px);
    flex-wrap: nowrap;
    padding: 2% 0% 2% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_v7c {
    width: 45px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 daeef9e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 32%;
    min-width: 4%;
    justify-content: flex-start;
    border-style: solid;
    border-color: #000000 var(--color_5) #000000 #000000;
    border-width: 0 1px 0 0;
    flex-direction: row;
    align-items: center;
    padding: 0px 15px 0px 15px;
    margin: 0% 0% 0% 0%;
}
    
#\35 9f5e823 {
    width: 42.3375px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 a767189 {
    width: 83.82%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 8c99b47 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 32%;
    min-width: 4%;
    justify-content: flex-start;
    border-style: solid;
    border-color: #000000 var(--color_2) #000000 #000000;
    border-width: 0 0px 0 0;
    flex-direction: row;
    align-items: center;
    padding: 0px 15px 0px 15px;
    margin: 0% 0% 0% 0%;
}
    
#d17fd059 {
    width: 45px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a94557a6 {
    width: 80.03%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#f99f36de {
    width: 72.60%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 abb5af1 {
    background-color: rgba(0, 33, 66, 1);
    background-image: none;
    border-style: solid;
    border-color: var(--color_2) #000000 var(--color_2) #000000;
    border-width: 0px 0 0px 0;
}
    
#c7709848 {
    width: 45px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 972d003 {
    margin: 0px 0% 0px 0%;
}
    
#\32 b55eb0a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 32.33%;
    min-width: 4%;
    justify-content: flex-start;
    border-style: solid;
    border-color: #000000 var(--color_5) #000000 #000000;
    border-width: 0 1px 0 0;
    flex-direction: row;
    align-items: center;
    padding: 0px 15px 0px 15px;
    margin: 0% 0% 0% 0%;
}
    
#\35 7aa400d {
    width: 45px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 c1fd886 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 31.92%;
    min-width: 4%;
    justify-content: flex-start;
    border-style: solid;
    border-color: #000000 var(--color_5) #000000 #000000;
    border-width: 0 1px 0 0;
    flex-direction: row;
    align-items: center;
    padding: 0px 15px 0px 15px;
    margin: 0% 0% 0% 0%;
}
    
#\30 6015ef5 {
    width: 99.49%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fdc50755 {
    min-height: 0px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    max-width: var(--max-content-width_1, 1200px);
    flex-wrap: nowrap;
    padding: 1% 0% 10% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 2e701d3 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 40px;
    width: 31.75%;
    min-width: 4%;
    justify-content: flex-start;
    border-style: solid;
    border-color: #000000 var(--color_2) #000000 #000000;
    border-width: 0 0px 0 0;
    flex-direction: row;
    align-items: center;
    order: 0;
    padding: 0px 15px 0px 15px;
    margin: 0% 0% 0% 0%;
}
    
#\36 b871de0 {
    width: 80.03%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 97477dc {
    width: 45px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\35 7f11f82::before, #\35 7f11f82 > .bgExtraLayerOverlay {
    
}
#\35 7f11f82 {
    background-image: none;
    background-color: var(--color_6);
}
    
#\38 d5c69bb {
    min-height: 0px;
    column-gap: 5%;
    row-gap: 30px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 1d3a093 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 47.5%;
    min-width: 4%;
    background-color: var(--color_1);
    border-radius: 0px 0px 0px 0px;
    background-image: url("https://le-de.cdn-website.com/2627f9dba3fb4693903a907b1d5b0c7a/dms3rep/multi/opt/Johs.+Vanini+-+S%C3%B6hne+GmbH+-+Co.+KG_6-1920w.jpg");
    box-shadow: rgba(0, 0, 0, 0.1) 3px 0px 11px 0px;
    justify-content: flex-end;
    background-position: 0% 50%;
    padding: 2% 2% 2% 3%;
    margin: -50px 0% 0% 0%;
}
    
#\31 3ce63af {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 f2b39dc {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 15px;
    width: 47.5%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 9% 16px 3% 16px;
    margin: 0% 0% 0% 0%;
}
    
#\39 1366eb6.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\39 1366eb6 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    margin: 0px 0% 15px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#dee13f54 {
    width: 91.05%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 4c24c64 {
    width: 268px;
    height: auto;
    min-height: 45px;
    max-width: 100%;
    align-self: auto;
    order: 0;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 d4331dc {
    width: 268px;
    height: auto;
    min-height: 45px;
    max-width: 100%;
    align-self: auto;
    order: 1;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_nmj {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 97.31%;
    min-height: 61px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 15px;
    height: auto;
    order: 2;
    justify-self: auto;
    align-self: auto;
    padding: 8px 0px 8px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 e034687 {
    margin: 0px 0% 0px 0%;
}
    
#\35 25e5c82 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e13d55a1 {
    width: 100%;
    min-height: 8px;
    row-gap: 25px;
}
    
#\32 b1aa6c6::before, #\32 b1aa6c6 > .bgExtraLayerOverlay {
    
}
    
#\32 6df0fb8 {
    width: 100.00%;
}
    
#\31 21baaeb {
    min-height: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 9% 4% 9% 4%;
}
    
#ddf93b4d {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 d2da532 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#\33 f52f8ff {
    width: 39.6%;
}
    
#\30 3f1e185 {
    width: 56.31%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 c0d238e::before, #\32 c0d238e > .bgExtraLayerOverlay {
    
}
    
#\34 78d90b0::before, #\34 78d90b0 > .bgExtraLayerOverlay {
    
}
    
#\34 7e3d2f8::before, #\34 7e3d2f8 > .bgExtraLayerOverlay {
    
}
    
#\38 60ca7ed {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 d7330a1::before, #\31 d7330a1 > .bgExtraLayerOverlay {
    
}
    
#\39 43be2f6 {
    padding-left: 2%;
    padding-right: 2%;
}
    
#\33 d7c5fe1::before, #\33 d7c5fe1 > .bgExtraLayerOverlay {
    
}
    
#e74cbcce::before, #e74cbcce > .bgExtraLayerOverlay {
    
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#d74d0698::before, #d74d0698 > .bgExtraLayerOverlay {
    
}
    
#\37 6cad3c3::before, #\37 6cad3c3 > .bgExtraLayerOverlay {
    
}
    
#fbcb8275::before, #fbcb8275 > .bgExtraLayerOverlay {
    
}
    
#\36 01a9157 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 5e5c4ee {
    min-height: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 44px;
    padding: 3% 3% 3% 3%;
}
    
#group_kap {
    width: 61.05%;
    min-height: 8px;
    justify-content: flex-start;
}
    
#group_42o {
    width: 34.82%;
    min-height: 8px;
}
    
#\31 96cd4f9 {
    width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 1841366 {
    margin: 0px 0% 0px 0%;
}
    
#\33 94ad2d4 {
    row-gap: 30px;
    width: 32%;
    min-height: 8px;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    padding-left: 3%;
    align-items: flex-start;
}
    
#\35 9cca3f7 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 0px;
    padding: 2% 2% 2% 2%;
}
    
#\33 daeef9e {
    row-gap: 30px;
    width: 32%;
    min-height: 8px;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    padding-left: 3%;
    align-items: flex-start;
}
    
#\30 8c99b47 {
    row-gap: 30px;
    width: 32%;
    min-height: 8px;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    padding-left: 3%;
    align-items: flex-start;
}
    
#\30 3984333 {
    width: 99.25%;
}
    
#\32 a767189 {
    width: 99.25%;
}
    
#a94557a6 {
    width: 99.68%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 b55eb0a {
    row-gap: 30px;
    width: 32%;
    min-height: 8px;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    padding-left: 3%;
    align-items: flex-start;
}
    
#\33 c1fd886 {
    row-gap: 30px;
    width: 32%;
    min-height: 8px;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    padding-left: 3%;
    align-items: flex-start;
}
    
#fdc50755 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 0px;
    padding: 3% 2% 12% 2%;
}
    
#\36 2e701d3 {
    width: 32%;
    min-height: 8px;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 30px;
}
    
#\34 972d003 {
    margin: 0px 0% 0px 0%;
}
    
#f99f36de {
    width: 99.25%;
}
    
#\32 97477dc {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\36 b871de0 {
    min-width: 32px;
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 7f11f82::before, #\35 7f11f82 > .bgExtraLayerOverlay {
    
}
    
#\38 d5c69bb {
    column-gap: 0%;
    padding-left: 4%;
    padding-right: 4%;
    min-height: 0px;
}
    
#\36 1d3a093 {
    width: 50%;
    justify-content: flex-end;
    padding: 6% 6% 5.970149253731343% 6%;
}
    
#\39 f2b39dc {
    width: 49.89%;
    padding: 9% 55px 3% 45px;
    margin: 0% 0% 0% 0%;
}
    
#\39 1366eb6 {
    width: 100%;
}
    
#group_nmj {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
}
    
#\32 4c24c64 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\30 d4331dc {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 1691b80 {
    grid-template-rows: minmax(8px, max-content);
}
    
#\33 5e5c4ee {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#e13d55a1 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    order: 1;
    padding-left: 10px;
    padding-right: 10px;
    row-gap: 15px;
}
    
#\32 b1aa6c6::before, #\32 b1aa6c6 > .bgExtraLayerOverlay {
    
}
#\32 b1aa6c6 {
    background-position: 50% 50%;
}
    
#\32 6df0fb8 {
    width: 100.00%;
}
    
#\31 21baaeb {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 9% 4% 9% 4%;
}
    
#ddf93b4d {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\33 f52f8ff {
    width: 100%;
    min-height: 80px;
    align-items: center;
    justify-content: center;
}
    
#\30 3f1e185 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\33 d2da532 {
    min-height: unset;
    flex-direction: column;
    row-gap: 5px;
    padding: 9% 4% 9% 4%;
}
    
#widget_15n {
    width: 100.00%;
}
    
#\31 59b565d {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\32 c0d238e::before, #\32 c0d238e > .bgExtraLayerOverlay {
    
}
#\32 c0d238e {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\34 78d90b0::before, #\34 78d90b0 > .bgExtraLayerOverlay {
    
}
#\34 78d90b0 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\34 7e3d2f8::before, #\34 7e3d2f8 > .bgExtraLayerOverlay {
    
}
#\34 7e3d2f8 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 60ca7ed {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\31 d7330a1::before, #\31 d7330a1 > .bgExtraLayerOverlay {
    
}
#\31 d7330a1 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\39 43be2f6 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#\33 d7c5fe1::before, #\33 d7c5fe1 > .bgExtraLayerOverlay {
    
}
#\33 d7c5fe1 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#e74cbcce::before, #e74cbcce > .bgExtraLayerOverlay {
    
}
#e74cbcce {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (max-width: 767px) {
    
#d74d0698::before, #d74d0698 > .bgExtraLayerOverlay {
    
}
#d74d0698 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 6cad3c3::before, #\37 6cad3c3 > .bgExtraLayerOverlay {
    
}
#\37 6cad3c3 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#fbcb8275::before, #fbcb8275 > .bgExtraLayerOverlay {
    
}
#fbcb8275 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 01a9157 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 2% 4% 9% 4%;
}
    
#\36 26f95cd {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\33 5e5c4ee {
    min-height: 0;
    flex-direction: column;
    row-gap: 15px;
    flex-wrap: nowrap;
    padding: 9% 4% 4% 4%;
}
    
#group_kap {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_42o {
    width: 100%;
    min-height: 80px;
    align-items: center;
    justify-content: center;
}
    
#aea6dd3b {
    margin: 0px 0px 0px 0px;
}
    
#\35 5b2b14c {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\33 94ad2d4 {
    width: 100%;
    min-height: 0px;
    align-items: flex-start;
    row-gap: 20px;
    height: auto;
    justify-content: flex-start;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
    
#\35 9cca3f7 {
    min-height: 0;
    flex-direction: column;
    padding-left: 0%;
    padding-right: 0%;
    flex-wrap: nowrap;
}
    
#\33 daeef9e {
    width: 100%;
    min-height: 0px;
    align-items: flex-start;
    row-gap: 20px;
    height: auto;
    justify-content: flex-start;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
    
#\30 8c99b47 {
    width: 100%;
    min-height: 0px;
    align-items: flex-start;
    row-gap: 20px;
    height: auto;
    justify-content: flex-start;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
}



@media (max-width: 767px) {
    
#\32 b55eb0a {
    width: 100%;
    min-height: 0px;
    align-items: flex-start;
    row-gap: 20px;
    height: auto;
    justify-content: flex-start;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
    
#\33 c1fd886 {
    width: 100%;
    min-height: 0px;
    align-items: flex-start;
    row-gap: 20px;
    height: auto;
    justify-content: flex-start;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
    
#fdc50755 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 1% 0% 14% 0%;
}
    
#\36 2e701d3 {
    width: 100%;
    min-height: 0px;
    align-items: flex-start;
    row-gap: 20px;
    height: auto;
    justify-content: flex-start;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
    
#\34 972d003 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\35 7f11f82::before, #\35 7f11f82 > .bgExtraLayerOverlay {
    
}
    
#\38 d5c69bb {
    min-height: unset;
    flex-direction: column;
    row-gap: 15px;
    padding: 12% 6% 12% 6%;
}
    
#\36 1d3a093 {
    width: 100%;
    min-height: 354px;
    align-items: flex-start;
    height: auto;
    justify-content: flex-end;
    padding: 8% 8% 8% 8%;
    margin: -65px 0% 0% 0%;
}
    
#\39 f2b39dc {
    width: 100%;
    min-height: 53px;
    align-items: flex-start;
    justify-content: flex-start;
}
    
#\32 4c24c64 {
    width: 100%;
    min-height: 50px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\30 d4331dc {
    width: 100%;
    min-height: 50px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#group_nmj {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
    width: 100.00%;
}
}