@media all {
  *#dm .dmInner div.u_1432475106 img { border-radius:12px 12px 12px 12px !important; }

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

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

  *#dm .dmInner *.u_undefined::after { margin-top:12px !important; }

  *#dm .dmInner a.u_890430127 {
    background-image:none !important;
    background-color:rgba(255,166,49,1) !important;
  }

  *#dm .dmInner div.u_2055603808 { background-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner nav.u_1439763054 { color:white !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: rgba(0, 0, 0, 0);
    --overlapping-background-image: rgba(255, 255, 255, 1);
}
}



@media all {
    
#\36 3bd85219866cc3622781521 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 49.8%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 50px 4% 10px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: auto;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 8% 2% 8% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781522 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 46.14%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 0px 0px 0px 0px;
    background-position: 50% 0%;
    padding: 10px 10px 10px 10px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-image: url("https://lirp.cdn-website.com/752b0f91/dms3rep/multi/opt/KREONIC+Start+BG+3-1920w.jpg");
    box-shadow: none;
    background-position: 50% 100%;
    background-origin: border-box;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_cqc {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_obd {
    width: 300px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 7;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_nla {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 5;
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_so4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_lrd {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_ub0 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
    
#widget_jfq {
    width: 99.62%;
    height: 33px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 6;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 1a281de.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\32 1a281de {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
    grid-row-start: auto;
    grid-row-end: auto;
    grid-column-start: auto;
    grid-column-end: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
}
}



@media all {
    
#\36 3d24979f4a54e38542a8abe {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
}
    
#\36 3d24979f4a54e38542a8abd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 2% 4% 2%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
}
    
#widget_8m2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_4gm {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_rv1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\34 9db4de8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
}
    
#\32 9b743ce {
    padding-bottom: 58.75px;
    min-height: 125px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-top: 0%;
    padding-right: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
}
    
#ed24dc64 {
    background-image: linear-gradient(90deg, rgba(106, 38, 189, 1) 0%, rgba(92, 225, 230, 1) 100%);
    background-origin: border-box;
}
    
#widget_1gi {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\38 4ce814e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-image: none;
    box-shadow: none;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    border-radius: 12px 12px 12px 12px;
    background-color: rgba(0, 0, 0, 0);
    padding: 10px 10px 10px 10px;
    margin: 0% 0% 0% 0%;
}
    
#\33 3e9d252 {
    min-height: 424px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 8% 2% 8% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\30 1179a0c {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#group_2ic {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    min-height: 343px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    height: auto;
    background-image: linear-gradient(90deg, rgba(140, 82, 255, 1) 0%, rgba(92, 225, 230, 1) 100%);
    background-origin: border-box;
    border-radius: 12px 12px 12px 12px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 6px 6px 6px 6px;
    margin: 0px 0% 0px 0%;
}
    
#group_pbc {
    justify-content: flex-start;
    align-items: center;
    width: 49.71%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    flex-wrap: nowrap;
    padding: 10px 10px 10px 10px;
    margin: 0px 0% 0px 0%;
}
    
#group_pf5 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 49.08%;
    min-height: 327px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    height: auto;
    background-image: url("https://lirp.cdn-website.com/752b0f91/dms3rep/multi/opt/Kreonic+KI-Sichtbarkeits-Check+Hero-1920w.png");
    padding: 10px 10px 10px 10px;
    margin: -6px 0% -6px 0%;
}
    
#widget_617 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
    min-width: 32px;
    align-self: center;
    margin: 0px 0% 0px 0%;
}
    
#\34 4eaf0d1 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\31 eab3237 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#f4183d99 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#db7d4e79 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_9u1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_uqf {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_mb1 {
    width: 300px;
    height: auto;
    max-width: 100%;
}
    
#group_6p7 {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_ucb {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_crd {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_9oh {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 79c472f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\37 cd390a9 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#d42d06ab {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_nm9 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 240px;
    padding: 8% 4% 8% 4%;
}
    
#\36 3bd85219866cc3622781522 {
    width: 48%;
    min-height: 8px;
}
    
#\36 3bd85219866cc3622781521 {
    width: 48%;
    min-height: 8px;
    padding: 16px 10px 16px 10px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_so4 {
    height: auto;
}
    
#widget_jfq {
    height: 25px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3d24979f4a54e38542a8abc {
    padding-left: 2%;
    padding-right: 2%;
}
    
#widget_rv1 {
    height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 9b743ce {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 3e9d252 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 320px;
}
    
#\34 4eaf0d1 {
    margin: 0px 0% 0px 0%;
}
    
#\38 4ce814e {
    width: 100%;
    min-height: 8px;
    padding: 0% 10px 0% 10px;
    margin: 0% 0% 0% 0%;
}
    
#group_pf5 {
    height: auto;
    min-height: 395px;
    width: 49.51%;
    padding: 10px 10px 10px 10px;
    margin: 0px 0% 0px 0%;
}
    
#group_pbc {
    width: 46.94%;
    height: auto;
    min-height: 367px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0% 0px 0%;
}
    
#group_2ic {
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#f4183d99 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\39 3eb53f7 {
    margin: 0px 0% 0px 0%;
}
    
#widget_ucb {
    height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 cd390a9 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\38 1dd6aa8 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781521 {
    min-height: 160px;
    align-items: center;
    width: 100%;
    padding: 16px 10px 16px 10px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: unset;
    flex-direction: column;
    padding: 8% 6% 8% 6%;
}
    
#\36 3bd85219866cc3622781522 {
    min-height: 160px;
    align-items: center;
    width: 100%;
    padding: 16px 10px 16px 10px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    background-position: 50% 100%;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_obd {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
}
    
#widget_so4 {
    height: auto;
}
    
#widget_jfq {
    height: 35px;
}
}



@media (max-width: 767px) {
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 74px;
    align-items: center;
    width: 100%;
}
    
#\36 3d24979f4a54e38542a8abd {
    min-height: 160px;
    align-items: center;
    width: 100%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: unset;
    flex-direction: column;
    padding: 70px 4% 14.3125px 4%;
}
    
#widget_rv1 {
    height: auto;
}
}



@media (max-width: 767px) {
    
#\34 9db4de8 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\32 9b743ce {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\38 4ce814e {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\33 3e9d252 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 6% 8% 6%;
}
    
#group_2ic {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6px 6px 0px 6px;
    margin: 0px 0% 0px 0%;
}
    
#group_pbc {
    min-width: 32px;
    width: 100%;
    min-height: auto;
    padding: 10px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#group_pf5 {
    min-width: 32px;
    width: 100%;
    min-height: 200px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\34 4eaf0d1 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\31 eab3237 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#f4183d99 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#widget_mb1 {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}
    
#group_6p7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_ucb {
    height: auto;
}
}



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