/* H1 - H5 */
h1 {
    font-size: 2rem;
    --font-size: 2rem;
    line-height: 1.4;
    --line-height: 1.4;
    font-weight: 700;
}

h2 {
    font-size: 1.8rem;
    --font-size: 1.8rem;
    line-height: 1.3;
    --line-height: 1.3;
    font-weight: 700;
}

h3 {
    font-size: 1.5rem;
    --font-size: 1.5rem;
    line-height: 1.25;
    --line-height: 1.25;
    font-weight: 700;
}


h4 {
    font-size: 1.2rem;
    --font-size: 1.2rem;
    line-height: 1.15;
    --line-height: 1.15;
    font-weight: 700;
}

h5 {
    font-size: 1rem;
    font-weight: 700;
    --font-size: 1rem;
    line-height: 1.25
}

/*Header links*/
.o-header__quicklinks-margincleanup {
    margin-left: initial !important;
}

.o-header__quicklinks {
    z-index: 3 !important;
}

/* Table */
.m-table {
    width: unset;
}

    .m-table td:not(.no-style), .m-table th:not(.no-style) {
        box-sizing: unset !important;
        height: unset !important;
        padding: unset !important;
    }

    .m-table thead th:not(.no-style) {
        position: relative;
        height: 3rem !important;
    }

    .m-table td:not(.no-style) i.a-icon:not(.no-style) {
        padding: .5rem !important;
    }

    .m-table tr:not(.no-style):hover {
        background: var(--g-gray-95);
        cursor: pointer;
    }

    .m-table thead tr:not(.no-style):hover {
        background: inherit;
        cursor: inherit;
    }

.tablecell {
    display: inline-block;
    /*width: 4vw !important;*/
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 0.25rem 1rem 0rem 0rem;
}

.tableheadcell {
    text-align: start;
    cursor: pointer;
    float: left;
    left: 0;
    bottom: 0.5rem;
}

.m-table th {
    text-align: left;
}


/* Formular */
.detailviewselectize,
.a-radio-button,
.a-text-field,
.a-date-input {
    margin-bottom: 1rem;
}

.detailviewselectize {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.m-form-field .a-text-field,
.m-form-field .detailviewselectize {
    margin-bottom: 0rem !important;
}

.a-text-field .selectize-input {
    background-color: var(--base-minor__enabled__default__fill);
    border: 0;
    border-bottom: .0625rem solid var(--neutral__enabled__front__default);
    color: var(--neutral__enabled__front__default);
    height: 3rem;
    padding: 0 1rem;
    width: 100%
}
    .selectize-control .selectize-input:hover {
        background-color: black;
    }

.a-text-field .selectize-control input {
    padding-bottom: .3125rem !important;
    padding-top: 1.125rem !important;
}

.a-text-field .selectize-control .item {
    padding-bottom: .3125rem !important;
    padding-top: 1.5rem !important;
}


/*.a-text-field .selectize-control:hover, .a-text-field .selectize-input:hover {
    background-color: var(--neutral__enabled__fill__hovered) !important;
}*/

/* Other */
div.center {
    max-width: 32rem;
    margin: 0 auto;
}

/* FLEX FIXES */
.flex-form-33 {
    flex-basis: 33.33%;
    padding: 0 1rem 0 0;
}
.flex-form-66 {
    flex-basis: 66.66%;
    padding: 0 1rem 0 0;
}

/* In table form */
.intable-form {
    margin: 1rem 1rem 0 0;
}

/* Step indicator */
.m-step-indicator__label-selected {
    font-weight: 400;
    border-bottom: 1px solid #000;
}

.request-indicator-container .m-step-indicator__step.-active .m-step-indicator__node {
    background-color: var(--tis-light-grey);
}
.request-indicator-container .a-icon {
    font-size: 18px;
}

.m-step-indicator__step.-active .m-step-indicator__node-selected {
    background-color: var(--g-blue-80);
}

.m-step-indicator__step.-active:before {
    background-color: var(--tis-light-grey);
}
.m-step-indicator__node .boschicon-bosch-ic-checkmark-bold {
    color: var(--g-green-60);
}
.m-step-indicator__node .boschicon-bosch-ic-close {
    color: var(--g-red-60);
}


/* Misc */
.a-text-field input {
    height: 3.1rem;
}

.a-text-field label:has(~input:disabled) {
    color: var(--plain-pure__enabled__default__front);
}

.a-text-field input:disabled, .a-text-field input:disabled::placeholder,
.a-text-field input:disabled {
    border-bottom: .0625rem solid var(--nested-minor__enabled__default__front, var(--base-minor__enabled__default__front));
}
.a-text-field label + input {
    padding-top: 1.6rem;
}
.a-text-field input:disabled, .a-text-field input:disabled::placeholder {
    color: #848b93;
}

.a-text-field, .a-date-input {
    overflow:unset;
}

.a-text-area label:has(~textarea:disabled) {
    color: #000;
}

.a-date-input label:has(~input:disabled) {
    color: #000;
}

.a-selectable-tile label {
    border-color: #fff !important;
}

.a-divider-lightcolored{
    background-color: #ccc;
}
/* focus-visible changes */
@supports (-moz-appearance: none) {
    .a-date-input input:focus-visible {
/*        border: 0 !important;
        outline: 0 !important;*/
    }
}

/* Floating Group (can delete after Frog Update) */
.m-floating-button-group {
    border-radius: 2rem;
    column-gap: .0625rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: max-content
}

    .m-floating-button-group .a-button {
        border-radius: unset;
        position: relative
    }

        .m-floating-button-group .a-button:after {
            --focus-border-radius: 0rem
        }

@media(hover: hover) {
    .m-floating-button-group .a-button:hover {
        z-index: 1
    }
}

.m-floating-button-group .a-button:focus-visible {
    z-index: 1
}

.m-floating-button-group > .a-button:first-child {
    border-end-start-radius: 2rem;
    border-start-start-radius: 2rem
}

    .m-floating-button-group > .a-button:first-child:after {
        --focus-border-start-start-radius: 2rem;
        --focus-border-end-start-radius: 2rem
    }

.m-floating-button-group > .a-button:last-child {
    border-end-end-radius: 2rem;
    border-start-end-radius: 2rem
}

    .m-floating-button-group > .a-button:last-child:after {
        --focus-border-start-end-radius: 2rem;
        --focus-border-end-end-radius: 2rem
    }

.m-floating-button-group > .a-button:not(:last-child):before {
    content: "";
    height: 100%;
    inset-block-start: 0;
    inset-inline-end: -.0625rem;
    position: absolute;
    width: .0625rem
}

.m-floating-button-group:has(>.a-button[class*=-secondary]) {
    gap: unset
}

.m-floating-button-group > .a-button[class*=-secondary]:not(:first-child) {
    margin-inline-start: -.0625rem
}

.m-floating-button-group > .a-button[class*=-secondary]:before {
    content: unset
}

.m-floating-button-group .a-button__icon, .m-floating-button-group .a-button__icon:only-child, .m-floating-button-group .a-button__label, .m-floating-button-group .a-button__label:only-child {
    padding-block: calc(1rem - var(--border-size))
}

.m-floating-button-group .a-button__icon {
    padding-inline: calc(1rem - var(--border-size)) .5rem
}

.m-floating-button-group .a-button__label {
    padding-inline: 0 calc(1rem - var(--border-size))
}

.m-floating-button-group > : first-child .a-button__icon {
    padding-inline: calc(1.25rem - var(--border-size)) .5rem
}

.m-floating-button-group > :first-child .a-button__label {
    padding-inline: 0 calc(1rem - var(--border-size))
}

.m-floating-button-group > : last-child .a-button__icon {
    padding-inline: calc(1rem - var(--border-size)) .5rem
}

.m-floating-button-group > :last-child .a-button__label {
    padding-inline: 0 calc(1.5rem - var(--border-size))
}

.m-floating-button-group > : only-child .a-button__icon {
    padding-inline: calc(1.25rem - var(--border-size)) .5rem
}

.m-floating-button-group > :only-child .a-button__label {
    padding-inline: 0 calc(1.5rem - var(--border-size))
}

.m-floating-button-group .a-button__icon: only-child, .m-floating-button-group .a-button__label:only-child {
    padding-inline: calc(1rem - var(--border-size))
}

.m-floating-button-group > :first-child .a-button__icon:only-child {
    padding-inline: calc(1.25rem - var(--border-size)) calc(1rem - var(--border-size))
}

.m-floating-button-group > : first-child .a-button__label:only-child {
    padding-inline: calc(1.5rem - var(--border-size)) calc(1rem - var(--border-size))
}

.m-floating-button-group > :last-child .a-button__icon:only-child {
    padding-inline: calc(1rem - var(--border-size)) calc(1.25rem - var(--border-size))
}

.m-floating-button-group > : last-child .a-button__label:only-child {
    padding-inline: calc(1rem - var(--border-size)) calc(1.5rem - var(--border-size))
}

.m-floating-button-group > :only-child .a-button__icon:only-child {
    padding: calc(1rem - var(--border-size))
}

.m-floating-button-group > :only-child .a-button__label:only-child {
    padding-inline: calc(1.5rem - var(--border-size))
}

@media(hover: hover) {
    .m-floating-button-group [class*=-tertiary]:hover:not(:disabled) .a-button__label {
        text-decoration: none
    }
}

.m-floating-button-group [class*=brand-tertiary] {
    background-color: var(--nested-pure__enabled__default__fill,var(--accent-pure__enabled__default__fill))
}

@media(hover: hover) {
    .m-floating-button-group [class*=brand-tertiary]:hover {
        background-color: var(--nested-pure__enabled__hovered__fill,var(--accent-pure__enabled__hovered__fill))
    }
}

.m-floating-button-group [class*=brand-tertiary]:active {
    background-color: var(--nested-pure__enabled__pressed__fill,var(--accent-pure__enabled__pressed__fill))
}

.m-floating-button-group [class*=brand-tertiary]:disabled {
    background-color: var(--nested-pure__disabled__default__fill,var(--accent-pure__disabled__default__fill))
}

.m-floating-button-group [class*=neutral-tertiary] {
    background-color: var(--nested-pure__enabled__default__fill,var(--integrated-pure__enabled__default__fill))
}

@media(hover: hover) {
    .m-floating-button-group [class*=neutral-tertiary]:hover {
        background-color: var(--nested-pure__enabled__hovered__fill,var(--integrated-pure__enabled__hovered__fill))
    }
}

.m-floating-button-group [class*=neutral-tertiary]:active {
    background-color: var(--nested-pure__enabled__pressed__fill,var(--integrated-pure__enabled__pressed__fill))
}

.m-floating-button-group [class*=neutral-tertiary]:disabled {
    background-color: var(--nested-pure__disabled__default__fill,var(--integrated-pure__disabled__default__fill))
}

.m-floating-button-group [class*=destructive-tertiary] {
    background-color: var(--nested-pure__enabled__default__fill,var(--signal-error-pure__enabled__default__fill))
}

@media(hover: hover) {
    .m-floating-button-group [class*=destructive-tertiary]:hover {
        background-color: var(--nested-pure__enabled__hovered__fill,var(--signal-error-pure__enabled__hovered__fill))
    }
}

.m-floating-button-group [class*=destructive-tertiary]:active {
    background-color: var(--nested-pure__enabled__pressed__fill,var(--signal-error-pure__enabled__pressed__fill))
}

.m-floating-button-group [class*=destructive-tertiary]:disabled {
    background-color: var(--nested-pure__disabled__default__fill,var(--signal-error-pure__disabled__default__fill))
}

.m-floating-button-group > .a-button--brand-primary:before {
    background-color: var(--nested-major__enabled__default__front,var(--accent-major__enabled__default__front))
}

.m-floating-button-group > .a-button--neutral-primary:before {
    background-color: var(--nested-major__enabled__default__front,var(--integrated-major__enabled__default__front))
}

.m-floating-button-group > .a-button--destructive-primary:before {
    background-color: var(--nested-major__enabled__default__front,var(--signal-error-major__enabled__default__front))
}

.m-floating-button-group > .a-button--brand-secondary:before {
    background-color: var(--nested-pure__enabled__default__front,var(--accent-pure__enabled__default__front))
}

.m-floating-button-group > .a-button--neutral-secondary:before {
    background-color: var(--nested-pure__enabled__default__front,var(--integrated-pure__enabled__default__front))
}

.m-floating-button-group > .a-button--destructive-secondary:before {
    background-color: var(--nested-pure__enabled__default__front,var(--signal-error-pure__enabled__default__front))
}

.m-floating-button-group > .a-button--brand-tertiary:before {
    background-color: var(--nested-pure__enabled__default__front,var(--accent-pure__enabled__default__front))
}

.m-floating-button-group > .a-button--neutral-tertiary:before {
    background-color: var(--nested-pure__enabled__default__front,var(--integrated-pure__enabled__default__front))
}

.m-floating-button-group > .a-button--destructive-tertiary:before {
    background-color: var(--nested-pure__enabled__default__front,var(--signal-error-pure__enabled__default__front))
}

.a-button--brand-tertiary {
    background-color: rgba(0,0,0,0);
    color: var(--nested-pure__enabled__default__front,var(--accent-pure__enabled__default__front));
}

.a-button {
    --border-size: 0rem;
}
/* Floating Group End (can delete after Frog Update) */

.m-dialog__content {
    max-height: calc(100vh - 7rem);
}
.m-dialog[open]{
    width:100%;
}