.form-tabs {
    display: flex;
    gap: 1rem;
    width: 100%;
    justify-content: center;
    padding: 2rem 0;
    margin: 0 auto 3rem;


    .button {
        max-width: 100%;
        flex: 1;
    }
}

.tx-powermail {
    position: relative;
    z-index: 1;
}

.submit-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    @media (min-width: 979px) {
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        gap: 1rem;
    }

    a {
        display: inline-flex;
        align-items: center;
    }
}

.tab-content--hidden {
    display: none;
}

.powermail_fieldset {
    display: grid;
    grid-gap: 2rem;

    & + & {
        margin-top: 3rem;
    }
}

.fieldset-has-error {
    position: relative;
    padding-bottom: 1rem;
}

.fieldset-has-error::before {
    border: 1px solid #b20035;
    background: rgba(178, 0, 53, 0.03);
    position: absolute;
    left: -1rem;
    top: -1rem;
    bottom: 0;
    right: -1rem;
    content: "";
    display: block;
    border-radius: 0.25rem;
}

.powermail_legend {
    display: block;
    color: var(--aok-green);
    font-size: 1.125rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: var(--font-headlines);

    @media (min-width: 979px) {
        font-size: 1.25rem;
    }
}

.checkbox-link {
    a {
        color: var(--aok-green);
        text-decoration: underline;
        font-weight: 600;
        line-height: 1.5rem;
    }
}

.powermail_message {
    padding: 1rem 1rem 1rem 3rem;
    border-radius: 4px;
    border: 1px solid #b20035;
    background: rgba(178, 0, 53, 0.03);
    margin-bottom: 2rem;
    position: relative;
    font-weight: bold;
}

/* Icon links oben */
.powermail_message::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 20px;
    height: 20px;
    background-color: #b20035; /* gleiche Farbe wie Border */
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path d='M39.283 41.465h-30c-2.237 0-3.928-.807-4.762-2.273-.833-1.466-.663-3.332.48-5.254L19.847 8.971C20.986 7.055 22.561 6 24.283 6c1.723 0 3.298 1.055 4.437 2.971l14.846 24.967c1.143 1.923 1.313 3.788.48 5.254-.835 1.466-2.526 2.273-4.763 2.273zM24.283 8c-.988 0-1.954.708-2.718 1.993L6.72 34.96c-.749 1.26-.917 2.442-.46 3.245.456.801 1.558 1.261 3.023 1.261h30c1.465 0 2.568-.46 3.024-1.261.456-.802.288-1.985-.46-3.245L27 9.993C26.238 8.708 25.272 8 24.284 8zm1 9.465h-2v12h2v-12zm-1 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z' fill='black'/></svg>") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path d='M39.283 41.465h-30c-2.237 0-3.928-.807-4.762-2.273-.833-1.466-.663-3.332.48-5.254L19.847 8.971C20.986 7.055 22.561 6 24.283 6c1.723 0 3.298 1.055 4.437 2.971l14.846 24.967c1.143 1.923 1.313 3.788.48 5.254-.835 1.466-2.526 2.273-4.763 2.273zM24.283 8c-.988 0-1.954.708-2.718 1.993L6.72 34.96c-.749 1.26-.917 2.442-.46 3.245.456.801 1.558 1.261 3.023 1.261h30c1.465 0 2.568-.46 3.024-1.261.456-.802.288-1.985-.46-3.245L27 9.993C26.238 8.708 25.272 8 24.284 8zm1 9.465h-2v12h2v-12zm-1 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z' fill='black'/></svg>") no-repeat center / contain;
}

.typo3-messages + .container {
    margin-top: 2rem;
}

.powermail_fieldset {
    display: grid;
}

.form-fieldwrap {
    grid-column: span 1;
}

.form-fieldwrap--quarter {
    grid-column: span 1;
}

.form-fieldwrap--half {
    grid-column: span 1;
}

.form-fieldwrap--three-quarters {
    grid-column: span 1;
}

@media (min-width: 979px) {
    .powermail_fieldset {
        grid-template-columns: repeat(4, 1fr);
    }

    .powermail_fieldset > * {
        grid-column: span 4;
        width: 100%;
    }

    .form-fieldwrap {
        grid-column: span 4;
        width: 100%;
    }

    .form-fieldwrap--quarter {
        grid-column: span 1;
    }


    .form-fieldwrap--half {
        grid-column: span 2;
    }

    .form-fieldwrap--three-quarters {
        grid-column: span 3;
    }
}

.form-block {
    display: block;
}

ul.powermail_message.powermail_message_error {
    list-style: none;
    padding-left: 3rem;
}


.bewegung .pages {
    display: grid;
    gap: 3rem;
}

.bewegung .powermail_fieldset {
    & + & {
        margin-top: 0;
    }
}

@media (min-width: 979px) {
    .bewegung .pages {
        grid-template-columns: 1fr 1fr;
    }
}


@media (min-width: 1200px) {
    .bewegung .pages {
        gap: 5rem;
    }
}

.form-header {
    display: flex;
    flex-direction: column;
}


@media (min-width: 979px) {
    .form-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
}

/**
 * Mental Health
 */

.form-mental {
    background: var(--aok-sand);
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}


@media (min-width: 979px) {
    .form-mental {
        padding: 4rem 10vw;
    }
}

.form-mental .input__label,
.form-mental .powermail_label {
    display: block;
    color: var(--aok-black);
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 2rem;
}


/**
 * Selbsttest
 */
.form-selbsttest {
    background: var(--aok-light-blue);
    padding: 2rem;
}

@media (min-width: 769px) {
    .form-selbsttest {
        padding: 4rem;
    }
}

.form__button-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.form__button-wrap .content {
    display: flex;
    gap: 1rem;
    grid-column: 2 / span 1;
    justify-content: flex-end;
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation.form__button-wrap {
    margin-top: 4rem;
}

.form-selbsttest .input,
.form-selbsttest .powermail_fieldwrap_type_textarea,
.form-selbsttest .checkbox-multiple,
.form-selbsttest .powermail_fieldwrap_type_radio {
    display: grid;
    gap: 1.5rem;
}


@media (min-width: 769px) {
    .form-selbsttest .input,
    .form-selbsttest .powermail_fieldwrap_type_textarea,
    .form-selbsttest .checkbox-multiple,
    .form-selbsttest .powermail_fieldwrap_type_radio {
        display: grid;
        gap: 3rem;
    }

}


@media (min-width: 769px) {
    .form-selbsttest .radio__group,
    .form-selbsttest .checkbox__group {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
    }
}

.form-selbsttest .badge {
    margin-bottom: 3rem;
}

.form-selbsttest .input__label,
.form-selbsttest .powermail_label,
.form-selbsttest .checkbox__label,
.form-selbsttest .powermail_fieldwrap_legend {
    display: block;
    color: var(--aok-green);
    font-size: 1.5rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: var(--font-headlines);
}

.form-indication {
    display: flex;
    width: 100%;
    gap: 2px;
    margin-bottom: 3rem;
}

.form-indication__item {
    display: block;
    flex: 1;
    height: 8px;
    background-color: var(--aok-grey-3);
}

.form-indication__item.btn-primary {
    background-color: var(--aok-green);
}


.frame-type-felogin_login .parsley-errors-list > li {
    color: #A94442;
    padding: 1rem;
}

.frame-type-felogin_login div.error {
    background-color: #EBCCD1;
    color: #A94442
}

.frame-type-felogin_login .parsley-errors-list {
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    width: 100%;
}
.frame-type-felogin_login .parsley-errors-list h3 {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.input__label .mandatory::after {
    content: "*";
}