@import url("https://hr.rewe-group.com/PRIMUS/Plattform/IAS/Fehlermeldungen/maintenance.css");

:root {
    --shaddoweffect: 0 0 2px rgb(0 124 53 / 30%), 0 8px 16px rgb(0 124 53 / 30%);
}

a {
    color: #706f6f;
}

.ids-main {
    background-image: url(https://hr.rewe-group.com/PRIMUS/Plattform/IAS/Illustration-grau.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.ids-login-sp__sp-name {
    background-color: #ffdd0569;
    /*fallback, id-spezifische farbe s.u.*/
    padding: 0.3rem;
    border-radius: 0.5em;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
}

.fn-button--emphasized {
    background: #706F6F;
}

.fn-button--emphasized:active,
.fn-button--emphasized.is-active {
    background: #706f6fd4 !important;
}

.fn-button--emphasized:focus:not(.focus-visible) {
    background: #706F6F !important;
}

.fn-button--emphasized:hover,
.fn-button--emphasized.is-hover {
    background: #706F6F !important;
}

.fn-input__text-field:active,
.fn-input__text-field.is-active {
    -webkit-box-shadow: 0 0 0 0.125rem #706f6fd4 !important;
    box-shadow: 0 0 0 0.125rem #706f6fd4 !important;
}

.fn-input__text-field:focus,
.fn-input__text-field.is-focus {
    -webkit-box-shadow: 0 0 0 0.125rem #706f6fd4 !important;
    box-shadow: 0 0 0 0.125rem #706f6fd4 !important;
}

.fn-checkbox__input:checked~.fn-checkbox__checkmark {
    background: rgb(0 124 53);
    border-color: rgb(0 124 53);
}

.fn-checkbox__input:checked~.fn-checkbox__checkmark {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.fn-button.fn-button--toggled:hover,
.fn-button.fn-button--toggled.is-hover,
.fn-button.fn-button--selected:hover,
.fn-button.fn-button--selected.is-hover {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button.fn-button--toggled:focus:not(.focus-visible):hover,
.fn-button.fn-button--toggled:focus:not(.focus-visible).is-hover,
.fn-button.fn-button--selected:focus:not(.focus-visible):hover,
.fn-button.fn-button--selected:focus:not(.focus-visible).is-hover {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-input--info .fn-input__text-field:hover,
.fn-input--info .fn-input__text-field.is-hover {
    -webkit-appearance: none;
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button:hover,
.fn-button.is-hover {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button:focus:not(.focus-visible):hover,
.fn-button:focus:not(.focus-visible).is-hover {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button--emphasized:hover,
.fn-button--emphasized.is-hover {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button--emphasized:focus:not(.focus-visible):hover,
.fn-button--emphasized:focus:not(.focus-visible).is-hover {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button--emphasized {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button--emphasized:active,
.fn-button--emphasized.is-active {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.fn-button--emphasized:focus:not(.focus-visible) {
    -webkit-box-shadow: var(--shaddoweffect);
    box-shadow: var(--shaddoweffect)
}

.ids-footer__links__item:nth-child(3) {
    position: fixed;
    right: 0;
    bottom: 2%;
    padding: 0 1%;
}

li.ids-login__forgotpassword {
    font-weight: bolder;
    font-size: initial;
}

input#j_username[readonly="readonly"] {
    border: 1px solid #d3d4d5;
    -webkit-text-fill-color: #5c5c5c;
    background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M22%2C14v-2c0-3.313-2.686-6-6-6c-3.313%2C0-6%2C2.687-6%2C6v2H8v12h16V14H22z%20M20%2C14h-8v-2c0-2.209%2C1.791-4%2C4-4%0D%0A%09s4%2C1.791%2C4%2C4V14z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22none%22%20d%3D%22M0%2C0h32v32H0V0z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
    background-repeat: no-repeat;
    background-size: 1.2em;
    background-position: right center;
    background-color: #1a27333b;
}

input#j_username[readonly="readonly"]:hover {
    cursor: not-allowed;
}

[dir="ltr"] .ids-input-option {
    text-align: left;
}

@media only screen and (min-width:601px) and (max-width:1146px) {
    .ids-main {
        background-image: url(https://hr.rewe-group.com/PRIMUS/Plattform/IAS/Illustration-grau-1145x927px.png);
    }
}

@media only screen and (min-width: 600px) and (max-height: 705px) {
    .ids-main .ids-main__content {
        min-height: 0;
    }
}

@media only screen and (max-width:1146px) {
    .ids-footer__links__item:nth-child(3) {
        position: relative;
        right: 0;
        bottom: 0;
        padding: 0;
        text-align: center;
        text-align: -webkit-center
    }
}

@media only screen and (max-width: 600px) {
    .ids-footer__inner {
        display: flex;
        justify-content: center;
    }

    .ul.ids-footer__links {
        margin: 2rem 0 4rem 0;
        border-radius: 1rem;
        width: 50%;
    }
}

/*Normale PRIMUS-Anmeldeseite*/
[data-spid="633c41ed742a350b96ba7aea"] .ids-login-sp__sp-name {
    background-color: #ffdd0569;
}

[data-spid="633c41ed742a350b96ba7aea"] .ids-login__forgotpassword {
    display: none;
}

/*Admin-Login*/
[data-spid="633c33c33de44215abab0f6e"] .ids-login-sp__sp-name {
    background-color: #d6ed36;
}

[data-spid="633c33c33de44215abab0f6e"] .ids-login__forgotpassword {
    display: none;
}

/*Site User*/
[data-spname="https://rewe.plateau.com/learning"] .ids-login-sp__sp-name {
    background-color: #007c35b3;
}

[data-spname="https://rewe.plateau.com/learning"] .ids-footer__links__item:nth-child(1) {
    display: none;
}

[data-spname="652cef1d978f2a0ccaf05022"] .iam-container__subtitle {
    background-color: #007c35b3;
}

[data-spid="652cef1d978f2a0ccaf05022"] .iam-container__subtitle {
    padding: 0.3rem;
    border-radius: 0.5em;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
}

[data-page="ids-forgot_password/confirm"] .ids-login-sp__sp-name {
    background-color: #007c35b3;
}

[data-page="ids-forgot_password/confirm"] .ids-footer__links__item:nth-child(1) {
    display: none;
}

[data-page="ids-reset_password/index"] .ids-login-sp__sp-name {
    background-color: #007c35b3;
}

[data-page="ids-reset_password/index"] .ids-footer__links__item:nth-child(1) {
    display: none;
}

/*Kennwort zurücksetzen-Seite (IAS)*/
[data-page="ids-forgot_password/create"] .iam-container__subtitle {
    background-color: #cd17197a;
    padding: 0.3rem;
    border-radius: 0.5em;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
}

[data-page="ids-forgot_password/create"] .ids-footer__links__item:nth-child(1) {
    display: none;
}

/* Change 05.01.2024 */
[data-spid="633c41ed742a350b96ba7aea"] .ids-login-sp__sp-name {
    background-color: unset !important;
}

.fn-message-strip__text a {
    font-weight: 700;
    color: #cd1719;
    text-decoration: underline;
    cursor: help;
}

/*Change 05.01.2024 - Auschluss Site User*/
[data-spname="https://rewe.plateau.com/learning"] .fn-message-strip__text a {
    display: none;
}

[data-spname="https://rewe.plateau.com/learning"].fn-message-strip__text a {
    display: none;
}

[data-spname="652cef1d978f2a0ccaf05022"] .fn-message-strip__text a {
    display: none;
}

[data-page="ids-forgot_password/confirm"] .fn-message-strip__text a {
    display: none;
}

[data-page="ids-reset_password/index"] .fn-message-strip__text a {
    display: none;
}

/*Update 08.01.2023 min-height fix wg. bopc und sichtbarkeit botty link */
.copyright_link>a {
    color: #007c35;
    font-weight: 800;
}

@media only screen and (max-width: 800px) {
    .ids-main .ids-main__content {
        min-height: auto !important;
    }
}