.colorElementIsNotActive {
    color: var(--mwFarbeRot);
}


.newsletterPopupWindowBox {
    display: block !important;
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 500px;
    height: 300px;
    padding: 40px 30px;
    text-align: center;
    gap: 0px;
    background-color: #FFFFFF99;
    -webkit-backdrop-filter: blur(6px);
    -moz-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-image: radial-gradient(circle,rgba(0, 158, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
    
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    
    z-index: 994;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxHeadLineCloseBtn {
    position: absolute;
    top: 14px;
    right: 14px;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxHeadLineCloseBtn button {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    
    width: 32px;
    min-width: auto;
    min-height: auto;
    height: 32px;
    padding: 0;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxHeadLine {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxText {
    margin-top: 10px;
    width: 100%;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxForm {
    position: relative;
    display: inline-block;
    margin: 30px auto 0 auto;
    width: 340px;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxForm input {
    width: 100%;
    background-color: #EEEEEE99;

    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxForm input:hover,
.newsletterPopupWindowBox .newsletterPopupWindowBoxForm input:focus,
.newsletterPopupWindowBox .newsletterPopupWindowBoxForm input:active {
    background-color: #CCCCCC99 !important;
}
.newsletterPopupWindowBox .newsletterPopupWindowBoxForm button {
    position: absolute;
    right: 2px;
    top: 2px;
    
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


@media (max-width: 650px) {
    .newsletterPopupWindowBox {
        bottom: 30px;
        right: 30px;
        width: 85%;
        height: 380px;
    }
    .newsletterPopupWindowBox .newsletterPopupWindowBoxForm {
        width: 100%;
    }
}


.dialogOwnCssClass {
    position: relative;
}
.dialogOwnCssClass .rz-dialog-titlebar {
    padding-top: 12px;
    padding-bottom: 11px;
}
.dialogWrapperOwnCssClass {
    background: var(--mwFarbeOverlay);
}


.RadzenButtonOwnHolderFixedClass {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 14px 20px;
    /*background-color: var(--mwFarbeHintergrund);*/
}
.RadzenButtonOwnHolderFixedClass button {
    margin-left: 20px;
}


.rz-button {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.rz-dialog-confirm .rz-dialog-confirm-buttons .rz-primary {
    background-color: var(--mwFarbeRot) !important;
    color: var(--mwFarbeWeiss) !important;
}
.rz-dialog-confirm .rz-dialog-confirm-buttons .rz-base {
    background-color: var(--mwFarbeGruen) !important;
    color: var(--mwFarbeWeiss) !important;
}


.bb-sortable-list-handle {
    position: absolute;
    left: -6px;
}



.RadzenFormFieldOwnClassCheckBoxPromotion {
    margin-top: 28px;
}
.RadzenFormFieldOwnClassCheckBoxPromotion .rz-chkbox {
    width: 26px;
    height: 26px;
}
.RadzenFormFieldOwnClassCheckBoxPromotion .rz-label {
    margin-left: 8px;
}
.RadzenFormFieldOwnClassCheckBoxPromotion .rz-chkbox-box.rz-state-active {
    background-color: #f22613 !important;
    border: 1px solid #f22613 !important;
}
.RadzenFormFieldOwnClassCheckBoxPromotion .rz-chkbox-box .rzi {
    color: var(--mwFarbeWeiss) !important;
    font-size: 20px !important;
    width: 18px !important;
    height: 19px !important;
}




.rz-tabview-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
}




.OwnContextMenuItem {
    font-size: 14px;
}
.OwnContextMenuItem i.bi {
    font-size: 18px;
}




.rz-notification-item-wrapper {
    width: auto;
    max-width: 500px;
}




.RadzenProgressBarStyle {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    height: 2px;
}

.RadzenProgressBarCircularContentStyle {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--mwFarbeOverlay);
    
    z-index: 9999;
}

.RadzenProgressBarCircularContentStyle .RadzenProgressBarCircularStyle {
    position: absolute;
    top: 50%;
    left: 50%;
}




/********** Element Data Grid **********/

.OwnRadzenDataGridStyle {
    max-width: 1000px !important;
    background-color: var(--mwFarbeHintergrund) !important;
}

    .OwnRadzenDataGridStyle.rz-data-grid {
        border: none !important;
    }
        .OwnRadzenDataGridStyle.rz-data-grid table {
            border-spacing: 0 6px !important;
        }

    .OwnRadzenDataGridStyle td {
        background-color: var(--mwFarbeWeiss) !important;
        padding: 6px !important;
        border-bottom: 1px solid var(--mwFarbeLinie) !important;
        border-top: 1px solid var(--mwFarbeLinie) !important;
    }

    .OwnRadzenDataGridStyle tr td:first-child {
        border-top-left-radius: var(--mwBorderRadiusSmall) !important;
        border-bottom-left-radius: var(--mwBorderRadiusSmall) !important;
        border-left: 1px solid var(--mwFarbeLinie) !important;
    }

    .OwnRadzenDataGridStyle tr td:last-child {
        border-top-right-radius: var(--mwBorderRadiusSmall) !important;
        border-bottom-right-radius: var(--mwBorderRadiusSmall) !important;
        border-right: 1px solid var(--mwFarbeLinie) !important;
    }

    .OwnRadzenDataGridStyle td.rz-datatable-emptymessage:first-child {
        border: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    .OwnRadzenDataGridStyle thead {
        display: none !important;
    }

    .OwnRadzenDataGridStyle p {
        margin-bottom: 0 !important;
    }

    .OwnRadzenDataGridStyle .rz-text-body1 {
        font-size: inherit !important;
    }

    .OwnRadzenDataGridStyle .rz-group-header {
        border-bottom: 0 !important;
    }

.OwnRadzenDataGridSubStyle td,
.OwnRadzenDataGridSubStyle tr td:first-child,
.OwnRadzenDataGridSubStyle tr td:last-child {
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.OwnRadzenDataGridSubStyle table {
    background-color: var(--mwFarbeWeiss) !important;
}

.OwnRadzenDataGridAccordionStyle tr td:first-child,
.OwnRadzenDataGridAccordionStyle .rz-group-header {
    padding-left: 36px !important;
}

.OwnRadzenDataGridStyle .OwnDataGridFrozenColumnStyle,
.OwnRadzenDataGridStyle .OwnDataGridFrozenColumnButtonStyle {
    box-shadow: none !important;
    --rz-grid-frozen-cell-border: 0px;
    text-align: right;
}
        .OwnRadzenDataGridStyle .OwnDataGridFrozenColumnButtonStyle > span {
            text-align: right;
            cursor: pointer !important;
            font-size: 16px;
            margin-right: 6px;
        }

.OwnRadzenPicDataGridStyle {
}
    .OwnRadzenPicDataGridStyle thead tr:first-child {
        display:none !important;
    }
    .OwnRadzenPicDataGridStyle.rz-data-grid {
        border-radius: var(--mwBorderRadiusSmall) !important;
    }


.RadzenDataGridPicturesOver {
    
}
.RadzenDataGridPicturesOver td {
    border-bottom: 2px solid #000 !important;
    padding: 6px !important;
}

.RadzenUploadImagesOwnClass td img {
    height: 40px;
}


/*******************************/





/********** Element Data Grid as PicList **********/

.OwnRadzenDataGridAsPicListStyle {
    position: relative;
    height: 500px;
}

.OwnRadzenDataGridAsPicListRowBtnsStyle {
    position: relative;
}

.PicListArrowAddTo {
    position: absolute;
    top: 50%;
    right: -12px;
    cursor: pointer;
    margin-top: -30px;
}
.PicListArrowAddTo i {
    font-size: 20px;
}

.PicListArrowDeleteFrom {
    position: absolute;
    top: 50%;
    right: -12px;
    cursor: pointer;
    margin-top: 30px;
}
.PicListArrowDeleteFrom i {
    font-size: 20px;
}

/*******************************/





/********** Element Data List **********/

.OwnRadzenDataListStyle {
    max-width: 1000px !important;
}

    .OwnRadzenDataListStyle .OwnRadzenDataListStyleIcon {
    }

        .OwnRadzenDataListStyle .OwnRadzenDataListStyleIcon > i {
            font-size: 16px;
            margin-right: 10px;
        }

    .OwnRadzenDataListStyle .OwnRadzenDataListStyleButtons {
        text-align: right;
    }

        .OwnRadzenDataListStyle .OwnRadzenDataListStyleButtons > i {
            cursor: pointer;
            font-size: 16px;
            margin-right: 6px;
        }

        .OwnRadzenDataListStyle .OwnRadzenDataListStyleButtons > .rz-badge {
            width: 50px;
        }

    .OwnRadzenDataListStyle .rz-datalist-data {
        margin: 8px 0 !important;
        padding: 0 !important;
    }

        .OwnRadzenDataListStyle .rz-datalist-data li {
            padding: 0 !important;
            margin: 0 !important;
            border-radius: var(--mwBorderRadiusSmall) !important;
            -moz-border-radius: var(--mwBorderRadiusSmall) !important;
            -webkit-border-radius: var(--mwBorderRadiusSmall) !important;
        }
        .OwnRadzenDataListStyle.OwnRadzenDataListStyleUnderProduct .rz-datalist-data li {
            border: none !important;
        }
        .OwnRadzenDataListStyle.OwnRadzenDataListStyleUnderProduct .list-group-item {
            border: none !important;
        }
        
        .OwnRadzenDataListStyle .rz-datalist-data .rz-row {
            row-gap: 0 !important;
        }

            .OwnRadzenDataListStyle .rz-datalist-data li .rz-col {
                padding: 8px 10px !important;
            }
            .OwnRadzenDataListStyle .rz-datalist-data li .OwnRadzenDataListUnderProductsCol.rz-col {
                padding: 0 20px !important;
            }
            .OwnRadzenDataListStyle.OwnRadzenDataListStyleUnderProduct .rz-datalist-data li .rz-col {
                padding: 0 10px !important;
            }
            .OwnRadzenDataListStyle.OwnRadzenDataListStyleUnderProduct .list-group-item .rz-col {
                padding: 0 10px !important;
            }

                .OwnRadzenDataListStyle .rz-datalist-data li .rz-col p {
                    padding: 0 !important;
                    margin: 0 !important;
                }

/*******************************/



.RadzenPopUpOwnClass {
    display: none;
    position: absolute;
    overflow: hidden;
    height: 400px;
    width: 400px;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius)
}

.RadzenCardOwnClass {
    margin-top: 30px !important;
}

.RadzenButtonOwnClass {
    margin-top: 30px !important;
}

.RadzenUploadImagesOwnClass {
    margin-top: 10px;
}

    .RadzenUploadImagesOwnClass .RadzenUploadImagesItemsOwnClass {
        display: inline-block;
        height: 80px;
        margin-right: 10px;
    }

        .RadzenUploadImagesOwnClass .RadzenUploadImagesItemsOwnClass img {
            height: 80px;
            width: auto;
        }

/********** Element Panel or Accordion **********/

.RadzenPanelOwnClass {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: var(--mwFarbeHintergrund) !important;
}

    .RadzenPanelOwnClass .rz-panel-titlebar {
        flex-direction: row-reverse !important;
        justify-content: left !important;
    }

    .RadzenPanelOwnClass .rz-panel-titlebar-toggler .rzi-plus:before {
        content: "arrow_right" !important;
    }

    .RadzenPanelOwnClass .a:focus {
        outline: none !important
    }

    .RadzenPanelOwnClass .rz-panel-titlebar-toggler .rzi-minus:before {
        content: "arrow_drop_down" !important;
    }

.RadzenAccordionOwnClass {
    border-radius: 0 !important;
    /*border: 1px solid var(--mwFarbeHintergrund);*/
    box-shadow: none !important;
}
        .RadzenAccordionOwnClass .rz-accordion-header > a {
            font-size: inherit !important;
            padding-block: 6px !important;
            flex-direction: row-reverse !important;
            justify-content: left !important;
        }

    .RadzenAccordionOwnClass .rz-accordion-content {
        padding-block: initial !important;
    }

    .RadzenAccordionOwnClass .rz-accordion-toggle-icon.rzi-chevron-right:before {
        content: "arrow_right" !important;
    }

    .RadzenAccordionOwnClass .rz-accordion-toggle-icon.rzi-chevron-down:before {
        content: "arrow_drop_down" !important;
    }

    .RadzenPanelOwnClass .rz-panel-titlebar {
        flex-direction: row-reverse !important;
        justify-content: left !important;
    }

    .RadzenPanelOwnClass .rz-panel-titlebar-toggler .rzi-plus:before {
        content: "arrow_right" !important;
    }

    .RadzenPanelOwnClass .a:focus {
        outline: none !important
    }

    .RadzenPanelOwnClass .rz-panel-titlebar-toggler .rzi-minus:before {
        content: "arrow_drop_down" !important;
    }

.RadzenAccordionOwnClass {
    border-radius: 0 !important;
    /*border: 1px solid var(--mwFarbeHintergrund);*/
    box-shadow: none !important;
}
        .RadzenAccordionOwnClass .rz-accordion-header > a {
            font-size: inherit !important;
            padding-block: 6px !important;
            flex-direction: row-reverse !important;
            justify-content: left !important;
        }

    .RadzenAccordionOwnClass .rz-accordion-content {
        padding-block: initial !important;
    }

    .RadzenAccordionOwnClass .rz-accordion-toggle-icon.rzi-chevron-right:before {
        content: "arrow_right" !important;
    }

    .RadzenAccordionOwnClass .rz-accordion-toggle-icon.rzi-chevron-down:before {
        content: "arrow_drop_down" !important;
    }


/*******************************/







/********** Elemente Forms **********/

div.RadzenFormFieldOwnClass {
    margin-top: 12px !important;
}
div.RadzenFormFieldOwnClass label,
div.RadzenFormFieldOwnClass input,
div.RadzenFormFieldOwnClass textarea,
div.RadzenFormFieldOwnClass .rz-numeric,
div.RadzenFormFieldOwnClass .rz-dropdown,
div.RadzenFormFieldOwnClass .rz-autocomplete {
    width: 100% !important;
    font-size: 14px !important;
}
div.RadzenFormFieldOwnClass p,
div.RadzenFormFieldOwnClass i {
    font-size: 14px !important;
}

div.RadzenFormFieldOwnClassLabelSmall label {
    width: auto !important;
}

div.RadzenFormFieldOwnClassNotFlex .rz-form-field-content {
    display: block !important;
}
div.RadzenFormFieldOwnClassNotFlex .RadzenFormFieldOwnClassNotFlexPdfFileShow {
    position: relative;
    margin-bottom: 0 !important;
    padding: 0 20px 18px 24px;
}

div.RadzenFormFieldOwnClassNotFlex .RadzenFormFieldOwnClassNotFlexPdfFileShow .RadzenFormFieldOwnClassNotFlexPdfFileShowButtons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 20px 0 0;
}
div.RadzenFormFieldOwnClassNotFlex .RadzenFormFieldOwnClassNotFlexPdfFileShow .RadzenFormFieldOwnClassNotFlexPdfFileShowButtons i {
    cursor: pointer;
    margin-left: 8px;
}

.RadzenFormFieldOwnClassSelectIcon {
    display: inline-block;
    margin-right: 12px;
    padding: 2px;
}
.RadzenFormFieldOwnClassSelectIcon > img {
    width: 30px;
}

/*******************************/







/********** Jobanzeigen **********/

.listElement2ButtonsHolder {
    margin-top: 50px;
}

.listElement2ButtonsHolder .listElement2ButtonsPictureHolder > img {
    width: 100%;
}

.listElement2ButtonsHolder .listElement2Buttons {
    background-color: var(--mwFarbeHintergrund);
    margin-top: 40px;
    padding: 30px;
}
.listElement2ButtonsHolder .listElement2Buttons .listElement2ButtonsHeadline {
    font-size: 18px;
    font-weight: bold;
}
.listElement2ButtonsHolder .listElement2Buttons .listElement2ButtonsText {
    margin-top: 20px;
}

.listElement2ButtonsHolder .listElement2Buttons .listElement2ButtonsHolderButtons {
    margin-top: 10px;
    text-align: right;
}
.listElement2ButtonsHolder .listElement2Buttons .listElement2ButtonsHolderButtons .listElement2ButtonsBtnOnce,
.listElement2ButtonsHolder .listElement2Buttons .listElement2ButtonsHolderButtons .listElement2ButtonsBtnTwo {
    background-color: var(--mwFarbeBlau);
    border: 1px solid var(--mwFarbeBlau);
    text-decoration: none;
    color: var(--mwFarbeSchwarz);
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.listElement2ButtonsHolder .listElement2Buttons .listElement2ButtonsHolderButtons .listElement2ButtonsBtnTwo {
    
}

/*******************************/






.pageBodySelf {
    position: relative;
    max-width: 1240px;
    min-height: 1754px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 50px 60px 50px 60px;
    font-size: 18px;
}
.pageBodySelfSecond {
    margin-top: 0;
}

.webLogoHeader {

}
.webLogoHeader img {
    width: 200px;
}

.webHeaderPictureOnStart {
    margin-top: 40px;
}
.webHeaderPictureOnStart img {
    width: 100%;
}

.webHeadLine {
    font-size: 55px;
    margin-top: 60px;
}
.fontInterDisplay600 {
    font-family: InterDisplay, sans-serif; font-weight: 600;
}

.webTextDescFieldOwn {
    margin-top: 30px;
    font-size: 18px;
}

.webHeadLineTextField {
    font-size: 24px;
    margin-top: 30px;
}
.webTextFieldOwn {
    font-size: 18px;
}


.webFooterSelf {
    position: absolute;
    bottom: 50px;
    left: 60px;
}
.webFooterSelf .webFooterLogo {
    margin-bottom: 6px;
}
.webFooterSelf .webFooterLogo img {
    width: 50px;
}
.webFooterSelf .webFooterText {
    font-weight: bold;
    font-size: 17px;
}
.webFooterSelf .webFooterAdresse {

}

.webFooterSelfRight {
    position: absolute;
    bottom: 50px;
    right: 60px;
}
.webFooterSelfRight .webFooterSelfRightText {
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}
.webFooterSelfRight .webFooterSelfRightQrcode {
    width: 90px;
    height: 90px;
    display: inline-block;
    box-sizing: content-box;
    vertical-align: bottom;
}
.webFooterSelfRight .webFooterSelfRightQrcode img {{
    width: 100%;
}}

.webMultiInfoPics img {
    width: 70%;
    margin-top: 30px;
}


.webBoxElementHolder {
    text-align: center;
    margin-top: 60px;
}
.webBoxElementHolderMultiInfo {
    position: absolute;
    top: 486px;
    right: 95px;
    margin-top: 0;
    width: 210px;
}
.webBoxElementHolder .webBoxElement {
    display: inline-block;
    /*width: 160px;*/
    width: 15%;
    vertical-align: text-top;
    margin: 0 4px;
}
.webBoxElementHolder .webBoxElement:last-child {
    width: 20%;
}
.webBoxElementHolderMultiInfo .webBoxElement {
    margin-top: 60px;
    width: 210px;
}
.webBoxElementHolderMultiInfo .webBoxElement:last-child {
    width: 210px;
}
.webBoxElementHolder .webBoxElement .webBoxElementSquare {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background-color: #EEEEEE;
    vertical-align: middle;

    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
.webBoxElementHolder .webBoxElement .webBoxElementSquare i {
    font-size: 34px;
}
.webBoxElementHolder .webBoxElement .webBoxElementText {
    margin-top: 10px;
}



@media (max-width: 1100px) {
    .webHeadLine {
        font-size: 50px;
        margin-top: 50px;
    }


    .webBoxElementHolder .webBoxElement,
    .webBoxElementHolder .webBoxElement:last-child {
        width: 31%;
        font-size: 14px;
        margin-top: 20px;
    }
    .webBoxElementHolderMultiInfo .webBoxElement:last-child {
        width: 160px;
    }
    .webBoxElementHolderMultiInfo .webBoxElement {
        width: 160px;
        margin-top: 40px;
    }
    .webBoxElementHolder .webBoxElement .webBoxElementSquare {
        width: 90px;
        height: 90px;
    }
    .webBoxElementHolder .webBoxElement .webBoxElementSquare i {
        font-size: 32px;
    }


    .webFooterSelfRight {
        text-align: center;
        width: 260px;
    }
    .webFooterSelfRight .webFooterSelfRightText {
        display: block;
        text-align: center;
    }
    .webFooterSelfRight .webFooterSelfRightText br {
        display: none;
    }
    .webFooterSelfRight .webFooterSelfRightQrcode {
        display: inline-block;
    }
}


@media (max-width: 890px) {
    .pageBodySelf {
        min-height: auto;
        padding: 50px 60px 50px 60px;
    }


    .webHeadLine {
        font-size: 40px;
        margin-top: 40px;
    }


    .webBoxElementHolder {
        margin-top: 10px;
    }
    .webBoxElementHolder .webBoxElement {
        margin-top: 30px;
    }
    .webBoxElementHolderMultiInfo .webBoxElement {
        margin-top: 20px;
    }


    .webFooterSelf {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: center;
        width: auto;
        margin-top: 50px;
    }

    .webFooterSelfRight {
        position: relative;
        text-align: center;
        width: auto;
        bottom: auto;
        right: auto;
        margin-top: 50px;
    }
    .webFooterSelfRight .webFooterSelfRightText {
        margin-bottom: 10px;
        margin-right: 0;
    }


    .webMultiInfoPics img {
        width: 100%;
    }
    .webBoxElementHolderMultiInfo {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 30px;
        width: auto;
        text-align: center;
    }
}


@media (max-width: 650px) {
    .webHeadLine {
        font-size: 30px;
        margin-top: 30px;
    }

    .webBoxElementHolder .webBoxElement,
    .webBoxElementHolder .webBoxElement:last-child {
        width: 46%;
    }
    .webBoxElementHolderMultiInfo .webBoxElement:last-child {
        /*width: 160px;*/
    }
}