@font-face {
    font-family: "Exo";
    src: url("https://futrue.com/fonts/exo2-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

/* stylelint-disable */

/* ============================================================
   KIJIMEA – Ashby Custom CSS
   ============================================================ */

:root {
    /* Kijimea-Farben */
    --colorPrimary900: #1c3660;
    --colorPrimary600: #2d5b9a;
    --colorPrimary100: #eaf3fb;
    --colorText: #193150;
    --colorTextMuted: #60718a;
    --colorLine: #d7e0eb;
    --colorAppBackground: #ffffff;

    /* Layout */
    --widthMaxJobBoard: 68.75rem;
    --jobBoardContentEdge: calc((100vw - var(--widthMaxJobBoard)) / 2 + 1.25rem);

    /* Ashby-Radien */
    --borderRadiusContainer: 0.25rem;
    --borderRadiusControl: 0.25rem;
    --borderRadiusButton: 0.25rem;

    /* Schrift */
    --fontFamily: "Exo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ============================================================
   Basis
   ============================================================ */

html,
body {
    overflow-x: hidden;
    margin: 0;
    background-color: #ffffff !important;
    color: var(--colorText) !important;
    font-family: var(--fontFamily);
    font-size: 1.0625rem;
    line-height: 1.6;
}

header,
nav,
main,
body > div,
body > div > :first-child {
    overflow: visible !important;
}

/* ============================================================
   Navigation / fixierter Stellenkopf
   ============================================================ */

/* Kijimea-Navbar: ruhiges Dunkelblau wie im Markenauftritt. */
div[class*="_navRoot_"] {
    display: flex;
    width: 100%;
    min-height: 4.5rem;
    padding: 0;
    box-sizing: border-box;
    justify-content: center;
    background-color: #23365c !important;
}

div[class*="_navRoot_"] ul[class*="_navContainer_"] {
    display: flex;
    min-height: 4.5rem;
    align-items: center;
}

/* Das in Ashby hinterlegte dunkelblaue Kijimea-Wordmark wird weiß. */
div[class*="_navRoot_"] img[alt="Kijimea"],
div[class*="_navRoot_"] img[alt="KIJIMEA"],
div[class*="_navRoot_"] img[alt="Kijimea Karriere"] {
    display: block;
    width: 11.75rem;
    height: auto;
    max-height: 3rem;
    filter: brightness(0) invert(1);
}

body > div > div[class*="_container_"] {
    width: 100%;
    max-width: var(--widthMaxJobBoard);
}

ul[class*="_navContainer_"] {
    width: 100%;
    max-width: var(--widthMaxJobBoard);
    margin: 0 auto;
    padding: 0 calc(var(--spacingSmall) + var(--spacingSmall));
    box-sizing: border-box;
}

/*
   Ashby setzt den ersten Listeneintrag auf absolute. Das zieht das Logo
   aus der Navbar und führt zu einem abgeschnittenen Wordmark. Für Kijimea
   bleibt das Logo bewusst im Flex-Layout der Navigation.
*/
ul[class*="_navContainer_"] > :first-child {
    position: static !important;
    display: flex;
    width: auto;
    height: 100%;
    align-items: center;
}

/* Kijimea-Logo */
img[alt="Kijimea"],
img[alt="KIJIMEA"],
img[alt="Kijimea Karriere"] {
    position: static;
    display: block;
    width: 11.75rem;
    max-width: 100%;
    height: auto;
    margin: 0;
    margin-left: -2rem;
}

/* Das Logo bleibt auf der Stellenübersicht im normalen Dokumentfluss. */
div[class*="_navRoot_"]:not(.ashby-job-posting-header)
a[class*="_navLogoLink_"] {
    width: 11.75rem;
}

/* Detailseite und Bewerbungsformular: fixe Kijimea-Navigation. */
div[class*="_navRoot_"].ashby-job-posting-header::before {
    content: "";
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 998 !important;
    display: block;
    height: 5.75rem;
    pointer-events: none;
    background: #23365c !important;
    box-shadow: 0 0.25rem 0.75rem rgba(13, 36, 69, 0.2);
}

div[class*="_navRoot_"].ashby-job-posting-header
a[class*="_navLogoLink_"] {
    position: fixed !important;
    top: 1.5rem;
    left: var(--jobBoardContentEdge);
    z-index: 1000 !important;
    display: block;
    width: 11.75rem;
}

div[class*="_navRoot_"].ashby-job-posting-header
a[class*="_navLogoLink_"] img[alt="Kijimea"],
div[class*="_navRoot_"].ashby-job-posting-header
a[class*="_navLogoLink_"] img[alt="KIJIMEA"],
div[class*="_navRoot_"].ashby-job-posting-header
a[class*="_navLogoLink_"] img[alt="Kijimea Karriere"] {
    width: 100%;
}

/* Zurück-Button */
div[class*="_navRoot_"].ashby-job-posting-header
.ashby-job-board-back-to-all-jobs-button {
    position: fixed !important;
    top: 1.75rem;
    right: var(--jobBoardContentEdge);
    bottom: auto !important;
    left: auto !important;
    z-index: 1001 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0.0625rem solid rgba(255, 255, 255, 0.55);
    border-radius: 50% !important;
}

div[class*="_navRoot_"].ashby-job-posting-header
.ashby-job-board-back-to-all-jobs-button:hover {
    color: #23365c !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

div[class*="_navRoot_"].ashby-job-posting-header
.ashby-job-board-back-to-all-jobs-button svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor !important;
}

/* Dynamischer Stellentitel neben dem Logo – Desktop */
@media (min-width: 43.8125rem) {
    div[class*="_navRoot_"].ashby-job-posting-header
    + div[class*="_container_"]
    > div[class*="_titles_"]
    .ashby-job-posting-heading {
        position: fixed !important;
        top: 1.75rem;
        right: calc(var(--jobBoardContentEdge) + 4rem);
        left: calc(var(--jobBoardContentEdge) + 13.25rem);
        z-index: 1000 !important;
        width: auto;
        max-width: none;
        margin: 0 !important;
        overflow: hidden;
        color: #ffffff !important;
        font-size: 1.25rem !important;
        font-weight: 600;
        line-height: 2.5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    div[class*="_navRoot_"].ashby-job-posting-header
    + div[class*="_container_"]
    > div[class*="_titles_"] {
        min-height: 3.75rem;
    }
}

/* ============================================================
   Abstände / Content
   ============================================================ */

div[class*="_filtersContainer_"],
div[class*="_bottomDescription_"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

footer {
    max-width: calc(var(--widthMaxJobBoard) - 1rem) !important;
    padding: var(--spacingSmall) 0 !important;
    color: var(--colorTextMuted) !important;
}

/* ============================================================
   Hero
   ============================================================ */

.ashby-job-board-heading {
    position: relative;
    width: 100%;
    max-width: none;
    height: 28rem;
    min-height: 28rem;
    margin: 0 0 1.75rem;
    padding: 0;
    box-sizing: border-box;
    overflow: visible;
    border-radius: 0;
    color: transparent !important;
    font-size: 0 !important;
    text-align: left;
}

/*
   Kijimea-Hero: vollflächiges Navy ohne Farbverlauf.
   Das Markenmotiv liegt links, der originale Ashby-Titelblock rechts.
*/
.ashby-job-board-heading .ashby-job-board-heading-count {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    display: block;
    width: 100vw;
    height: 31rem;
    transform: translate(-50%, -5.75rem);
    background: #162b4d !important;
    color: transparent !important;
    font-size: 0 !important;
}

/*
   Ashby liefert die Kijimea-Headline und Subline bereits über
   .ashby-job-board-topDescription aus. Deshalb werden bewusst keine
   Pseudo-Texte eingesetzt: So erscheint der Inhalt nur einmal.
*/
.ashby-job-board-heading::before,
.ashby-job-board-heading::after {
    content: none !important;
}

/* Der echte Ashby-Top-Text liegt sichtbar über dem Hero-Bild. */
div[class*="_titles_"]:has(> div[class*="_topDescription_"]) {
    position: relative;
}

div[class*="_titles_"] > div[class*="_topDescription_"] {
    position: absolute;
    top: 7.5rem;
    right: auto;
    left: 0;
    z-index: 3;
    width: 32rem;
    max-width: 48vw;
    margin: 0;
    color: #ffffff !important;
    font-family: var(--fontFamily);
    text-align: left;
    text-shadow: none;
}

div[class*="_titles_"] > div[class*="_topDescription_"] h2 {
    margin: 0 0 1.25rem;
    color: #ffffff !important;
    font-family: var(--fontFamily);
    font-size: 2.875rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

div[class*="_titles_"] > div[class*="_topDescription_"] h2 strong {
    color: inherit !important;
    font-weight: inherit;
}

div[class*="_titles_"] > div[class*="_topDescription_"] p {
    width: 30rem;
    max-width: 100%;
    margin: 0 !important;
    color: #ffffff !important;
    font-family: var(--fontFamily);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
}

/* ============================================================
   Filter / Dropdowns
   ============================================================ */

.ashby-job-board-filters-label {
    display: none !important;
}

.ashby-job-board-reset-filters-label {
    margin-left: auto !important;
    color: var(--colorTextMuted) !important;
    font-family: var(--fontFamily) !important;
    font-size: 0.875rem !important;
}

.ashby-job-board-reset-filters-label:hover {
    color: #1c3660 !important;
}

div[class*="_filters_"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

div[class*="_filterContainer_"] {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-width: 10.5rem !important;
    height: 2.875rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 0.0625rem solid #365f99 !important;
    border-top-width: 0.0625rem !important;
    border-right-width: 0.0625rem !important;
    border-bottom-width: 0.0625rem !important;
    border-left-width: 0.0625rem !important;
    border-style: solid !important;
    border-color: #365f99 !important;
    border-radius: 0.375rem !important;
    outline: none !important;
    box-shadow: 0 0.0625rem 0.1875rem rgba(22, 43, 77, 0.1) !important;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

/*
   Ashbys Select liegt teilweise über dem Container. Diese Rahmenebene
   wird darüber gerendert und garantiert eine gleich dicke Kante rundum.
*/
div[class*="_filterContainer_"]::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
    display: block !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0.0625rem solid #365f99 !important;
    border-top-width: 0.0625rem !important;
    border-right-width: 0.0625rem !important;
    border-bottom-width: 0.0625rem !important;
    border-left-width: 0.0625rem !important;
    border-style: solid !important;
    border-color: #365f99 !important;
    border-radius: 0.375rem !important;
}

/* Der innere Select bleibt transparent, damit er keine Rahmen überdeckt. */
div[class*="_filterContainer_"] .ashby-job-board-filter,
div[class*="_filterContainer_"] select.ashby-job-board-filter {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

div[class*="_filterContainer_"]:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #162b4d !important;
    box-shadow: 0 0.25rem 0.625rem rgba(22, 43, 77, 0.18) !important;
}

div[class*="_filterContainer_"]:hover::after {
    border-color: #162b4d !important;
}

div[class*="_filterContainer_"]:focus-within {
    z-index: 5 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #162b4d !important;
    outline: none !important;
    box-shadow:
        0 0 0 0.1875rem rgba(22, 43, 77, 0.16),
        0 0.25rem 0.75rem rgba(22, 43, 77, 0.16) !important;
}

div[class*="_filterContainer_"]:focus-within::after {
    border-color: #162b4d !important;
}

div[class*="_filterContainer_"]:focus-within .ashby-job-board-filter,
div[class*="_filterContainer_"]:focus-within select.ashby-job-board-filter {
    background: #ffffff !important;
}

.ashby-job-board-filter,
select.ashby-job-board-filter,
select[name="departmentId"],
select[name="employmentType"],
select[name="locationId"],
select[name="workplaceType"] {
    width: 100% !important;
    height: 100% !important;
    min-height: 2.875rem !important;
    margin: 0 !important;
    padding: 0 2.75rem 0 0.875rem !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    outline: none !important;
    cursor: pointer !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    box-shadow: none !important;
    color: var(--colorText) !important;
    font-family: var(--fontFamily) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.ashby-job-board-filter option,
select[name="departmentId"] option,
select[name="employmentType"] option,
select[name="locationId"] option,
select[name="workplaceType"] option {
    min-height: 2.25rem !important;
    padding: 0.5rem 0.875rem !important;
    background-color: #ffffff !important;
    color: var(--colorText) !important;
    font-family: var(--fontFamily) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
}

.ashby-job-board-filter option:checked,
select[name="departmentId"] option:checked,
select[name="employmentType"] option:checked,
select[name="locationId"] option:checked,
select[name="workplaceType"] option:checked {
    background-color: #1c3660 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

div[class*="_filterIconContainer_"] {
    position: absolute !important;
    top: 50% !important;
    right: 0.75rem !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1rem !important;
    height: 1rem !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
}

div[class*="_filterIconContainer_"] svg {
    width: 0.8125rem !important;
    height: 0.8125rem !important;
    fill: #1c3660 !important;
    transition: transform 160ms ease, fill 160ms ease;
}

div[class*="_filterContainer_"]:focus-within
div[class*="_filterIconContainer_"] svg {
    fill: #2d5b9a !important;
    transform: rotate(180deg);
}

/* ============================================================
   Abteilungen und Stellenliste
   ============================================================ */

.ashby-department-heading {
    margin: 4.5rem 0 0.5rem;
    color: #1c3660 !important;
    font-family: var(--fontFamily);
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.ashby-department-heading-level {
    color: var(--colorTextMuted) !important;
    font-family: var(--fontFamily);
    font-size: 1.125rem;
    font-weight: 400;
}

.ashby-job-posting-brief {
    margin-bottom: 0;
    padding: 1.5rem 0;
    background-color: transparent !important;
    border-bottom: 0.0625rem solid var(--colorLine);
    border-radius: 0 !important;
}

.ashby-job-posting-brief-title {
    color: var(--colorText) !important;
    font-family: var(--fontFamily);
    font-size: 1.3125rem;
    font-weight: 600;
}

.ashby-job-posting-brief-title:hover {
    color: #2d5b9a !important;
}

.ashby-job-posting-brief-details {
    color: var(--colorTextMuted) !important;
    font-family: var(--fontFamily);
    font-size: 0.9375rem;
}

/* ============================================================
   Detailseite einer Stelle
   ============================================================ */

.ashby-job-posting-heading {
    color: #1c3660 !important;
    font-family: var(--fontFamily);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.035em;
}

.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane {
    color: var(--colorText) !important;
    font-family: var(--fontFamily);
}

.ashby-job-posting-left-pane h1,
.ashby-job-posting-left-pane h2,
.ashby-job-posting-left-pane h3,
.ashby-job-posting-left-pane h4,
.ashby-job-posting-left-pane strong {
    color: #1c3660 !important;
}

.ashby-job-posting-left-pane a {
    color: #2d5b9a !important;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.16em;
}

.ashby-job-board-back-to-all-jobs-button {
    color: #1c3660 !important;
    font-family: var(--fontFamily);
}

.ashby-job-board-back-to-all-jobs-button:hover {
    color: #2d5b9a !important;
}

/* ============================================================
   Bewerbungsformular
   ============================================================ */

.ashby-job-posting-right-pane > div,
.ashby-job-posting-left-pane,
.ashby-application-form-autofill-pane,
.ashby-application-form-container,
.ashby-application-form-autofill-input-root {
    background-color: transparent !important;
}

.ashby-application-form-section-header-title,
.ashby-application-form-question-title {
    color: #1c3660 !important;
    font-family: var(--fontFamily);
    font-weight: 700;
}

.ashby-application-form-section-header-description,
.ashby-application-form-question-description,
.ashby-application-form-texting-consent-description {
    color: var(--colorTextMuted) !important;
    font-family: var(--fontFamily);
}

.ashby-application-form-container input,
.ashby-application-form-container textarea,
.ashby-application-form-container select,
.ashby-application-form-container [role="combobox"],
.ashby-application-form-container [aria-haspopup="listbox"],
.ashby-job-posting-right-pane input,
.ashby-job-posting-right-pane textarea,
.ashby-job-posting-right-pane select,
.ashby-job-posting-right-pane [role="combobox"],
.ashby-job-posting-right-pane [aria-haspopup="listbox"] {
    background-color: #ffffff !important;
    border: 0.0625rem solid #b8c7d8 !important;
    border-radius: 0.25rem !important;
    color: var(--colorText) !important;
    -webkit-text-fill-color: var(--colorText) !important;
    font-family: var(--fontFamily) !important;
}

.ashby-application-form-container input:focus,
.ashby-application-form-container textarea:focus,
.ashby-application-form-container select:focus,
.ashby-application-form-container [role="combobox"]:focus,
.ashby-job-posting-right-pane input:focus,
.ashby-job-posting-right-pane textarea:focus,
.ashby-job-posting-right-pane select:focus,
.ashby-job-posting-right-pane [role="combobox"]:focus {
    outline: 0.125rem solid rgba(28, 54, 96, 0.22) !important;
    border-color: #1c3660 !important;
}

.ashby-application-form-container [role="combobox"] *,
.ashby-application-form-container [aria-haspopup="listbox"] *,
.ashby-job-posting-right-pane [role="combobox"] *,
.ashby-job-posting-right-pane [aria-haspopup="listbox"] * {
    color: var(--colorText) !important;
    -webkit-text-fill-color: var(--colorText) !important;
}

.ashby-application-form-container select option,
.ashby-job-posting-right-pane select option,
.ashby-application-form-container [role="listbox"],
.ashby-application-form-container [role="option"],
.ashby-job-posting-right-pane [role="listbox"],
.ashby-job-posting-right-pane [role="option"] {
    background-color: #ffffff !important;
    color: var(--colorText) !important;
    -webkit-text-fill-color: var(--colorText) !important;
    font-family: var(--fontFamily) !important;
}

.ashby-application-form-container [role="option"][aria-selected="true"],
.ashby-job-posting-right-pane [role="option"][aria-selected="true"] {
    background-color: #1c3660 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.ashby-application-form-container input::placeholder,
.ashby-application-form-container textarea::placeholder,
.ashby-job-posting-right-pane input::placeholder,
.ashby-job-posting-right-pane textarea::placeholder {
    color: #7c8da3 !important;
    -webkit-text-fill-color: #7c8da3 !important;
}

.ashby-application-form-container input:-webkit-autofill,
.ashby-application-form-container input:-webkit-autofill:hover,
.ashby-application-form-container input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--colorText) !important;
    caret-color: var(--colorText);
    box-shadow: 0 0 0 62.5rem #ffffff inset !important;
}

.ashby-application-form-submit-button {
    padding: 0.875rem 2rem !important;
    background-color: #1c3660 !important;
    border: none !important;
    border-radius: 0.25rem !important;
    color: #ffffff !important;
    font-family: var(--fontFamily);
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    transition: background-color 160ms ease, transform 160ms ease;
}

.ashby-application-form-submit-button:hover {
    background-color: #2d5b9a !important;
    transform: translateY(-0.0625rem);
}

/* Ausgewählte Checkboxen, Radios und Custom-Selects */
.ashby-application-form-container [class*="_checked_"],
.ashby-application-form-container [class*="_checked_"] *,
.ashby-application-form-container [class*="_selected_"],
.ashby-application-form-container [class*="_selected_"] *,
.ashby-job-posting-right-pane [class*="_checked_"],
.ashby-job-posting-right-pane [class*="_checked_"] *,
.ashby-job-posting-right-pane [class*="_selected_"],
.ashby-job-posting-right-pane [class*="_selected_"] * {
    color: var(--colorText) !important;
    -webkit-text-fill-color: var(--colorText) !important;
}

.ashby-application-form-container input[type="checkbox"]:checked + label,
.ashby-application-form-container input[type="radio"]:checked + label,
.ashby-job-posting-right-pane input[type="checkbox"]:checked + label,
.ashby-job-posting-right-pane input[type="radio"]:checked + label {
    color: var(--colorText) !important;
    -webkit-text-fill-color: var(--colorText) !important;
}

/* ============================================================
   Mobile
   ============================================================ */

@media (max-width: 43.75rem) {
    div[class*="_navRoot_"] {
        padding-top: 1.5rem;
    }

    img[alt="Kijimea"],
    img[alt="KIJIMEA"],
    img[alt="Kijimea Karriere"],
    div[class*="_navRoot_"]:not(.ashby-job-posting-header)
    a[class*="_navLogoLink_"],
    div[class*="_navRoot_"].ashby-job-posting-header
    a[class*="_navLogoLink_"] {
        width: 9.75rem;
    }

    div[class*="_navRoot_"].ashby-job-posting-header a[class*="_navLogoLink_"] {
        top: 1.5rem;
        left: 1.5rem;
    }

    div[class*="_navRoot_"].ashby-job-posting-header
    .ashby-job-board-back-to-all-jobs-button {
        top: 1.5rem;
        right: 1.5rem;
        width: 2.25rem;
        height: 2.25rem;
    }

    .ashby-job-board-heading {
        height: 25rem;
        min-height: 25rem;
        margin-bottom: 1rem;
        padding: 0;
    }

    .ashby-job-board-heading .ashby-job-board-heading-count {
        width: 100vw;
        height: 29rem;
        transform: translate(-50%, -5rem);
        background: #162b4d !important;
    }

    div[class*="_titles_"] > div[class*="_topDescription_"] {
        top: 8.25rem;
        right: auto;
        left: 0;
        width: 20rem;
        max-width: calc(100vw - 3rem);
    }

    div[class*="_titles_"] > div[class*="_topDescription_"] h2 {
        margin-bottom: 0.625rem;
        font-size: 2rem;
        line-height: 1.14;
    }

    div[class*="_titles_"] > div[class*="_topDescription_"] p {
        width: 19rem;
        max-width: 100%;
        font-size: 0.9375rem;
        line-height: 1.35;
    }

    div[class*="_filters_"] {
        gap: 0.625rem !important;
    }

    div[class*="_filterContainer_"] {
        flex: 1 1 calc(50% - 0.3125rem) !important;
        min-width: 9.25rem !important;
    }

    .ashby-job-board-reset-filters-label {
        width: 100% !important;
        margin: 0.25rem 0 0 !important;
    }

    .ashby-department-heading {
        margin-top: 3rem;
        font-size: 1.75rem;
    }

    .ashby-job-posting-brief-title {
        font-size: 1.1875rem;
    }

    .ashby-job-posting-heading {
        font-size: 1.875rem;
    }
}

@media (max-width: 28rem) {
    div[class*="_filterContainer_"] {
        flex-basis: 100% !important;
    }
}

button[class*="ashby-job-board-reset-filters-label"]{
    width: 2rem !important;
    height: 2rem;
    border-radius: 0.25rem;
}