﻿/* ============================================================
   karriere.evn – blue/grey Theme .site--karriere
   overrides some EVN-Styles 
   ============================================================ */

.site--karriere,
.site--karriere .action-dropdown,
.site--karriere .action-dropdown--right,
.site--karriere .dropdown,
.site--karriere .dropdown--actions,
.site--karriere .dropdown--multiple,
.site--karriere .dropdown--proposals,
.site--karriere .is-low-impact-ignored,
.site--karriere .select__container,
.site--karriere .small-button,
.site--karriere .small-button--fixed,
.site--karriere .small-button--icon,
.site--karriere .small-button--icon-button,
.site--karriere .small-button--icon-left,
.site--karriere .small-button--light,
.site--karriere .small-button--outline,
.site--karriere .small-button--primary,
.site--karriere .small-button--secondary,
.site--karriere .small-button--tertiary,
.site--karriere .text-input__input-container {
    /*color vars*/
    --color-primary-050: #f7f7f7;
    --color-primary-100: #eeeeee;
    --color-primary-200: #dddddd;
    --color-primary-300: #bbbbbb;
    --color-primary-400: #999999;
    --color-primary-500: #777777;
    --color-primary-600: #555555;
    --color-primary-700: #464646;
    --color-primary-800: #333333;
    --color-primary-900: #222222;
    --color-primary: #777777;
    --color-primary-variant: #444444;
    --color-primary-emphasis-high: #ffffff;
    --color-primary-emphasis-medium: rgba(255,255,255,0.72);
    --color-primary-disabled: rgba(255,255,255,0.4);
    --color-secondary-050: #e6f0f7;
    --color-secondary-100: #cce0f0;
    --color-secondary-200: #0080a6;
    --color-secondary-300: #66a3d1;
    --color-secondary-400: #3385c1;
    --color-secondary-500: #0080a6;
    --color-secondary-600: #0080a6;
    --color-secondary-700: #004d66;
    --color-secondary-800: #003344;
    --color-secondary-900: #001a22;
    --color-secondary: #001a22;
    --color-secondary-variant: #004d66;
    --color-surface: #ffffff;
    --color-surface-emphasis-high: rgba(0,0,0,0.88);
    --color-surface-emphasis-medium: rgba(0,0,0,0.56);
    --color-surface-disabled: rgba(0,0,0,0.4);
    --color-outline: #dddddd;
    --color-logotext: #0080a6;
}

    /*widgets*/
    .site--karriere .bg-darkred {
        background-color: var(--color-primary-500);
    }

    .site--karriere .bg-karriere-blue {
        background-color: var(--color-secondary-500);
    }

    .site--karriere .bg-karriere-darkgrey {
        background-color: var(--color-primary-700);
    }

    .site--karriere .bg-karriere-lightgrey {
        background-color: var(--color-primary-500);
    }

    .site--karriere .text-darkred {
        color: var(--color-primary-500);
    }

    .site--karriere .text-karriere-blue {
        color: var(--color-secondary-500);
    }

    .site--karriere .text-karriere-darkgrey {
        color: var(--color-primary-700);
    }

    .site--karriere .text-karriere-lightgrey {
        color: var(--color-primary-500);
    }

    .site--karriere .stroke-darkred,
    .site--karriere .arrow-darkred {
        stroke: var(--color-primary-700);
    }

    .site--karriere .stroke-karriere-blue,
    .site--karriere .arrow-karriere-blue {
        stroke: var(--color-secondary-500);
    }

    .site--karriere .stroke-karriere-darkgrey,
    .site--karriere .arrow-karriere-darkgrey {
        stroke: var(--color-primary-700);
    }

    .site--karriere .stroke-karriere-lightgrey,
    .site--karriere .arrow-karriere-lightgrey {
        stroke: var(--color-primary-500);
    }

    .site--karriere .link--grey {
        color: var(--color-primary-500);
    }


    /*nav*/
    .site--karriere .navigation__top-entry.is-active .navigation__top-link evn-icon,
    .site--karriere .navigation__top-entry.is-active .navigation__top-link .icon__file,
    .site--karriere .navigation__top-entry.is-active .navigation__top-link path {
        color: var(--color-secondary-500);
        fill: var(--color-secondary-500);
    }

    .site--karriere a.skip:focus {
        background-color: var(--color-primary-700);
    }

    /*links & button*/
    .site--karriere .link--primary,
    .site--karriere .link__text,
    .site--karriere .accordion__content a,
    .site--karriere .navigation__top-link,
    .site--karriere .scroll-navigation.is-item-active .scroll-navigation__top-link,
    .site--karriere .scroll-navigation__sub-entry-link .scroll-navigation__sub-entry-linktext,
    .site--karriere .footer__legal-link,
    .site--karriere .navigation__sub-entry-link,
    .site--karriere .navigation__sub-entry-link .navigation__sub-entry-linktext,
    .site--karriere .navigation__flyout-sub-entry-link,
    .site--karriere .scroll-navigation__sub-entry-link,
    .site--karriere .navigation__flyout-detail-back-link,
    .site--karriere .navigation__flyout-back-button,
    .site--karriere .navigation__flyout-link,
    .site--karriere .navigation__flyout-detail-entry-link {
        color: var(--color-primary-700) !important;
    }

    .site--karriere .link--secondary {
        color: var(--color-secondary-500) !important;
    }

    .site--karriere .icon--grey .stroke,
    .site--karriere .tariff-option-card__more-link .icon__file .stroke {
        stroke: var(--color-primary-700) !important;
    }

    .site--karriere .navigation__flyout-link .navigation__flyout-link-icon svg.icon__file path,
    .site--karriere .scroll-navigation .scroll-navigation__top-icon .fill,
    .site--karriere .navigation__sub-entry-link .fill,
    .site--karriere .scroll-navigation__sub-entry-link .fill {
        fill: var(--color-primary-700) !important;
    }

    .site--karriere .scroll-navigation.is-item-active .is-active .scroll-navigation__top-icon .fill {
        fill: var(--color-surface) !important;
    }

    .site--karriere .small-button--primary,
    .site--karriere .large-button--primary {
        background-color: var(--color-primary-700);
        border-color: var(--color-primary-700);
    }

    .site--karriere .small-button--secondary,
    .site--karriere .large-button--secondary {
        background-color: var(--color-secondary-500);
        border-color: var(--color-secondary-500);
    }


    /*hover/focus/active*/
    .site--karriere .link--primary:hover,
    .site--karriere .link--primary:focus,
    .site--karriere .link--primary:focus-visible,
    .site--karriere .link__text:hover,
    .site--karriere .link__text:focus,
    .site--karriere .link__text:focus-visible,
    .site--karriere .accordion__content a:hover,
    .site--karriere .accordion__content a:focus,
    .site--karriere .accordion__content a:focus-visible,
    .site--karriere .navigation__top-link:hover,
    .site--karriere .navigation__top-link:focus,
    .site--karriere .navigation__top-link:focus-visible,
    .site--karriere .scroll-navigation__top-link:hover,
    .site--karriere .scroll-navigation__top-link:focus,
    .site--karriere .scroll-navigation__top-link:focus-visible,
    .site--karriere .navigation__sub-entry-link:hover,
    .site--karriere .navigation__sub-entry-link:focus,
    .site--karriere .navigation__sub-entry-link:focus-visible,
    .site--karriere .navigation__flyout-sub-entry-link:hover,
    .site--karriere .navigation__flyout-sub-entry-link:focus,
    .site--karriere .navigation__flyout-sub-entry-link:focus-visible,
    .site--karriere .scroll-navigation__sub-entry-link:hover,
    .site--karriere .scroll-navigation__sub-entry-link:focus,
    .site--karriere .scroll-navigation__sub-entry-link:focus-visible,
    .site--karriere .footer__legal-link:focus,
    .site--karriere .footer__legal-link:focus-visible,
    .site--karriere .footer__legal-link:hover,
    .site--karriere .navigation__flyout-detail-back-link:hover,
    .site--karriere .navigation__flyout-detail-back-link:active,
    .site--karriere .navigation__flyout-detail-back-link:focus-visible,
    .site--karriere .navigation__flyout-back-button:hover,
    .site--karriere .navigation__flyout-back-button:active,
    .site--karriere .navigation__flyout-back-button:focus-visible,
    .site--karriere .navigation__flyout-link:hover,
    .site--karriere .navigation__flyout-link:active,
    .site--karriere .navigation__flyout-link:focus-visible,
    .site--karriere .navigation__flyout-detail-entry-link:focus,
    .site--karriere .navigation__flyout-detail-entry-link:focus-visible,
    .site--karriere .navigation__flyout-detail-entry-link:hover,
    .site--karriere .navigation__detail-entry-link:hover,
    .site--karriere .navigation__detail-entry-link:focus,
    .site--karriere .navigation__detail-entry-link:focus-visible,
    .site--karriere .navigation__sub-entry-link:hover .navigation__sub-entry-linktext,
    .site--karriere .navigation__sub-entry-link:focus-visible .navigation__sub-entry-linktext,
    .site--karriere .navigation__top-link:hover evn-icon,
    .site--karriere .navigation__top-link:focus-visible evn-icon,
    .site--karriere .is-active.navigation__top-entry--current .navigation__top-link,
    .site--karriere .is-active.navigation__top-entry--highlight .navigation__top-link,
    .site--karriere .navigation__top-entry.is-active .navigation__top-link,
    .site--karriere .navigation__detail-back-link:hover,
    .site--karriere .navigation__detail-back-link:active,
    .site--karriere .navigation__detail-back-link:focus-visible,
    .site--karriere .scroll-navigation__top-entry.is-active .scroll-navigation__top-link,
    .site--karriere li.scroll-navigation__top-entry:hover a.scroll-navigation__top-link,
    .site--karriere li.scroll-navigation__top-entry:focus a.scroll-navigation__top-link,
    .site--karriere li.scroll-navigation__top-entry:focus-visible a.scroll-navigation__top-link,
    .site--karriere .scroll-navigation__top-link:hover .scroll-navigation__top-linktext,
    .site--karriere .scroll-navigation__top-link:focus-visible .scroll-navigation__top-linktext,
    .site--karriere .scroll-navigation__top-link:hover evn-icon,
    .site--karriere .scroll-navigation__top-link:focus-visible evn-icon,
    .site--karriere .scroll-navigation__top-entry.is-active .scroll-navigation__top-linktext,
    .site--karriere .scroll-navigation__top-entry.is-active evn-icon,
    .site--karriere .scroll-navigation__sub-entry-link:hover,
    .site--karriere .scroll-navigation__sub-entry-link:focus-visible,
    .site--karriere .scroll-navigation__sub-entry-link:hover .scroll-navigation__sub-entry-linktext,
    .site--karriere .scroll-navigation__sub-entry-link:focus-visible .scroll-navigation__sub-entry-linktext,
    .site--karriere .scroll-navigation__sub-entry-link:hover evn-icon,
    .site--karriere .scroll-navigation__sub-entry-link:focus-visible evn-icon,
    .site--karriere .scroll-navigation__sub-entry.is-active .scroll-navigation__sub-entry-link,
    .site--karriere .scroll-navigation__sub-entry.is-active .scroll-navigation__sub-entry-linktext,
    .site--karriere .scroll-navigation__sub-entry.is-active evn-icon,
    .site--karriere .scroll-navigation__detail-entry-link:hover,
    .site--karriere .scroll-navigation__detail-entry-link:focus-visible,
    .site--karriere .scroll-navigation__detail-entry-link:hover .scroll-navigation__detail-entry-linktext,
    .site--karriere .scroll-navigation__detail-entry-link:focus-visible .scroll-navigation__detail-entry-linktext,
    .site--karriere .scroll-navigation__detail-entry.is-active .scroll-navigation__detail-entry-link,
    .site--karriere .scroll-navigation__detail-entry.is-active .scroll-navigation__detail-entry-linktext,
    .site--karriere .scroll-navigation__detail-back-link:hover,
    .site--karriere .scroll-navigation__detail-back-link:focus-visible,
    .site--karriere .scroll-navigation__detail-back-link:hover .link__text,
    .site--karriere .scroll-navigation__detail-back-link:focus-visible .link__text,
    .site--karriere .scroll-navigation__detail-back-link:hover evn-icon,
    .site--karriere .scroll-navigation__detail-back-link:focus-visible evn-icon,
    .site--karriere .navigation__icon-link--collapse:hover .navigation__icon-link-icon--close-search,
    .site--karriere .navigation__icon-link--collapse:focus-visible .navigation__icon-link-icon--close-search,
    .site--karriere .navigation__icon-link:hover .navigation__icon-link-icon--open-search,
    .site--karriere .navigation__icon-link:focus-visible .navigation__icon-link-icon--open-search {
        transform: scale(1.02);
        color: var(--color-secondary-500) !important;
    }

    .site--karriere .scroll-navigation.is-item-active .is-active .scroll-navigation__top-icon:after {
        background-color: var(--color-secondary-500) !important;
    }

    .site--karriere .navigation__top-link:hover .fill,
    .site--karriere .navigation__top-link:focus-visible .fill,
    .site--karriere .navigation__flyout-sub-entry-link:hover .fill,
    .site--karriere .navigation__flyout-sub-entry-link:focus-visible .fill,
    .site--karriere .navigation__flyout-back-button:hover .fill,
    .site--karriere .navigation__flyout-back-button:focus-visible .fill,
    .site--karriere .navigation__flyout-link:hover .navigation__flyout-link-icon svg.icon__file path,
    .site--karriere .navigation__flyout-link:focus-visible .navigation__flyout-link-icon svg.icon__file path,
    .site--karriere .navigation__flyout-back-button:hover .icon svg.icon__file path,
    .site--karriere .navigation__flyout-back-button:focus-visible .icon svg.icon__file path,
    .site--karriere .navigation__flyout-close:hover .fill,
    .site--karriere .navigation__flyout-close:focus-visible .fill,
    .site--karriere .navigation__sub-entry-link:hover .icon .fill,
    .site--karriere .navigation__sub-entry-link:focus-visible .icon .fill,
    .site--karriere .navigation__detail-back-link:hover .icon .fill,
    .site--karriere .navigation__detail-back-link:focus-visible .icon .fill,
    .site--karriere .scroll-navigation__detail-back-link:hover evn-icon svg path.fill,
    .site--karriere .scroll-navigation__detail-back-link:focus-visible evn-icon svg path.fill,
    .site--karriere .navigation__icon-link--collapse:hover .navigation__icon-link-icon--close-search svg path.fill,
    .site--karriere .navigation__icon-link--collapse:focus-visible .navigation__icon-link-icon--close-search svg path.fill,
    .site--karriere .scroll-navigation__top-link:hover evn-icon svg path.fill,
    .site--karriere .scroll-navigation__top-link:focus-visible evn-icon svg path.fill,
    .site--karriere .scroll-navigation__sub-entry-item.is-active evn-icon svg path.fill,
    .site--karriere .scroll-navigation__sub-entry-link:hover evn-icon svg path.fill,
    .site--karriere .scroll-navigation__sub-entry-link:focus-visible evn-icon svg path.fill,
    .site--karriere .scroll-navigation__sub-entry.is-active evn-icon svg path.fill,
    .site--karriere .navigation__icon-link:hover .navigation__icon-link-icon--open-search svg path.fill,
    .site--karriere .navigation__icon-link:focus-visible .navigation__icon-link-icon--open-search svg path.fill {
        fill: var(--color-secondary-500) !important;
    }

    .site--karriere .navigation__flyout-back-button:hover .stroke,
    .site--karriere .navigation__flyout-back-button:focus-visible .stroke,
    .site--karriere .navigation__flyout-detail-back-link:hover .stroke,
    .site--karriere .navigation__flyout-detail-back-link:focus-visible .stroke,
    .site--karriere .navigation__detail-back-link:hover .link__icon svg.icon__file .stroke,
    .site--karriere .navigation__detail-back-link:focus-visible .link__icon svg.icon__file .stroke,
    .site--karriere .scroll-navigation__detail-back-link:hover evn-icon svg path.stroke,
    .site--karriere .scroll-navigation__detail-back-link:focus-visible evn-icon svg path.stroke,
    .site--karriere .navigation__icon-link--collapse:hover .navigation__icon-link-icon--close-search svg path.stroke,
    .site--karriere .navigation__icon-link--collapse:focus-visible .navigation__icon-link-icon--close-search svg path.stroke,
    .site--karriere .navigation__icon-link:hover .navigation__icon-link-icon--open-search svg path.stroke,
    .site--karriere .navigation__icon-link:focus-visible .navigation__icon-link-icon--open-search svg path.stroke {
        stroke: var(--color-secondary-500) !important;
    }

    .site--karriere .link--secondary:hover,
    .site--karriere .link--secondary:focus,
    .site--karriere .link--secondary:focus-visible {
        color: var(--color-primary-700) !important;
    }


    .site--karriere .small-button--primary:focus,
    .site--karriere .small-button--primary:focus-visible,
    .site--karriere .small-button--primary:hover,
    .site--karriere .large-button--primary:focus,
    .site--karriere .large-button--primary:focus-visible,
    .site--karriere .large-button--primary:hover {
        transform: scale(1.02);
        background-color: var(--color-secondary-500);
        border-color: var(--color-secondary-500);
    }

    .site--karriere .small-button--secondary:focus,
    .site--karriere .small-button--secondary:focus-visible,
    .site--karriere .small-button--secondary:hover,
    .site--karriere .large-button--secondary:focus,
    .site--karriere .large-button--secondary:focus-visible,
    .site--karriere .large-button--secondary:hover {
        transform: scale(1.02);
        background-color: var(--color-primary-700);
        border-color: var(--color-primary-700);
    }

    .site--karriere .body {
        background-color: var(--color-primary-050) !important;
    }

    .site--karriere [id^="scroll-navigation-sub-entry-"] {
        height: auto !important;
        min-height: fit-content !important;
        max-height: 80vh;
        overflow-y: auto !important;
    }

    /*lists*/
    .site--karriere .list--default > li {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='4' height='4' rx='1' fill='%230080a6'/%3E%3C/svg%3E");
    }

    .site--karriere .list--small > li {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8' width='4' height='4' rx='1' fill='%230080a6'/%3E%3C/svg%3E");
    }

    /*logo text*/
    .site--karriere .navigation .logo__text,
    .site--karriere .scroll-navigation .logo__text {
        display: block;
        font-weight: 300;
        margin-top: 0.2rem;
    }

    .site--karriere .logo.logo--horizontal {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 15px;
    }

    .site--karriere .logo--horizontal .logo__text {
        display: none !important;
    }

    .site--karriere .logo__text {
        color: var(--color-logotext);
        font-weight: 550;
        text-align: left;
        padding-top: 6px;
        font-size: 24px !important;
        font-weight: bold !important;
        display: inline-block !important;
    }

    .site--karriere .footer__block.logo__text img {
        width: 220px;
        height: auto;
    }

    .site--karriere .navigation__logo-container .logo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-decoration: none;
    }

    .site--karriere .navigation__logo-container .logo__text,
    .site--karriere .logo.logo--full.scroll-navigation__flyout-logo .logo__text {
        display: none !important;
    }

    .site--karriere .navigation__logo-container .logo__image {
        display: block;
    }

    .site--karriere .status-chip--stage {
        margin-left: 12px;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 50px;
        background-color: var(--color-secondary-500);
    }

    /*footer layout*/
    .site--karriere .footer--karriere {
        display: flex;
        gap: 4rem;
        justify-content: space-between;
        padding: 15px 0 5px;
    }

    .site--karriere .footer__block {
        display: flex;
        flex-direction: column;
    }

    .site--karriere .footer__logo-block {
        margin-right: -2rem !important;
    }

    .site--karriere .footer__addr {
        text-align: left;
    }

    .site--karriere .footer__top-left {
        border: none;
        padding: 0 50px;
        grid-column: span 12 / span 12;
        text-align: center;
    }

    .site--karriere .footer__bottom {
        padding: 10px 40px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 45px;
        flex-wrap: nowrap;
        border-top: none;
        background-color: var(--color-surface) !important;
    }

    .site--karriere .footer__legal {
        border: none;
        order: 1 !important;
        padding-top: 0;
        margin-top: 10px;
        margin-left: 0 !important;
        margin-right: auto !important;
        width: auto !important;
        display: flex !important;
    }

    .site--karriere .footer__legal-item {
        line-height: 15px;
        padding: 0;
        margin-left: 6px;
        margin-right: 30px;
    }

        .site--karriere .footer__legal-item::before,
        .site--karriere .footer__legal-item::after {
            display: none !important;
            content: none !important;
        }

    .site--karriere .footer__logo-svg {
        width: 120px;
        height: auto;
    }

        .site--karriere .footer__logo-svg .logo__part-red {
            fill: #e0001b;
        }

    .site--karriere .footer__block.logo__text {
        order: 2 !important;
        margin-left: 0px;
        margin-right: 0px;
        text-align: right;
        display: block !important;
    }

    .site--karriere .logo__image .logo__part-red {
        fill: #e0001b;
    }

    .site--karriere .footer__legal-link {
        font-family: Frutiger Next, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 12px;
    }

    .site--karriere .footer__addr div {
        margin: 2px 0;
    }

    .site--karriere .footer__contact-line {
        display: flex;
        gap: .5rem;
        align-items: center;
    }

    .site--karriere .footer__social {
        display: flex;
        justify-content: right;
    }

    .site--karriere .footer__social-link:focus svg .fill,
    .site--karriere .footer__social-link:hover svg .fill {
        fill: var(--color-primary) !important;
    }


    .site--karriere .footer__contact a {
        color: var(--color-secondary-500);
        text-decoration: none;
    }

    .site--karriere .footer__addr {
        min-width: 160px;
        flex-shrink: 0;
    }

    .site--karriere .footer__contact a:hover,
    .site--karriere .footer__contact a:focus {
        color: var(--color-primary-600);
        text-decoration: underline;
    }

    .site--karriere .navigation__detail-content {
        height: fit-content !important;
    }

    .site--karriere .footer__top {
        padding: 0px !important;
        display: grid;
        grid-template-columns: repeat(12, 1fr) !important;
        width: 100%;
    }

    .site--karriere .landing-page__stage-wrapper {
        padding-bottom: var(--floating-assistant-bar-height, 110px) !important;
        margin-bottom: var(--floating-assistant-bar-height, -110px) !important;
    }

/*  MEDIA QUERIES */

@media (max-width: 1200px) {
    .site--karriere .footer__top-left {
        padding: 0 40px;
    }

    .site--karriere .footer__legal-item {
        margin-left: 0px;
    }

    .site--karriere .footer__social-item {
        margin-left: 20px;
    }

    .site--karriere .footer__block.logo__text {
        margin-right: -10px;
    }
}

@media (max-width: 1055px) {
    .site--karriere .footer__logo-svg {
        width: 105px;
    }

    .site--karriere .logo__text {
        font-size: 20px;
    }

    .site--karriere body {
        background-color: var(--color-surface) !important;
    }
}

@media (max-width: 960px) {
    .site--karriere .footer__top-left {
        padding: 0 30px;
    }

    .site--karriere .footer__bottom {
        padding: 10px 30px;
    }

    .site--karriere .footer--karriere {
        gap: 2.5rem;
    }

    .site--karriere .footer__social-item {
        margin-left: 15px;
    }

    .site--karriere .footer__logo-block {
        margin-right: -1rem !important;
    }

    .site--karriere .footer__block.footer__logo-block {
        padding-top: 6px;
    }
}

@media (max-width: 899px) {
    .site--karriere .footer--karriere {
        gap: 2rem;
    }

    .site--karriere .footer__social-item {
        margin-left: 9px;
    }

    .site--karriere .footer__logo-block {
        margin-right: inherit !important;
    }

    .site--karriere .footer__logo-svg {
        width: 90px;
    }

    .site--karriere .logo__text {
        font-size: 18px;
    }
}

@media (max-width: 799px) {
    .site--karriere .footer__social {
        margin-bottom: 5px !important;
    }

    .site--karriere .footer__legal-item {
        margin-top: 0px;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .site--karriere .footer--karriere {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .site--karriere .footer__block.logo__text {
        margin-top: 0px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 0px;
        margin-bottom: -20px;
    }

    .site--karriere .footer--karriere .footer__block {
        margin: 4px 0px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .site--karriere .footer__bottom {
        margin-bottom: 18px;
        border-top: 1px solid #e0e0e0;
        margin-top: 0px;
        padding-top: 0px;
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .site--karriere .footer__bottom a,
        .site--karriere .footer__bottom-item {
            display: block;
            margin: 0px !important;
            font-size: 14px;
            text-decoration: none;
        }

    .site--karriere nav.footer__content {
        background-color: #ffffff;
        border-radius: 30px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }

    .site--karriere .footer__top {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px !important;
        border-bottom: none;
    }

    .site--karriere .footer__legal {
        list-style: none;
        margin-top: 4px;
        margin-left: auto !important;
        margin-right: auto !important;
        width: auto;
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0;
    }

    .site--karriere .footer__legal-item {
        margin-top: 10px;
        padding-left: 0px !important;
        margin: 2px 0;
        text-align: center;
    }

    .site--karriere .footer__legal-link {
        font-size: 14px;
        text-decoration: none;
        padding: 2px 0;
    }
}
