*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

html,
body,
div[data-rootnode="ROOTNODE"] {
    height: 100%;
}

div[data-nodetype="RootRegion"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
}

div[data-nodetype="Header"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

div[data-nodetype="ContentRow"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

div[data-nodetype="Footer"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

.container-fluid {
    width: 100%;
}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto {
    position: relative;
    width: 100%;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.h1 {
    font-size: 2.5rem;
}

.h2 {
    font-size: 2rem;
}

.h3 {
    font-size: 1.75rem;
}

.h4 {
    font-size: 1.5rem;
}

.h5 {
    font-size: 1.25rem;
}

.h6 {
    font-size: 1rem;
}

.h7 {
    font-size: 0.875rem;
}

.h8 {
    font-size: 0.75rem;
}


.cx-button,
.cx-button:active,
.cx-button:focus {
    border: 0px;
    background: transparent;
    outline: none !important;
}

.cx-button:disabled {
    border: 0px !important;
    opacity: 0.3;
}

.cx-button-disabled {
    opacity: 0.3;
}

.cx-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
}

.cx-button .k-image {
    margin: 0;
}


.cxInputError {
    border-color: red !important;
    border-style: solid !important;
    border-width: 3px !important;
}


.cx-invisible {
    visibility: hidden;
}

.cx-visible {
    visibility: visible;
}

.cx-hiddenbyconfig {
    display: none !important;
}

.cxDisplayNone {
    display: none;
}

.cxDisplayInlineFlexRow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cxDisplayInlineFlexColumn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.cxMainGraphicContainer {
    min-height: 200px;
}

.cxGraphicTarget {
    -ms-touch-action: none;
    touch-action: none;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    overflow: hidden !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.cxGraphicControls {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0px;
    top: 0px;
}


.cxQueryRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px;
}

.cxQueryRowLabel {
    font-size: 14px;
    padding-right: 3px;
}


.cxOptionalPartButton {
    height: 40px;
    width: 40px;
}

.cxOptionalPartButton > img {
    height: auto;
    width: 100%;
}

.cxSelectionWizzardButton > img {
    height: auto;
    width: 100%;
}


#MD-cxWait {
    width: 100px;
}

#MD-cxLogin {
    width: 300px;
}

#MD-cxChangePassword {
    width: 450px;
}

#MD-cxLoadStorePart {
    width: 800px;
}

#MD-cxGenerateProject {
    width: 700px;
}

#MD-cxGenerateProject-Window {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}


.CSSSize-cxDownloadButton {
    width: 60px !important;
}

.CSSMargin-cxStandardButtonMargin {
    margin: 5px 5px 5px 5px !important;
}

.CSSMargin-cxStandardMargin {
    margin: 5px 5px 5px 5px !important;
}

.CSSMargin-cx3DControlsSliderText {
    margin: 0px 8px 0px 3px !important;
}

.CSSBorder-cxStandardButtonBorder {
    border-left: 1px solid black !important;
    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-radius: 3px 3px 3px 3px !important;
}

.CSSBorder-cxFileContainerBorder {
    border-left: 1px solid black !important;
    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-radius: 3px 3px 3px 3px !important;
}

.CSSToggleButton-cx-button-pressed {
    border-left: 2px solid dimgray !important;
    border-top: 2px solid dimgray !important;
    border-right: 2px solid ghostwhite !important;
    border-bottom: 2px solid ghostwhite !important;
    border-radius: 0px 0px 0px 0px !important;
    outline: none !important;
}

.CSSToggleButton-cx-button-unpressed {
    border-left: 0px solid ghostwhite !important;
    border-top: 0px solid ghostwhite !important;
    border-right: 0px solid dimgray !important;
    border-bottom: 0px solid dimgray !important;
    border-radius: 0px 0px 0px 0px !important;
    outline: none !important;
}

.CSSPadding-cxThrobberPadding {
    padding: 25px 25px 25px 25px !important;
}


textarea.k-textbox {
    resize: vertical;
    min-height: 4em;
}

input.k-checkbox {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

input.k-button {
    width: 12.4em;
}




.cx-dropdownlist .k-dropdown-wrap {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr auto;
    grid-template: auto / 1fr auto;
}

.cx-dropdownlist .k-dropdown-wrap .k-select {
    position: relative;
    height: auto;
}

.cx-dropdownlist.cx-img-text .cx-img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.cx-dropdownlist.cx-img-text .cx-text {
    vertical-align: middle;
}

.cx-dropdownlist.cx-img-only .cx-img {
    display: inline-block;
    vertical-align: middle;
}

.cx-list-dropdownlist.cx-img-text .cx-img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.cx-list-dropdownlist.cx-img-text .cx-text {
    vertical-align: middle;
}

.cx-list-dropdownlist.cx-img-only .cx-img {
    display: inline-block;
    vertical-align: middle;
}

.cx-auto-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px;
}

.cx-auto-default-horizontal {
    gap: 8px;
}

.cx-auto-default-vertical {
    flex-direction: column;
}


.CSSSize-cxDownloadButton {
width: 60px !important;
}

.CSSMargin-cxStandardButtonMargin {
margin: 5px 5px 5px 5px !important;
}

.CSSMargin-cxStandardMargin {
margin: 5px 5px 5px 5px !important;
}

.CSSMargin-cx3DControlsSliderText {
margin: 0px 8px 0px 3px !important;
}

.CSSBorder-cxStandardButtonBorder {
border-left: 1px solid rgba(0, 0, 0, 1) !important;
border-top: 1px solid rgba(0, 0, 0, 1) !important;
border-right: 1px solid rgba(0, 0, 0, 1) !important;
border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
border-radius: 3px 3px 3px 3px !important;
}

.CSSBorder-cxFileContainerBorder {
border-left: 1px solid rgba(0, 0, 0, 1) !important;
border-top: 1px solid rgba(0, 0, 0, 1) !important;
border-right: 1px solid rgba(0, 0, 0, 1) !important;
border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
border-radius: 3px 3px 3px 3px !important;
}

.CSSPadding-cxThrobberPadding {
padding: 25px 25px 25px 25px !important;
}

.CSSBorder-BorderClass17 {
border-left: 1px solid rgba(116, 116, 116, 1) !important;
border-top: 1px solid rgba(116, 116, 116, 1) !important;
border-right: 1px solid rgba(116, 116, 116, 1) !important;
border-bottom: 1px solid rgba(116, 116, 116, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSBorder-BorderClass18 {
border-left: 0px solid rgba(0, 0, 0, 1) !important;
border-top: 0px solid rgba(0, 0, 0, 1) !important;
border-right: 0px solid rgba(0, 0, 0, 1) !important;
border-bottom: 0px solid rgba(0, 0, 0, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSSize-SizeClass19 {
min-height: 40px;
min-width: 300px;
}

.CSSSize-SizeClass20 {
min-height: 40px;
min-width: 60px;
}

.CSSBorder-BorderClass21 {
border-left: 1px solid rgba(100, 100, 100, 1) !important;
border-top: 1px solid rgba(100, 100, 100, 1) !important;
border-right: 1px solid rgba(100, 100, 100, 1) !important;
border-bottom: 1px solid rgba(100, 100, 100, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSBorder-BorderClass22 {
border-left: 0px solid rgba(91, 91, 91, 1) !important;
border-top: 0px solid rgba(91, 91, 91, 1) !important;
border-right: 0px solid rgba(91, 91, 91, 1) !important;
border-bottom: 0px solid rgba(91, 91, 91, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSBorder-BorderClass23 {
border-left: 1px solid rgba(0, 0, 0, 1) !important;
border-top: 1px solid rgba(0, 0, 0, 1) !important;
border-right: 1px solid rgba(0, 0, 0, 1) !important;
border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSText-Titel {
color: rgb(230, 230, 230) !important;
font-weight: bold !important;
text-decoration: underline !important;
}

.CSSPadding-LuftRingsum {
padding: 10px 10px 10px 10px !important;
}

.CSSToggleButton-cx-button-pressed {
border-Left: 2px solid rgba(105, 105, 105, 1) !important;
border-Top: 2px solid rgba(105, 105, 105, 1) !important;
border-Right: 2px solid rgba(248, 248, 255, 1) !important;
border-Bottom: 2px solid rgba(248, 248, 255, 1) !important;
border-radius: 0px 0px 0px 0px !important;

outline: none !important;
}

.CSSToggleButton-cx-button-unpressed {
border-Left: 0px solid rgba(248, 248, 255, 1) !important;
border-Top: 0px solid rgba(248, 248, 255, 1) !important;
border-Right: 0px solid rgba(105, 105, 105, 1) !important;
border-Bottom: 0px solid rgba(105, 105, 105, 1) !important;
border-radius: 0px 0px 0px 0px !important;

outline: none !important;
}

.CSSSize-AuswahlMenue {
width: 165px !important;
min-height: 30px;
}

.CSSSize-Button {
min-height: 80px;
min-width: 80px;
}

.CSSText-Header {
color: rgb(0, 69, 25) !important;
}

.CSSMargin-Ringsum10 {
margin: 10px 10px 10px 10px !important;
}

.CSSBorder-UmrandungGruen {
border-left: 1px solid rgba(39, 95, 65, 1) !important;
border-top: 1px solid rgba(39, 95, 65, 1) !important;
border-right: 1px solid rgba(39, 95, 65, 1) !important;
border-bottom: 1px solid rgba(39, 95, 65, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSBorder-RandOben {
border-left: 0px solid rgba(39, 95, 65, 1) !important;
border-top: 1px solid rgba(39, 95, 65, 1) !important;
border-right: 0px solid rgba(39, 95, 65, 1) !important;
border-bottom: 0px solid rgba(39, 95, 65, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSMargin-LinksRechts {
margin: 0px 10px 0px 10px !important;
}

.CSSHeader-AssistentHeader {
color: rgb(200, 200, 200) !important;
}

.CSSMargin-AbstandOben20 {
margin: 20px 0px 0px 0px !important;
}

.CSSPadding-Rechts {
padding: 0px 10px 0px 0px !important;
}

.CSSMargin-Oben10 {
margin: 10px 0px 0px 0px !important;
}

.CSSSize-Auswahl {
width: 35px !important;
min-height: 35px;
min-width: 35px;
}

.CSSText-Header4 {
color: rgb(213, 209, 211) !important;
}

.CSSText-Bauteil {
color: rgb(251, 185, 0) !important;
font-weight: bold !important;
}

.CSSText-Abschnitt {
color: rgb(105, 105, 105) !important;
font-weight: bold !important;
}

.CSSMargin-Links10 {
margin: 0px 0px 0px 10px !important;
}

.CSSPadding-LinkerRand5 {
padding: 0px 0px 0px 5px !important;
}

.CSSMargin-Oben30 {
margin: 30px 0px 0px 0px !important;
}

.CSSMargin-LinkerRand5 {
margin: 0px 0px 0px 5px !important;
}

.CSSText-Untertitel {
color: rgb(0, 69, 25) !important;
}

.CSSBorder-StrichUnten {
border-left: 0px solid rgba(199, 199, 199, 1) !important;
border-top: 0px solid rgba(255, 255, 255, 1) !important;
border-right: 0px solid rgba(255, 255, 255, 1) !important;
border-bottom: 1px solid rgba(255, 255, 255, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSBorder-UmrandungGelb {
border-left: 1px solid rgba(251, 185, 0, 1) !important;
border-top: 1px solid rgba(251, 185, 0, 1) !important;
border-right: 1px solid rgba(251, 185, 0, 1) !important;
border-bottom: 1px solid rgba(251, 185, 0, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSText-Warnung {
color: rgb(255, 0, 0) !important;
font-weight: bold !important;
}

.CSSBorder-Restriktion {
border-left: 0px solid rgba(255, 255, 255, 1) !important;
border-top: 0px solid rgba(255, 255, 255, 1) !important;
border-right: 1px solid rgba(253, 185, 19, 1) !important;
border-bottom: 0px solid rgba(255, 255, 255, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSPadding-oben20 {
padding: 20px 0px 0px 0px !important;
}

.CSSText-Hinweis {
color: rgb(255, 143, 32) !important;
}

.CSSBorder-UmrandungOrange {
border-left: 1px solid rgba(255, 143, 32, 1) !important;
border-top: 1px solid rgba(255, 143, 32, 1) !important;
border-right: 1px solid rgba(255, 143, 32, 1) !important;
border-bottom: 1px solid rgba(255, 143, 32, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSPadding-linksrechts20 {
padding: 0px 20px 0px 20px !important;
}

.CSSPadding-linksrechts {
padding: 0px 10px 0px 10px !important;
}

.CSSPadding-Innenringsum2 {
padding: 2px 2px 2px 2px !important;
}

.CSSMargin-Ringsum2 {
margin: 2px 2px 2px 2px !important;
}

.CSSMargin-Ringsum1 {
margin: 1px 1px 1px 1px !important;
}

.CSSHeader-Artikel {
color: rgb(17, 66, 50) !important;
}

.CSSText-KWBHeader5 {
color: rgb(105, 105, 105) !important;
}

.CSSText-KWBHeader4 {
color: rgb(105, 105, 105) !important;
}

.CSSText-NavLinkFooter {
color: rgb(87, 87, 87) !important;
}

.CSSText-KWBHeaderLogin2 {
color: rgb(0, 69, 25) !important;
}

.CSSText-KWBHeaderLogin1 {
color: rgb(0, 68, 23) !important;
}

.CSSText-KWBHeaderLogin {
color: rgb(0, 69, 25) !important;
font-weight: bold !important;
}

.CSSSize-SSOLogin {
min-height: 50px;
min-width: 60px;
}

.CSSPadding-Unten30 {
padding: 0px 0px 30px 0px !important;
}

.CSSPadding-Unten20 {
padding: 0px 0px 20px 0px !important;
}

.CSSPadding-Unten10 {
padding: 0px 0px 10px 0px !important;
}

.CSSPadding-Rechts30 {
padding: 0px 0px 30px 0px !important;
}

.CSSPadding-Rechts10 {
padding: 0px 0px 10px 0px !important;
}

.CSSMargin-Rechts50 {
margin: 0px 50px 0px 0px !important;
}

.CSSMargin-Rechts40 {
margin: 0px 40px 0px 0px !important;
}

.CSSMargin-ObenUnten {
margin: 20px 0px 20px 0px !important;
}

.CSSMargin-Ringsum20 {
margin: 20px 20px 20px 20px !important;
}

.CSSBorder-FooterAbgrenz {
border-left: 0px solid rgba(242, 242, 242, 1) !important;
border-top: 2px solid rgba(242, 242, 242, 1) !important;
border-right: 0px solid rgba(242, 242, 242, 1) !important;
border-bottom: 0px solid rgba(242, 242, 242, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}

.CSSBorder-UmrandungGrau {
border-left: 1px solid rgba(230, 230, 230, 1) !important;
border-top: 1px solid rgba(230, 230, 230, 1) !important;
border-right: 1px solid rgba(230, 230, 230, 1) !important;
border-bottom: 1px solid rgba(230, 230, 230, 1) !important;
border-radius: 0px 0px 0px 0px !important;
}