@import url('https://fonts.b-ite.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
    background: #fff;
    color: #1a3333;
    line-height: 1.4;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
}

body {
    min-width: 330px;
}

body h1.--success,
body h2.--success,
body h3.--success,
body h4.--success,
body h5.--success,
body h6.--success {
    color: #009aa3 !important;
}

html.bjpfg--variant-light .bjpfg-icon {
    color: #009aa3;
    transition: all .15s ease-in-out;
}

ul.bjpfg-accessibility-toolbar {
    position: fixed;
    top: 0;
    right: 14%;
    margin: 0;
    padding: 10px 20px;
    gap: 5px;
    justify-content: flex-end;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    filter: drop-shadow(0 0 6px #00000029);
    z-index: 100;
}

ul.bjpfg-accessibility-toolbar button {
    padding: .3rem .4rem;
    box-shadow: unset !important;
    border: 1px solid #009aa3;
    background-color: #fff;
    background-image: unset !important;
    transition: all .15s ease-in-out;
}

ul.bjpfg-accessibility-toolbar button:hover {
    background-color: #009aa3 !important;
}

ul.bjpfg-accessibility-toolbar button:hover .bjpfg-icon {
    color: #fff !important;
}

input[type="checkbox"] {
    accent-color: #009aa3;
}

input[type="checkbox"]:checked {
    accent-color: #009aa3;
}

header {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
}

h1.banner-label {
    position: absolute;
    left: 3rem;
    bottom: 2rem;
    color: #fff;
    font-size: 54px;
    margin: auto 0 0 0;
}

span.bjpfg-field__required {
    font-size: 0;
}

span.bjpfg-field__required:before {
    content: "*";
    font-size: 0.9rem;
    color: #1a3333;
}

body header .__jp-banner--wrapper > img:nth-child(1) {
    display: block;
    width: 100%;
    max-height: 750px;
    min-height: 350px;
    object-fit: cover;
    object-position: center;
}

body header .__jp-banner--wrapper--in > img:nth-child(1) {
    display: block;
    width: 100%;
    max-width: 200px;
}

body header .__jp-banner--wrapper {
    position: relative;
    width: 100%;
    margin: 0 0 2rem;
}

body header .__jp-banner--wrapper--in {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: calc(1700px - 3rem);
    height: 100%;
    margin: 0;
    padding: 2rem 3rem;
}

body .bjpfg-submit {
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

body .bjpfg-submit__actions {
    width: 100%;
    max-width: calc(1700px - 3rem);
    padding: 0 3rem;
    justify-content: flex-start !important;
    column-gap: 1.25rem;
    row-gap: .8rem;
    flex-wrap: wrap;
}

body .bjpfg-submit__actions > div:first-child {
    display: flex;
    flex-wrap: wrap;
    row-gap: .8rem;
    column-gap: 1.25rem;
}

button.bjpfg-actions__revise-button {
    margin-right: 1.25rem !important;
}

.bjpfg-submit__actions > div button + button, .bjpfg-submit__actions > div + div {
    margin-left: 1.6rem;
}

body h3.bw_heading {
    font-size: 33px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #1a3333;
    font-weight: bold;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm {
    background-color: unset;
    margin: 0;
    padding: 0;
}

section div.bjpfg-section-tos div.bjpfg-tos__toggle {
    justify-content: flex-start;
}

section div.bjpfg-section-tos button.bjpfg-tos__toggle-button {
    margin: .5rem 0 1.5rem;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm div.bjpfg-field-group__fg_termsOfService {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm div.bjpfg-field-group__fg_termsOfService div.bjpfg-field__content {
    margin-top: 0;
    margin-right: 1ch;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm div.bjpfg-field-group__fg_termsOfService.bjpfg-field--error {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm div.bjpfg-field-group__fg_termsOfService.bjpfg-field--error label {
    padding-left: calc(13px + 1ch);
    z-index: 4;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm div.bjpfg-field-group__fg_termsOfService.bjpfg-field--error div.bjpfg-field__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    margin: 0;
    top: -19px;
}

section div.bjpfg-section-tos div.bjpfg-tos__confirm div.bjpfg-field-group__fg_termsOfService.bjpfg-field--error div.bjpfg-field__content ul.bjpfg-field__errors {
    margin: .8rem 0 -19px;
}

div.bjpfg-candidate-pool label {
    display: block;
    margin-top: 3rem;
    font-size: 0;
}

div.bjpfg-candidate-pool label:before {
    content: "Bewerbungspool";
    font-weight: bold;
    font-size: 1.6rem;
}

div.bjpfg-candidate-pool div.bjpfg-field__content button {
    all: unset !important;
    font-size: 0 !important;
}

div.bjpfg-candidate-pool div.bjpfg-field__content button:before {
    content: "Ich wünsche die Aufnahme in den Bewerberpool. Deine Daten werden bis auf Widerruf, längstens jedoch für 1 Jahr gespeichert, um dich für andere Stellen, deren Anforderungen zu Ihrem Profil passen könnten, zu berücksichtigen. Solltest du eine solche Speicherung nicht wünschen, werden deine Daten automatisch nach einer Dauer von 6 Monaten gelöscht, ohne dass wir dich darüber gesondert informieren.";
    display: block;
    font-size: 16px;
    margin: .5rem 0;
}

main section {
    box-shadow: unset;
}

section[aria-label="Anhänge"] .bjpfg-content--note {
    color: #707070;
    font-size: 15px;
    margin: 3rem 0 0;
}

section[aria-label="Anhänge"] .bjpfg-content--note a,
section[aria-label="Anhänge"] .bjpfg-content--note a:hover,
section[aria-label="Anhänge"] .bjpfg-content--note a:visited {
    color: #009aa3;
    text-decoration: none;
}

section[aria-label="Anhänge"] ul {
    counter-reset: list-bullet-points-circle;
    padding: 0;
    margin: 0 0 1rem;
}

section[aria-label="Anhänge"] ul li {
    list-style-type: none;
    margin: 0 0 0.2rem;
    padding-left: 1rem;
    position: relative;
}

section[aria-label="Anhänge"] ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1a3333;
    counter-increment: list-bullet-points-circle;
}

section[aria-label="Startseite"] h2.__jp-title {
    margin: 2rem 0 3rem;
}

section[aria-label="Startseite"] h2.__jp-title, section[aria-label="Startseite"] > h3, section[aria-label="Startseite"] > .__jp-text-box {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1143px;
    padding-left: 3rem;
    padding-right: 3rem;
}

section[aria-label="Startseite"] .__jp-tos,
section[aria-label="Startseite"] .__jp-autofill {
    padding: 2rem 3rem;
}

section[aria-label="Startseite"] .__jp-tos {
    display: none !important;
    background-color: #fafafb;
    margin: 2rem 0 1rem;
}

section[aria-label="Startseite"],
section[aria-label="Anhänge"] {
    box-shadow: unset;
    background-color: #fff;
    border-radius: unset;
    padding: 2rem 3rem;
}

section[aria-label="Startseite"] {
    padding: 1rem 0 0;
}

section[aria-label="Kontakt"] {
    box-shadow: unset;
    border-radius: unset;
    padding: 2rem 3rem;
    background-color: #fafafb;
}

section[aria-label="Hinweise zu Datenverarbeitung finden Sie hier."] {
    box-shadow: unset;
    background-color: #fafafb;
    border-radius: unset;
    padding: 2rem 3rem;
    margin-top: 0;
}

.bjpfg-field-group__custom_hinweis,
.bjpfg-field-group__custom_hinweispool {
    display: flex;
    flex-direction: row-reverse;
}

.bjpfg-field-group__custom_hinweis .bjpfg-field__content,
.bjpfg-field-group__custom_hinweispool .bjpfg-field__content {
    margin-top: 0;
}

.bjpfg-field-group__custom_hinweis.bjpfg-field--error {
    flex-direction: column-reverse;
}

select.bjpfg-select-hinweis,
select.bjpfg-select-hinweispool {
    display: block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 6px;
    cursor: pointer;
    padding: 0.1rem 0.4rem;
    width: 100px;
    min-height: unset !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23009aa3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.6em center;
}

select.bjpfg-select-hinweis:hover,
select.bjpfg-select-hinweispool:hover {
    border-color: #007a82;
    background-color: #f0fafa;
}

select.bjpfg-select-hinweis:focus,
select.bjpfg-select-hinweispool:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 154, 163, 0.35);
}

select.bjpfg-select-hinweis option,
select.bjpfg-select-hinweispool option {
    color: #333;
    background: #fff;
    padding: 0.25em;
}

select.bjpfg-select-hinweis option:hover,
select.bjpfg-select-hinweispool option:hover {
    background-color: #009aa3;
}

select.bjpfg-select-hinweis option:first-child,
select.bjpfg-select-hinweispool option:first-child {
    display: none;
}


.bjpfg--variant-dark select.bjpfg-select-hinweis,
.bjpfg--variant-dark select.bjpfg-select-hinweispool {
    box-shadow: 0 0 0 0 rgba(170, 170, 170, 0), 0 0 0 0 rgba(170, 170, 170, 0), inset 0 0 0 1px rgba(170, 170, 170, .5), inset 0 1px 1px rgba(170, 170, 170, .5);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.6em center;
}

.bjpfg--variant-dark select.bjpfg-select-hinweis:hover,
.bjpfg--variant-dark select.bjpfg-select-hinweispool:hover {
    background-color: rgba(16, 22, 26, 0.3);
}

div.bjpfg-upload-entry {
    background-color: unset;
    border: unset;
    border-radius: unset;
    padding: unset;
}

div.bjpfg-upload-entry button {
    padding: .4rem;
    box-shadow: unset;
    filter: drop-shadow(0 3px 8px #00000014);
    transition: all .15s ease-in-out;
}

div.bjpfg-upload-entry button:hover {
    box-shadow: inset 0 0 0 1px #009aa3 !important;
}

.bjpfg-section-tos button, .bjpfg-field-group__fg_autoFill button, .bjpfg-uploads .bjpfg-field__content button,
.bjpfg-submit__actions button, .bjpfg-popover__actions button {
    all: unset !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
    padding: 0 30px 5px 0 !important;
    border: none !important;
    color: #009aa3 !important;
    cursor: pointer !important;

    &:after {
        content: '' !important;
        position: absolute !important;
        right: 0 !important;
        width: 20px !important;
        height: 20px !important;
        background: url("https://cs-assets.b-ite.com/elko/images/form_arrow_blue.svg") center/contain no-repeat !important;
    }

    &:before {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        width: 100% !important;
        height: 3px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: #009aa3 !important;
    }
}

.bjpfg-section-tos button:disabled, .bjpfg-field-group__fg_autoFill button:disabled,
.bjpfg-uploads .bjpfg-field__content button:disabled, .bjpfg-submit__actions button:disabled,
.bjpfg-popover__actions button:disabled {
    color: #707070 !important;
    cursor: not-allowed !important;

    &:before {
        background-color: #707070 !important;
    }
}

.bjpfg-section-tos button {
    margin: 0 0 1rem !important;
}

.__jp-input-fields {
    width: 65%;
    display: fleX;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bjpfg-popover__actions {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: unset;
    column-gap: 2rem;
    row-gap: 12px;
}

.bjpfg-footer footer {
    position: relative;
    width: 100%;
    max-width: 1143px;
    padding: 3rem;
    background-color: #fafafb;
}

.bjpfg-footer footer:before {
    content: '';
    display: block;
    width: 100vw;
    min-width: 330px;
    height: 100%;
    background-color: #fafafb;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.bjpfg-footer--in {
    position: relative;
    width: 100%;
    max-width: 1143px;
    padding: 0 3rem;
    margin: 0 auto;
}

.bjpfg-footer--in:after {
    content: '';
    display: block;
    width: 100vw;
    min-width: 330px;
    height: 3px;
    background-color: #009aa3;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
}

.bjpfg-footer--in img {
    display: block;
    width: 125px;
    margin: 2rem auto 1rem;
}

.bjpfg-footer footer a.--link {
    padding: 0;
    margin: 0 1.5rem 1rem 0;
    text-decoration: none !important;;
    color: #1a3333 !important;
}

body footer .__jp-socials {
    display: inline-flex;
    align-items: center;
    column-gap: 1rem;
    row-gap: 5px;
    float: right;
}

body footer .__jp-socials img {
    display: block;
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.bjpfg-field-group__details_termOfAddress {
    width: 49%;
    margin-top: 0.8rem;
}

.bjpfg-field-group__details_title,
.bjpfg-field-group__details_firstName,
.bjpfg-field-group__details_lastName,
.bjpfg-field-group__details_streetAddress,
.bjpfg-field-group__details_houseNumber,
.bjpfg-field-group__details_postalCode,
.bjpfg-field-group__details_placeOfResidence,
.bjpfg-field-group__details_phoneNumber,
.bjpfg-field-group__details_mobileNumber,
.bjpfg-field-group__details_emailAddress,
.bjpfg-field-group__details_dateAvailableToStart,
.bjpfg-field-group__details_salaryExpectation {
    width: 49%;
}

.__jp-input-fields .bjpfg-field input, .__jp-input-fields .bjpfg-field select {
    background: unset !important;
    border-radius: unset !important;
    box-shadow: unset !important;
    padding: .4rem !important;
    border-bottom: 2px solid #707070;
}

.__jp-input-fields .bjpfg-field input:focus-visible, .__jp-input-fields .bjpfg-field select:focus-visible {
    outline: unset !important;
}

.__jp-input-fields .bjpfg-field input:focus, .__jp-input-fields .bjpfg-field select:focus {
    border-bottom-color: #009aa3;
}

.__jp-input-fields .bjpfg-field label {
    color: #707070 !important;
    transition: all .3s ease-in-out;
}

section[aria-label="Ansprechpartner"] a {
    color: #009aa3 !important;
    text-decoration: none !important;
}

section[aria-label="Ansprechpartner"] img {
    display: block;
    width: 75%;
    margin: 0 0 0 auto;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15);
    border-radius: 16px;
}

section[aria-label="Ansprechpartner"] > div {
    position: relative;
    margin: -2rem 2.5rem 0 0;
    padding: 1rem;
    background-color: #fafafb;
    border-radius: 16px;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
    color: #434343;


    @media screen and (max-width: 568px) {
        padding: 1rem;
    }
}

section[aria-label="Ansprechpartner"] h3 {
    margin: 0 0 1rem;
}

section[aria-label="Ansprechpartner"] {
    width: 100%;
    max-width: 500px;
    margin: 1rem 0 0 auto;
    box-shadow: unset !important;
    border-radius: unset !important;

    @media screen and (max-width: 1024px) {
        margin: 1rem auto;
    }
}

button.bjpfg-actions__revise-button {
    margin-right: 1.25rem !important;
}

html.bjpfg--variant-dark {
    background: #242424;
    color: #aaa;
}

html.bjpfg--variant-dark ul.bjpfg-accessibility-toolbar,
html.bjpfg--variant-dark button:not(.--link),
html.bjpfg--variant-dark section[aria-label="Startseite"],
html.bjpfg--variant-dark section[aria-label="Startseite"] .__jp-tos,
html.bjpfg--variant-dark section[aria-label="Anhänge"] {
    background-color: #2c2c2c;
}

html.bjpfg--variant-dark section[aria-label="Ansprechpartner"],
html.bjpfg--variant-dark section[aria-label="Kontakt"] {
    background-color: #242424;
}

html.bjpfg--variant-dark .bjpfg-footer footer {
    background-color: #242424;
    color: #fff;
}

html.bjpfg--variant-dark .bjpfg-submit {
    background-color: #242424;
    border-color: #242424;
}

html.bjpfg--variant-dark body footer .__jp-socials img {
    filter: brightness(0) invert(1);
}

html.bjpfg--variant-dark .bjpfg-footer footer a.--link {
    color: #fff !important;
}

html.bjpfg--variant-dark h1, html.bjpfg--variant-dark h2, html.bjpfg--variant-dark h3, html.bjpfg--variant-dark h4, html.bjpfg--variant-dark h5, html.bjpfg--variant-dark h6 {
    color: #fff;
}

html.bjpfg--variant-dark .bjpfg-section-tos button:disabled, html.bjpfg--variant-dark .bjpfg-field-group__fg_autoFill button:disabled, html.bjpfg--variant-dark .bjpfg-uploads .bjpfg-field__content button:disabled, html.bjpfg--variant-dark .bjpfg-submit__actions button:disabled, html.bjpfg--variant-dark .bjpfg-popover__actions button:disabled {
    color: #aaa !important;
}

html.bjpfg--variant-dark div.bjpfg-candidate-pool {
    color: #fff;
}

html.bjpfg--variant-dark section[aria-label="Anhänge"] ul li:before {
    background-color: #aaa !important;
}

html.bjpfg--variant-dark .__jp-input-fields .bjpfg-field label {
    color: #aaa !important;
}

html.bjpfg--variant-dark section[aria-label="Ansprechpartner"] h3 {
    color: #1a3333;
}

html.bjpfg--variant-dark .bjpfg-upload-entry {
    background: #2c2c2c;
}

html.bjpfg--variant-dark .bjpfg-upload-entry__info {
    color: #aaa;
    font-size: 0.9rem;
}

html.bjpfg--variant-dark .bjpfg-icon {
    color: #009aa3;
}

html.bjpfg--variant-dark .bjpfg-upload-entry button {
    background-color: #242424;
    box-shadow: 0 3px 8px #009aa34d;
}

html.bjpfg--variant-dark section[aria-label="Ansprechpartner"] > div {
    background-color: #2c2c2c;
    color: #fff;
}

html.bjpfg--variant-dark section[aria-label="Ansprechpartner"] > div h3 {
    color: #fff;
}

html.bjpfg--variant-dark main section {
    box-shadow: unset;
}

html.bjpfg--variant-dark .bjpfg-footer footer::before {
    background-color: #242424;
}

html.bjpfg--variant-dark main section {
    background-color: #2c2c2c;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

html.bjpfg--variant-dark span.bjpfg-field__required::before {
    color: #aaa;
}

.bjpfg-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;

    @media screen and (max-width: 1024px) {
        flex-direction: column;
    }
}

.bjpfg-content--main {
    width: 70%;

    @media screen and (max-width: 1024px) {
        width: 100%;
    }
}

.bjpfg-content--contact {
    padding: 0 2rem 0 1rem;
    width: 30%;

    @media screen and (max-width: 1024px) {
        width: 100%;
        padding: 2rem 3rem;
    }

    @media screen and (max-width: 768px) {
        padding: 2rem 6%;
    }
}

.bjpfg-content--sticky {
    position: sticky;
    margin-top: 2rem;
    top: 6rem;

    @media screen and (max-width: 1024px) {
        position: unset;
        margin-top: 0;
        top: 0;
    }
}

@media screen and (max-width: 1150px) {
    html {
        font-size: 17px;
    }

    .bjpfg-section-tos button, .bjpfg-field-group__fg_autoFill button, .bjpfg-uploads button,
    .bjpfg-submit__actions button, .bjpfg-popover__actions button {
        font-size: 20px !important;
    }

    body header .__jp-banner--wrapper--in > img:nth-child(1) {
        max-width: 150px;
    }

    h1.banner-label {
        font-size: 35px;
    }

    ul.bjpfg-accessibility-toolbar {
        right: 3rem;
    }
}

@media screen and (min-width: 992px) {
    .bjpfg-main main, .bjpfg-header header {
        width: 100%;
        max-width: 1143px;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 16px;
    }

    section[aria-label="Startseite"] h2.__jp-title, section[aria-label="Startseite"] > h3, section[aria-label="Startseite"] > .__jp-text-box,
    .__jp-banner--wrapper--in, section[aria-label="Startseite"] .__jp-tos,
    section[aria-label="Startseite"] .__jp-autofill, section[aria-label="Kontakt"],
    section[aria-label="Anhänge"], body .bjpfg-submit__actions, .bjpfg-footer footer,
    .bjpfg-footer--in {
        padding-left: 6% !important;
        padding-right: 6% !important;
    }

    h1.banner-label {
        left: 6%;
    }

    .__jp-input-fields {
        width: 100%;
    }
}

@media screen and (max-width: 568px) {
    html {
        font-size: 15px;
    }

    section[aria-label="Startseite"] h2.__jp-title, section[aria-label="Startseite"] > h3, section[aria-label="Startseite"] > .__jp-text-box,
    .__jp-banner--wrapper--in, section[aria-label="Startseite"] .__jp-tos,
    section[aria-label="Startseite"] .__jp-autofill, section[aria-label="Kontakt"],
    section[aria-label="Anhänge"], body .bjpfg-submit__actions, .bjpfg-footer footer,
    .bjpfg-footer--in {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }

    h1.banner-label {
        left: 4%;
    }

    .__jp-banner--wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    ul.bjpfg-accessibility-toolbar {
        order: 0;
        position: relative;
        top: unset;
        filter: unset;
        border-radius: unset;
        width: 100%;
        height: fit-content;
        justify-content: center;
        right: unset;
    }

    body header .__jp-banner--wrapper > img:nth-child(1) {
        order: 1;
    }

    body header .__jp-banner--wrapper--in {
        padding-top: 4.25rem;
    }

    .__jp-socials {
        width: 100%;
        justify-content: center;
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 576px) {
    .bjpfg-main main {
        padding: 0;
    }

    .bjpfg-submit__actions > div button + button, .bjpfg-submit__actions > div + div {
        margin-left: 0;
        margin-top: 0;
    }

    .bjpfg-submit-summary__label {
        width: 220px !important;
    }
}

@media screen and (max-width: 575.98px) {
    .bjpfg-submit__actions > div button + button, .bjpfg-submit__actions > div + div {
        margin-left: 0 !important;
    }
}