/* ##### Custom CSS for MeinStudium.net ####################################################################################### */

@font-face
{
    font-family: "DM Serif Display";
    src: url("/fonts/dm-serif-display-v17-latin.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face
{
    font-family: "Cormorant Garamond";
    src: url("/fonts/cormorant-garamond-v21-latin-500.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}


/* Dropdown Menu Nav */
.dropdown
{
    position: relative;
    display: inline-block;
}

.dropdown-content
{
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    z-index: 1000;
    border-radius: 4px;
    margin-top: 2px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.1s ease-in-out,
        transform 0.1s ease-in-out,
        visibility 0.1s ease-in-out;
    box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.dropdown:hover .dropdown-content
{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-content a
{
    color: #333;
    padding: 0.25em 0.25em;
    text-decoration: none;
    display: block;
    transition: all 0.2s ease-in-out;
}

.dropdown-content a:hover
{
    background-color: #f5f5f5;
}

.noCursor
{
    cursor: default;
}

hidden
{
    display: none;
}



/* ##### filterfunktion der suche ####################################################################################### */

/* ##### Jobboerse hub ################################################################################################### */

body.jobs-hub
{
    --jobs-paper: #faf9f5;
    --jobs-ink: #111714;
    --jobs-muted: #66706b;
    --jobs-green: #25d592;
    background: var(--jobs-paper);
}

body.jobs-hub .breadcrumbscontainer
{
    display: none;
}

body.jobs-hub header,
body.jobs-hub .contentwrapper,
body.jobs-hub .conentInner,
body.jobs-hub main
{
    background-color: var(--jobs-paper);
}

.ms-jobs-hub
{
    color: var(--jobs-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-jobs-hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    min-height: 570px;
    margin: 0 auto;
    overflow: hidden;
    background: #fdfcf8;
}

.ms-jobs-hero__image
{
    position: absolute;
    inset: 0;
    background-image: url("/img/Header Fotos/Jobboerse Header.png");
    background-position: center;
    background-size: cover;
}

.ms-jobs-hero__image::after
{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 64%;
    background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 52%, rgba(253, 252, 248, 0.72) 78%, rgba(253, 252, 248, 0) 100%);
}

.ms-jobs-hero__content
{
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    min-height: 570px;
    margin: 0 auto;
    padding: 50px 24px 42px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--jobs-ink);
}

.ms-jobs-kicker
{
    color: var(--jobs-green);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-jobs-hero h1
{
    max-width: 650px;
    margin: 14px 0 20px;
    color: var(--jobs-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(3.4rem, 6vw, 5.7rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.94;
}

.ms-jobs-hero p
{
    max-width: 590px;
    margin: 0 0 30px;
    color: var(--jobs-muted);
    font-size: 1.1rem;
    line-height: 1.55;
}

.ms-jobs-paths
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 20px 0 96px;
}

.ms-jobs-listing
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 0 0 96px;
}

.ms-jobs-list
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ms-jobs-list .ms-job-teaser
{
    min-height: 250px;
    grid-column: auto;
}

body.jobs-hub .ms-jobs-list .jobad
{
    height: 100%;
    min-height: 250px;
    margin: 0;
    padding: 48px 22px 22px;
    box-sizing: border-box;
    border: 1px solid #dfe4df;
    border-radius: 5px;
    background: #fff;
    box-shadow: none;
}

.ms-jobs-list__type
{
    position: absolute;
    z-index: 3;
    top: 16px;
    left: 22px;
    padding: 4px 8px;
    border-radius: 3px;
    background: #dff7e9;
    color: #1e6b50;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.ms-jobs-paths__heading
{
    display: grid;
    margin-bottom: 34px;
    grid-template-columns: 1fr 390px;
    align-items: end;
    gap: 36px;
}

.ms-jobs-paths__heading h2
{
    margin: 8px 0 0;
    color: var(--jobs-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.ms-jobs-paths__heading p
{
    margin: 0;
    color: var(--jobs-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.ms-jobs-grid
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ms-jobs-card
{
    display: grid;
    min-height: 300px;
    overflow: hidden;
    grid-template-columns: 44% 56%;
    border: 1px solid #e1e5e1;
    border-radius: 6px;
    background: #fff;
    color: var(--jobs-ink);
    text-decoration: none;
    transition: border-color 0.18s ease, transform 0.18s ease;
}

.ms-jobs-card:hover,
.ms-jobs-card:focus
{
    border-color: #a8d9c2;
    color: var(--jobs-ink);
    text-decoration: none;
    transform: translateY(-3px);
}

.ms-jobs-card__visual
{
    display: block;
    min-width: 0;
    overflow: hidden;
    background: #edf2ef;
}

.ms-jobs-card__visual img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-jobs-card__body
{
    display: flex;
    position: relative;
    min-width: 0;
    padding: 30px 28px 62px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
}

.ms-jobs-card__body small
{
    color: #1e7a59;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-jobs-card__body strong
{
    margin: 7px 0 12px;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
}

.ms-jobs-card__body > span
{
    color: var(--jobs-muted);
    font-size: 0.93rem;
    line-height: 1.45;
}

.ms-jobs-card__body > i
{
    position: absolute;
    right: 24px;
    bottom: 22px;
    display: grid;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    place-items: center;
    background: var(--jobs-ink);
    color: #fff;
}

@media (max-width: 980px)
{
    .ms-jobs-hero,
    .ms-jobs-hero__content
    {
        min-height: 540px;
    }

    .ms-jobs-hero,
    .ms-jobs-paths,
    .ms-jobs-listing
    {
        width: calc(100% - 48px);
    }

    .ms-jobs-hero__content
    {
        width: 100%;
    }

    .ms-jobs-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-jobs-list
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px)
{
    .ms-jobs-hero,
    .ms-jobs-hero__content
    {
        min-height: 850px;
    }

    .ms-jobs-hero__image
    {
        background-position: 58% center;
    }

    .ms-jobs-hero__image::after
    {
        width: 100%;
        background: linear-gradient(180deg, rgba(253, 252, 248, 0.06) 0, rgba(253, 252, 248, 0.2) 180px, rgba(253, 252, 248, 0.98) 330px, #fdfcf8 100%);
    }

    .ms-jobs-hero,
    .ms-jobs-paths,
    .ms-jobs-listing
    {
        width: 100%;
    }

    .ms-jobs-hero__content
    {
        width: calc(100% - 30px);
        padding: 250px 0 38px;
        justify-content: flex-end;
    }

    .ms-jobs-hero h1
    {
        font-size: 3rem;
    }

    .ms-jobs-paths
    {
        padding: 54px 0 68px;
    }

    .ms-jobs-listing
    {
        width: calc(100% - 30px);
        padding-bottom: 68px;
    }

    .ms-jobs-list
    {
        grid-template-columns: 1fr;
    }

    .ms-jobs-paths__heading
    {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ms-jobs-paths__heading h2
    {
        font-size: 2.45rem;
    }

    .ms-jobs-card
    {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .ms-jobs-card__visual
    {
        aspect-ratio: 16 / 10;
    }
}

/* ##### Studiengang category pages ###################################################################################### */

body.study-field-page
{
    --study-paper: #faf9f5;
    --study-surface: #ffffff;
    --study-ink: #111714;
    --study-muted: #66706b;
    --study-line: #dfe4df;
    --study-mint: #dff7e9;
    background: var(--study-paper);
    color: var(--study-ink);
}

body.study-field-page .breadcrumbscontainer
{
    display: none;
}

body.study-field-page header,
body.study-field-page .contentwrapper,
body.study-field-page .conentInner,
body.study-field-page main
{
    background-color: var(--study-paper);
}

body.study-field-page header > .container
{
    padding-top: 0;
}

.ms-study-field-hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    overflow: hidden;
    background: #fdfcf8;
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-study-field-hero__media
{
    position: absolute;
    z-index: 1;
    inset: 0;
    background: #e1efe8;
}

.ms-study-field-hero__media::before
{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #d6eee2 0%, #eaf5ef 50%, #c9e6d8 100%);
}

.ms-study-field-hero__media::after
{
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    width: 64%;
    background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 52%, rgba(253, 252, 248, 0.72) 78%, rgba(253, 252, 248, 0) 100%);
}

.ms-study-field-hero__media img
{
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ms-study-field-hero.has-image .ms-study-field-hero__media::before
{
    display: none;
}

.ms-study-field-hero__inner
{
    position: relative;
    z-index: 3;
    padding: 44px 24px 32px;
    box-sizing: border-box;
}

.ms-study-field-hero__copy
{
    width: 58%;
}

.ms-study-field-kicker
{
    color: #1e7a59;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-study-field-hero h1
{
    max-width: 690px;
    margin: 14px 0 20px;
    color: var(--study-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(3.4rem, 6vw, 5.7rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.94;
}

.ms-study-field-hero__copy > p
{
    max-width: 580px;
    margin: 0 0 20px;
    color: var(--study-muted);
    font-size: 1.1rem;
    line-height: 1.55;
}

.ms-study-field-facts
{
    width: min(720px, 100%);
    margin-top: 26px;
    padding: 14px 18px 16px;
    border: 1px solid rgba(28, 49, 40, 0.1);
    border-radius: 6px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(8px);
}

.ms-study-field-facts__title
{
    display: block;
    margin-bottom: 10px;
    color: #1e7a59;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-study-field-facts dl
{
    display: grid;
    margin: 0;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.ms-study-field-facts dl > div
{
    display: flex;
    min-width: 0;
    padding: 0 16px;
    flex-direction: column;
    border-left: 1px solid var(--study-line);
}

.ms-study-field-facts dl > div:first-child
{
    padding-left: 0;
    border-left: 0;
}

.ms-study-field-facts dd,
.ms-study-field-facts dt
{
    margin: 0;
}

.ms-study-field-facts dd
{
    order: -1;
    color: var(--study-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.65rem;
    line-height: 1;
}

.ms-study-field-facts dt
{
    margin-top: 5px;
    color: var(--study-muted);
    font-size: 0.78rem;
    line-height: 1.2;
}

.ms-study-field-facts__tags
{
    display: flex;
    margin-top: 14px;
    padding-top: 12px;
    align-items: center;
    gap: 12px;
    border-top: 1px solid var(--study-line);
}

.ms-study-field-facts__tags > span
{
    flex: 0 0 auto;
    color: var(--study-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.ms-study-field-facts__tags ul
{
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
}

.ms-study-field-facts__tags li
{
    padding: 5px 9px;
    border-radius: 999px;
    background: #edf7f2;
    color: #345d51;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.ms-study-field-facts__tags small
{
    margin-left: 5px;
    color: #668078;
    font-size: 0.68rem;
}

.ms-study-field-search
{
    position: relative;
    z-index: 4;
    display: grid;
    width: min(960px, calc(100vw - 128px));
    min-height: 82px;
    margin-top: 34px;
    padding: 10px;
    grid-template-columns: 1.2fr 0.9fr 62px;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-study-field-search__field
{
    display: flex;
    min-width: 0;
    padding: 0 20px;
    align-items: center;
    gap: 14px;
    border-right: 1px solid var(--study-line);
    color: #33483f;
}

.ms-study-field-search__field input
{
    width: 100%;
    min-width: 0;
    height: 58px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--study-ink);
    font-size: 1rem;
}

.ms-study-field-search button
{
    display: grid;
    width: 58px;
    height: 58px;
    margin: 1px 0 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: var(--study-ink);
    color: #fff;
    cursor: pointer;
}

.ms-study-autocomplete-search
{
    position: relative;
    z-index: 6;
    display: grid;
    width: min(960px, calc(100vw - 128px));
    min-height: 82px;
    margin: 0;
    padding: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) 58px;
    align-items: center;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-study-field-hero .ms-study-autocomplete-search
{
    grid-column: 1 / -1;
}

.ms-study-autocomplete-search .ms-catalog-filter__field
{
    display: grid;
    min-width: 0;
    height: 60px;
    margin: 0;
    padding: 0 14px;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    align-items: center;
    border-right: 1px solid #dfe4df;
}

.ms-study-autocomplete-search .ms-catalog-filter__icon,
.ms-study-autocomplete-search .ms-catalog-filter__chevron
{
    color: #425249;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.ms-study-autocomplete-search .ms-catalog-filter__icon
{
    grid-column: 1;
    justify-self: start;
    font-size: 1.1rem;
}

.ms-study-autocomplete-search .ms-catalog-filter__icon--subject::before
{
    content: "\f002";
}

.ms-study-autocomplete-search .ms-catalog-filter__icon--location::before
{
    content: "\f3c5";
}

.ms-study-autocomplete-search .ms-catalog-filter__icon--university::before
{
    content: "\f19c";
}

.ms-study-autocomplete-search--with-university
{
    width: min(1120px, calc(100vw - 128px));
    grid-template-columns: repeat(3, minmax(0, 1fr)) 58px;
}

.ms-study-autocomplete-search .ms-catalog-filter__field--university
{
    grid-template-columns: 30px minmax(0, 1fr);
}

.ms-study-autocomplete-search .ms-catalog-filter__field--university input
{
    color: #425249;
    cursor: default;
}

.ms-study-autocomplete-search .ms-catalog-filter__chevron
{
    grid-column: 3;
    justify-self: end;
    font-size: 0.68rem;
}

.ms-study-autocomplete-search .ms-catalog-filter__chevron::before
{
    content: "\f078";
}

.ms-study-autocomplete-search input
{
    width: 100%;
    min-width: 0;
    height: 58px;
    padding: 0 8px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111714;
    font-size: 1rem;
}

.ms-study-autocomplete-search input[type="search"]::-webkit-search-cancel-button
{
    display: none;
}

.ms-study-autocomplete-search .awesomplete
{
    position: relative;
    z-index: 30001;
    display: block;
    width: 100%;
    min-width: 0;
    height: 58px;
    grid-column: 2;
}

.ms-study-autocomplete-search .awesomplete > ul
{
    top: calc(100% + 10px);
    left: 0;
    z-index: 30002;
    width: 100%;
    max-height: 320px;
    margin: 0;
    overflow-y: auto;
    border: 1px solid #dfe4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
}

body.ms-autocomplete-open .contentwrapper > .conentInner > header,
.ms-autocomplete-layer
{
    z-index: 30000 !important;
}

body.ms-autocomplete-open .contentwrapper > .conentInner > header > .container,
body.ms-autocomplete-open .contentwrapper > .conentInner > header .suchContainerBox,
.ms-study-field-hero.ms-autocomplete-layer,
.ms-catalog-hero.ms-autocomplete-layer,
.ms-study-search-header.ms-autocomplete-layer,
.ms-hero.ms-autocomplete-layer,
.ms-job-hero.ms-autocomplete-layer,
.ms-jobs-hero.ms-autocomplete-layer,
.ms-job-results__hero.ms-autocomplete-layer
{
    overflow: visible !important;
}

body.ms-autocomplete-open .awesomplete,
body.ms-autocomplete-open .awesomplete > ul
{
    z-index: 30002 !important;
}

body.ms-autocomplete-open .contentwrapper,
body.ms-autocomplete-open .conentInner,
body.ms-autocomplete-open main
{
    overflow: visible !important;
}

body.ms-autocomplete-open .contentwrapper
{
    z-index: 30001 !important;
}

.ms-job-hero.ms-autocomplete-layer > .ms-job-hero__inner,
.ms-jobs-hero.ms-autocomplete-layer > .ms-jobs-hero__content,
.ms-job-results__hero.ms-autocomplete-layer > .ms-job-results__hero-inner,
.ms-hero.ms-autocomplete-layer > .ms-hero__content
{
    position: relative;
    z-index: 30001;
    overflow: visible !important;
}

.ms-autocomplete-search--layer-open
{
    position: relative;
    z-index: 30001 !important;
    overflow: visible !important;
}

.ms-autocomplete-field--layer-open
{
    position: relative;
    z-index: 30002 !important;
    overflow: visible !important;
}

.ms-study-autocomplete-search .awesomplete > ul > li
{
    padding: 11px 16px;
    border: 0;
    background: #fff;
    color: #111714;
    font-size: 0.88rem;
    line-height: 1.25;
}

.ms-study-autocomplete-search .awesomplete > ul > li:hover,
.ms-study-autocomplete-search .awesomplete > ul > li[aria-selected="true"]
{
    background: #e8f5ed;
    color: #111714;
}

.ms-study-autocomplete-search .awesomplete mark
{
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
}

.ms-study-autocomplete-search .ms-catalog-filter__submit
{
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: #111714;
    color: #fff;
    cursor: pointer;
}

.ms-study-search-header
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    background: #dff7e9;
    color: #111714;
}

.ms-study-search-header__inner
{
    padding: 28px 40px 34px;
}

.ms-study-search-header__title
{
    display: block;
    margin: 4px 0 20px;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 720px)
{
    .ms-study-autocomplete-search
    {
        width: 100%;
        min-height: 0;
        padding: 8px;
        grid-template-columns: minmax(0, 1fr) 48px;
        border-radius: 8px;
    }

    .ms-study-autocomplete-search .ms-catalog-filter__field
    {
        height: 52px;
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid #dfe4df;
    }

    .ms-study-autocomplete-search .ms-catalog-filter__field--location
    {
        grid-column: 1;
        border-bottom: 0;
    }

    .ms-study-autocomplete-search .ms-catalog-filter__submit
    {
        width: 44px;
        height: 44px;
        grid-column: 2;
        grid-row: 2;
    }

    .ms-study-autocomplete-search--with-university .ms-catalog-filter__field--location
    {
        grid-column: 1 / -1;
        border-bottom: 1px solid #dfe4df;
    }

    .ms-study-autocomplete-search--with-university .ms-catalog-filter__field--university
    {
        grid-column: 1;
        border-bottom: 0;
    }

    .ms-study-autocomplete-search--with-university .ms-catalog-filter__submit
    {
        grid-row: 3;
    }

    .ms-study-search-header
    {
        width: 100%;
    }

    .ms-study-search-header__inner
    {
        padding: 24px 16px 28px;
    }
}

.ms-study-field-content
{
    color: var(--study-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-study-field-content__inner
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 40px 0 96px;
}

.ms-study-field-subjects
{
    margin-bottom: 72px;
}

.ms-study-field-subjects h2,
.ms-study-field-results__head h2
{
    margin: 8px 0 26px;
    color: var(--study-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.3rem, 4vw, 3.5rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.ms-study-field-subjects ul
{
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
}

.ms-study-field-subjects a
{
    display: flex;
    position: relative;
    min-height: 68px;
    padding: 14px 46px 14px 18px;
    align-items: center;
    border: 1px solid var(--study-line);
    border-radius: 5px;
    background: var(--study-surface);
    color: var(--study-ink);
    font-weight: 600;
}

.ms-study-field-subjects a:hover,
.ms-study-field-subjects a:focus
{
    border-color: #91cdb2;
    color: var(--study-ink);
    text-decoration: none;
}

.ms-study-field-subjects a i
{
    position: absolute;
    right: 18px;
    color: #1e7a59;
}

.ms-study-field-results__head
{
    display: grid;
    margin-bottom: 28px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 30px;
}

.ms-study-field-results__head h2
{
    margin-bottom: 0;
}

.ms-study-field-results__head .sidefilter-button
{
    display: inline-flex;
    width: auto;
    min-height: 44px;
    padding: 0 18px !important;
    align-items: center;
    gap: 8px;
    border-radius: 22px;
}

.ms-study-field-result
{
    margin-bottom: 12px;
}

.ms-study-field-result .includeErgebnisManticore
{
    margin: 0;
    padding: 22px;
    border: 1px solid var(--study-line);
    border-radius: 6px;
    background: var(--study-surface);
    box-shadow: none;
}

.ms-study-field-result .taginfo
{
    background: #edf7f2;
    color: #345d51;
}

@media (max-width: 980px)
{
    .ms-study-field-hero,
    .ms-study-field-content__inner
    {
        width: calc(100% - 48px);
    }

    .ms-study-field-search
    {
        width: 100%;
    }

    .ms-study-field-subjects ul
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px)
{
    .ms-study-field-hero
    {
        width: 100%;
    }

    .ms-study-field-hero__media::after
    {
        width: 100%;
        background: linear-gradient(180deg, rgba(253, 252, 248, 0.08) 0, rgba(253, 252, 248, 0.35) 180px, rgba(253, 252, 248, 0.98) 310px, #fdfcf8 100%);
    }

    .ms-study-field-hero__inner
    {
        padding: 260px 15px 30px;
    }

    .ms-study-field-hero__copy
    {
        width: 100%;
    }

    .ms-study-field-hero h1
    {
        font-size: 3rem;
    }

    .ms-study-field-search
    {
        min-height: 214px;
        margin-top: 28px;
        padding: 12px;
        grid-template-columns: 1fr;
        border-radius: 28px;
    }

    .ms-study-field-facts
    {
        margin-top: 22px;
        padding: 14px;
    }

    .ms-study-field-facts dl
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 0;
    }

    .ms-study-field-facts dl > div:nth-child(odd)
    {
        padding-left: 0;
        border-left: 0;
    }

    .ms-study-field-facts dl > div:last-child:nth-child(odd)
    {
        grid-column: 1 / -1;
    }

    .ms-study-field-facts__tags
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .ms-study-field-search__field
    {
        min-height: 66px;
        padding: 0 14px;
        border-right: 0;
        border-bottom: 1px solid var(--study-line);
    }

    .ms-study-field-search__field:nth-of-type(2)
    {
        border-bottom: 0;
    }

    .ms-study-field-search button
    {
        position: absolute;
        right: 12px;
        bottom: 12px;
    }

    .ms-study-field-content__inner
    {
        width: calc(100% - 30px);
        padding: 40px 0 68px;
    }

    .ms-study-field-subjects
    {
        margin-bottom: 54px;
    }

    .ms-study-field-subjects ul
    {
        grid-template-columns: 1fr;
    }

    .ms-study-field-results__head
    {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 18px;
    }
}

/* ##### Job landing pages ############################################################################################### */

body.job-landing
{
    --job-paper: #faf9f5;
    --job-ink: #111714;
    --job-muted: #66706b;
    --job-line: #dfe4df;
    --job-accent: #25d592;
    background: var(--job-paper);
    color: var(--job-ink);
}

body.job-landing.job-landing--studentenjobs
{
    --job-hero-bg: #e7f5ed;
    --job-accent-soft: #caefd9;
}

body.job-landing.job-landing--praktikum
{
    --job-hero-bg: #eef0e8;
    --job-accent-soft: #dfe9cc;
}

body.job-landing.job-landing--duales-studium
{
    --job-hero-bg: #e9edf7;
    --job-accent-soft: #d8e0f2;
}

body.job-landing.job-landing--trainee
{
    --job-hero-bg: #f4e9e5;
    --job-accent-soft: #efd8d1;
}

body.job-landing .breadcrumbscontainer
{
    display: none;
}

body.job-landing header,
body.job-landing .contentwrapper,
body.job-landing .conentInner,
body.job-landing main
{
    background-color: var(--job-paper);
}

body.job-landing header > .container
{
    padding-top: 0;
}

.ms-job-hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    min-height: 570px;
    margin: 0 auto;
    overflow: hidden;
    background: #fdfcf8;
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-job-hero__inner
{
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: 570px;
    margin: 0 auto;
    padding: 44px 24px 42px;
    box-sizing: border-box;
}

.ms-job-hero__copy
{
    display: flex;
    position: relative;
    z-index: 3;
    width: 58%;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ms-job-back
{
    display: inline-flex;
    margin-bottom: 32px;
    align-items: center;
    gap: 9px;
    border: 0;
    color: var(--job-muted);
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
}

.ms-job-back:hover,
.ms-job-back:focus
{
    border: 0;
    color: #1e7a59;
    text-decoration: none;
}

.ms-job-kicker
{
    color: #1e7a59;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-job-hero h1
{
    max-width: 720px;
    margin: 12px 0 20px;
    color: var(--job-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(3.2rem, 5vw, 5rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.96;
}

.ms-job-hero__copy > p
{
    max-width: 610px;
    margin: 0 0 24px;
    color: var(--job-muted);
    font-size: 1.05rem;
    line-height: 1.55;
}

.ms-job-counter
{
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    color: var(--job-muted);
    font-size: 0.82rem;
}

.ms-job-counter strong
{
    color: var(--job-ink);
    font-size: 1.25rem;
}

.ms-job-hero__visual
{
    position: absolute;
    z-index: 1;
    inset: 0;
    margin: 0;
    overflow: hidden;
}

.ms-job-hero__visual::before
{
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    width: 64%;
    background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 52%, rgba(253, 252, 248, 0.72) 78%, rgba(253, 252, 248, 0) 100%);
}

.ms-job-hero__visual img
{
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ms-job-search
{
    --job-ink: #111714;
    --job-muted: #66706b;
    --job-line: #dfe4df;
    position: relative;
    z-index: 4;
    display: grid;
    width: min(960px, calc(100vw - 128px));
    min-height: 82px;
    margin: 32px 0 0;
    padding: 10px;
    box-sizing: border-box;
    grid-template-columns: minmax(220px, 1.2fr) minmax(300px, 0.9fr) 62px;
    align-items: stretch;
    gap: 0;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-job-search.ms-job-search--layer-open
{
    z-index: 30001;
    overflow: visible;
}

.ms-jobs-search
{
    width: min(1120px, calc(100vw - 128px));
    grid-template-columns: minmax(180px, 0.8fr) minmax(190px, 1fr) minmax(280px, 1fr) 62px;
}

.ms-job-search__group
{
    position: relative;
    display: flex;
    min-width: 0;
    padding: 0 28px;
    align-items: center;
    gap: 18px;
    border-right: 1px solid var(--job-line);
    color: var(--job-muted);
}

.ms-job-search__group--layer-open
{
    z-index: 30002;
    overflow: visible;
}

body.ms-autocomplete-open .ms-jobs-paths,
body.ms-autocomplete-open .ms-jobs-listing,
body.ms-autocomplete-open .ms-job-section,
body.ms-autocomplete-open .ms-job-guide,
body.ms-autocomplete-open .ms-job-results__layout
{
    position: relative;
    z-index: 0;
}

.ms-job-search__group > i
{
    flex: 0 0 auto;
    color: #315548;
    font-size: 1.35rem;
}

.ms-job-search__group .awesomplete
{
    position: relative;
    z-index: 30001;
    display: block;
    width: 100%;
    min-width: 0;
    height: 100%;
    flex: 1 1 auto;
}

.ms-job-search__group .awesomplete > ul
{
    top: calc(100% + 10px);
    left: 0;
    z-index: 30002;
    width: 100%;
    min-width: 260px;
    max-height: 320px;
    margin: 0;
    overflow-y: auto;
    border: 1px solid #dfe4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
}

.ms-job-search__group .awesomplete > ul > li
{
    padding: 11px 16px;
    border: 0;
    background: #fff;
    color: var(--job-ink);
    font-size: 0.88rem;
    line-height: 1.25;
}

.ms-job-search__group .awesomplete > ul > li:hover,
.ms-job-search__group .awesomplete > ul > li[aria-selected="true"]
{
    background: #e8f5ed;
    color: var(--job-ink);
}

.ms-job-search__group .awesomplete mark
{
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
}

.ms-job-search input,
.ms-job-search select
{
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: var(--job-ink);
    font-family: inherit;
    font-size: 1rem;
    box-shadow: none !important;
}

.ms-job-radius
{
    position: relative;
    width: 96px;
    height: 100%;
    flex: 0 0 96px;
    border-left: 1px solid var(--job-line);
}

.ms-job-radius.is-open
{
    z-index: 30003;
}

.ms-job-radius__trigger
{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 4px 0 14px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 0;
    background: transparent;
    color: var(--job-ink);
    font-family: inherit;
    font-size: 1rem;
    white-space: nowrap;
    cursor: pointer;
}

.ms-job-radius__trigger > i
{
    flex: 0 0 auto;
    font-size: 0.78rem;
    transition: transform 160ms ease;
}

.ms-job-radius.is-open .ms-job-radius__trigger > i
{
    transform: rotate(180deg);
}

.ms-job-radius__menu
{
    position: absolute;
    z-index: 30004;
    top: calc(100% + 10px);
    right: 0;
    width: max-content;
    min-width: 132px;
    margin: 0;
    padding: 6px 0;
    overflow: hidden;
    border: 1px solid #dfe4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
    list-style: none;
}

.ms-job-radius__menu[hidden]
{
    display: none;
}

.ms-job-radius__menu li
{
    margin: 0;
    padding: 0;
}

.ms-job-radius__option
{
    display: block;
    width: 100%;
    min-height: 0;
    padding: 11px 16px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #111714;
    font-family: inherit;
    font-size: 0.88rem;
    line-height: 1.25;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.ms-job-radius__option:hover,
.ms-job-radius__option:focus-visible,
.ms-job-radius__option[aria-checked="true"]
{
    outline: 0;
    background: #e8f5ed;
    color: #111714;
}

.ms-jobs-search__type
{
    position: relative;
}

.ms-job-search__group:focus-within
{
    background: #f7fbf8;
}

.ms-job-type__trigger
{
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    background: transparent;
    color: var(--job-ink);
    font-family: inherit;
    font-size: 1rem;
    text-align: left;
    cursor: pointer;
}

.ms-job-type__trigger > span
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-job-type__trigger > i
{
    flex: 0 0 auto;
    font-size: 0.8rem;
    transition: transform 160ms ease;
}

.ms-jobs-search__type.is-open .ms-job-type__trigger > i
{
    transform: rotate(180deg);
}

.ms-job-type__menu
{
    position: absolute;
    z-index: 30002;
    top: calc(100% + 10px);
    left: 18px;
    width: max-content;
    min-width: calc(100% - 36px);
    margin: 0;
    padding: 6px 0;
    overflow: hidden;
    border: 1px solid #dfe4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
    list-style: none;
}

.ms-job-type__menu[hidden]
{
    display: none;
}

.ms-job-type__menu li
{
    margin: 0;
    padding: 0;
}

.ms-job-type__option
{
    display: block;
    width: 100%;
    min-height: 0;
    padding: 11px 16px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #111714;
    font-family: inherit;
    font-size: 0.88rem;
    line-height: 1.25;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.ms-job-type__option:hover,
.ms-job-type__option:focus-visible,
.ms-job-type__option[aria-checked="true"]
{
    outline: 0;
    background: #e8f5ed;
    color: #111714;
}

.ms-job-search > button[type="submit"],
.ms-job-search > .ms-job-search__submit > button[type="submit"]
{
    display: inline-flex;
    width: 58px;
    height: 58px;
    padding: 0;
    align-self: center;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 50%;
    background: var(--job-ink);
    color: #fff;
    font-family: inherit;
    font-size: 1.15rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.ms-job-search__submit
{
    display: contents;
}

.ms-job-search [data-hero-km-desktop-slot]
{
    display: contents;
}

.ms-job-search__radius-mobile
{
    display: none;
}

.ms-job-page
{
    color: var(--job-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-job-section
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 72px 0;
}

body.job-landing .ms-job-page > .ms-job-section:first-child
{
    padding-top: 20px;
}

.ms-job-section__heading
{
    display: grid;
    margin-bottom: 30px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 410px);
    align-items: end;
    gap: 40px;
}

.ms-job-section__heading h2,
.ms-job-guide h2
{
    margin: 8px 0 0;
    color: var(--job-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.25rem, 3.6vw, 3.4rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.ms-job-section__heading h2 a,
.ms-job-guide h2 a
{
    color: inherit;
    text-decoration: none;
}

.ms-job-section__heading h2 a:hover,
.ms-job-section__heading h2 a:focus,
.ms-job-guide h2 a:hover,
.ms-job-guide h2 a:focus
{
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.ms-job-section__heading p
{
    margin: 0;
    color: var(--job-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.ms-job-section__heading > a
{
    justify-self: end;
    border: 0;
    color: var(--job-ink);
    font-weight: 700;
    text-decoration: none;
}

.ms-job-section__heading > a i
{
    margin-left: 8px;
}

.ms-job-list
{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
    gap: 12px;
}

.ms-job-list--more
{
    margin-top: 12px;
}

.ms-job-top
{
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr);
    gap: 12px;
}

.ms-job-top__stage
{
    height: 500px;
    min-width: 0;
    overflow: hidden;
}

.ms-job-top__panel
{
    position: relative;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 5px;
}

.ms-job-top__panel[hidden]
{
    display: none;
}

.ms-job-top__choices
{
    display: grid;
    min-width: 0;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.ms-job-top__choice
{
    display: grid;
    position: relative;
    min-width: 0;
    min-height: 0;
    padding: 14px 48px 14px 14px;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: #fff;
    color: var(--job-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s ease, background-color 0.18s ease;
}

.ms-job-top__choice:hover,
.ms-job-top__choice:focus-visible
{
    border-color: #8acaae;
    outline: 0;
}

.ms-job-top__choice.is-active
{
    border-color: #84cbaa;
    background: var(--job-hero-bg);
}

.ms-job-top__choice-logo
{
    display: flex;
    width: 76px;
    height: 58px;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.ms-job-top__choice-logo img
{
    display: block;
    width: auto;
    height: auto;
    max-width: 76px;
    max-height: 58px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid rgba(17, 23, 20, 0.08);
    border-radius: 3px;
    background: #fff;
    object-fit: contain;
}

.ms-job-top__choice-copy
{
    display: grid;
    min-width: 0;
    gap: 3px;
}

.ms-job-top__choice-copy small
{
    color: #1e7a59;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-job-top__choice-copy strong
{
    display: -webkit-box;
    overflow: hidden;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.08;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ms-job-top__choice-copy > span
{
    overflow: hidden;
    color: var(--job-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-job-top__choice > i
{
    position: absolute;
    right: 18px;
    top: 50%;
    color: #1e7a59;
    transform: translateY(-50%);
}

.ms-job-teaser
{
    position: relative;
    min-width: 0;
}

.ms-job-teaser--featured
{
    min-height: 476px;
    grid-column: span 7;
    grid-row: span 2;
}

.ms-job-teaser--compact
{
    min-height: 232px;
    grid-column: span 5;
}

.ms-job-teaser--standard
{
    min-height: 250px;
    grid-column: span 4;
}

.ms-job-teaser__label
{
    position: absolute;
    z-index: 2;
    top: 22px;
    left: 24px;
    display: inline-flex;
    padding: 7px 10px;
    align-items: center;
    gap: 7px;
    border-radius: 3px;
    background: var(--job-accent);
    color: var(--job-ink);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

body.job-landing .ms-job-list .jobad
{
    height: 100%;
    min-height: 230px;
    margin: 0;
    padding: 22px;
    box-sizing: border-box;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: #fff;
    box-shadow: none;
}

body.job-landing .ms-job-top__panel .jobad
{
    display: flex;
    height: 100%;
    min-height: 500px;
    max-height: 500px;
    overflow: hidden;
    padding: 78px 34px 32px;
    flex-direction: column;
    border-color: #cfdad4;
    background: var(--job-hero-bg);
    color: var(--job-ink);
}

body.job-landing .ms-job-top__panel .srtTitle h3
{
    display: -webkit-box;
    max-width: 78%;
    overflow: hidden;
    font-size: clamp(1.9rem, 3vw, 2.8rem);
    line-height: 1.04;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.job-landing .ms-job-top__panel .srtTitle h3 a,
body.job-landing .ms-job-top__panel .firmendaten
{
    color: var(--job-ink);
}

body.job-landing .ms-job-top__panel .location,
body.job-landing .ms-job-top__panel .description
{
    color: var(--job-muted);
}

body.job-landing .ms-job-top__panel .description
{
    display: -webkit-box;
    max-width: 88%;
    max-height: 76px;
    margin: 26px 0 22px;
    overflow: hidden;
    flex: 0 1 auto;
    font-size: 0.98rem;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.job-landing .ms-job-top__panel .companylogo
{
    display: flex;
    width: fit-content;
    max-width: 190px;
    height: auto !important;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
}

body.job-landing .ms-job-top__panel .companylogo img
{
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 190px !important;
    max-height: 86px !important;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(17, 23, 20, 0.08);
    border-radius: 4px;
    background: #fff;
    object-fit: contain;
}

body.job-landing .ms-job-top__panel .tag
{
    position: relative;
    display: inline-flex;
    width: auto;
    min-height: 28px;
    margin: 0;
    padding: 5px 11px 5px 28px;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid rgba(49, 85, 72, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #315548;
    font-size: 0.72rem;
    line-height: 1.2;
    white-space: nowrap;
}

body.job-landing .ms-job-top__panel .tag::after
{
    top: 50%;
    left: 9px;
    font-size: 0.82em;
    transform: translateY(-50%);
}

body.job-landing .ms-job-top__panel .favorite,
body.job-landing .ms-job-top__panel .favorite i
{
    color: var(--job-ink);
}

body.job-landing .ms-job-top__panel .tags
{
    display: flex;
    position: static;
    max-height: 66px;
    margin-top: auto;
    padding: 0;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 6px 7px;
    overflow: hidden;
    line-height: normal;
}

body.job-landing .ms-job-teaser--compact .jobad
{
    min-height: 232px;
    padding: 22px 24px;
    background: var(--job-hero-bg);
}

body.job-landing .ms-job-teaser--compact .description,
body.job-landing .ms-job-teaser--compact .tags
{
    display: none;
}

body.job-landing .ms-job-teaser--compact .srtTitle h3
{
    font-size: 1.48rem;
}

body.job-landing .ms-job-teaser--standard .description
{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.job-landing .ms-job-teaser--standard .tags
{
    display: flex;
    position: static;
    margin-top: 18px;
    padding: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 7px;
    line-height: normal;
}

body.job-landing .ms-job-teaser--standard .tag
{
    position: relative;
    display: inline-flex;
    width: auto;
    min-height: 28px;
    margin: 0;
    padding: 5px 11px 5px 28px;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid rgba(49, 85, 72, 0.12);
    border-radius: 999px;
    background: #eef5f1;
    color: #315548;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.job-landing .ms-job-teaser--standard .tag::after
{
    top: 50%;
    left: 9px;
    font-size: 0.82em;
    transform: translateY(-50%);
}

body.job-landing .ms-job-list .jobad:hover
{
    border-color: #9bcdb6;
}

body.job-landing .ms-job-list .srtTitle h3
{
    margin: 0;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 1.15;
}

body.job-landing .ms-job-list .srtTitle h3 a
{
    border: 0;
    color: var(--job-ink);
    text-decoration: none;
}

body.job-landing .ms-job-list .firmendaten,
body.job-landing .ms-job-list .location
{
    color: var(--job-muted);
    font-size: 0.82rem;
}

body.job-landing .ms-job-list .description
{
    margin-top: 14px;
    color: #4f5a54;
    font-size: 0.86rem;
    line-height: 1.45;
}

body.job-landing .ms-job-list .tags
{
    margin-top: 14px;
}

body.job-landing .ms-job-list .tag
{
    border: 0;
    border-radius: 3px;
    background: #eef5f1;
    color: #3c5d4e;
    font-size: 0.67rem;
}

.ms-job-primary-link
{
    display: flex;
    width: max-content;
    margin: 28px auto 0;
    padding: 12px 18px;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 4px;
    background: var(--job-ink);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.ms-job-primary-link:hover,
.ms-job-primary-link:focus
{
    border: 0;
    color: #fff;
    text-decoration: none;
}

.ms-job-guide
{
    display: grid;
    width: min(1240px, calc(100% - 96px));
    margin: 18px auto;
    padding: 54px 58px;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
    align-items: center;
    gap: 70px;
    border-radius: 6px;
    background: var(--job-hero-bg);
}

.ms-job-guide p
{
    margin: 0;
    color: #45524b;
    font-size: 1rem;
    line-height: 1.65;
}

.ms-job-city-grid
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.ms-job-city-grid a,
.ms-job-subject-grid a
{
    display: grid;
    position: relative;
    min-width: 0;
    min-height: 96px;
    padding: 18px 48px 18px 18px;
    box-sizing: border-box;
    align-content: center;
    border: 1px solid var(--job-line);
    border-radius: 4px;
    background: #fff;
    color: var(--job-ink);
    text-decoration: none;
}

.ms-job-city-grid a:hover,
.ms-job-city-grid a:focus,
.ms-job-subject-grid a:hover,
.ms-job-subject-grid a:focus
{
    border-color: #9bcdb6;
    color: var(--job-ink);
    text-decoration: none;
}

.ms-job-city-grid a span
{
    color: var(--job-muted);
    font-size: 0.68rem;
}

.ms-job-city-grid a strong
{
    margin-top: 3px;
    overflow-wrap: anywhere;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.28rem;
    font-weight: 400;
}

.ms-job-city-grid a i,
.ms-job-subject-grid a i
{
    position: absolute;
    right: 18px;
    top: 50%;
    color: #1e7a59;
    transform: translateY(-50%);
}

.ms-job-subjects
{
    padding-top: 18px;
}

.ms-job-subject-grid
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ms-job-subject-grid a
{
    min-height: 72px;
    font-weight: 600;
}

.ms-job-city-directory__hero
{
    display: grid;
    padding: 44px;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);
    gap: 34px;
    border: 1px solid rgba(28, 49, 40, 0.11);
    border-radius: 8px;
    background:
        radial-gradient(circle at 88% 14%, rgba(37, 213, 146, 0.22) 0%, rgba(37, 213, 146, 0) 47%),
        linear-gradient(140deg, #ffffff 0%, #f5f8f2 100%);
}

.ms-job-city-directory__copy h1
{
    margin: 10px 0 16px;
    color: var(--job-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.45rem, 4.3vw, 4.2rem);
    font-weight: 400;
    line-height: 0.98;
}

.ms-job-city-directory__copy p
{
    max-width: 700px;
    margin: 0;
    color: #435149;
    font-size: 1.05rem;
    line-height: 1.6;
}

.ms-job-city-directory__copy .ms-job-primary-link
{
    margin: 26px 0 0;
}

.ms-job-city-directory__facts
{
    display: grid;
    align-content: center;
    gap: 10px;
}

.ms-job-city-directory__overview .ms-job-city-directory__facts
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ms-job-city-directory__overview,
.ms-job-city-directory__orientation
{
    padding: 56px 44px;
    box-sizing: border-box;
    border: 1px solid rgba(28, 49, 40, 0.11);
    border-radius: 8px;
    background: #fff;
}

.ms-job-city-directory__overview .ms-job-section__heading,
.ms-job-city-directory__orientation .ms-job-section__heading
{
    margin-bottom: 24px;
    grid-template-columns: 1fr;
    gap: 12px;
}

.ms-job-city-directory__overview .ms-job-section__heading p,
.ms-job-city-directory__orientation .ms-job-section__heading p
{
    max-width: 760px;
}

.ms-job-city-directory__facts p
{
    margin: 0;
    padding: 16px 18px;
    border: 1px solid rgba(49, 85, 72, 0.13);
    border-radius: 5px;
    background: linear-gradient(130deg, #ffffff 0%, #f6fbf8 100%);
    color: #45544c;
    font-size: 0.94rem;
    line-height: 1.45;
}

.ms-job-city-directory__facts strong
{
    color: var(--job-ink);
    font-size: 1.16rem;
}

.ms-job-city-directory__insights
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ms-job-city-directory__insights article
{
    min-height: 170px;
    padding: 22px;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
}

.ms-job-city-directory__insights h3
{
    margin: 0 0 10px;
    color: var(--job-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.42rem;
    font-weight: 400;
    line-height: 1.12;
}

.ms-job-city-directory__insights p
{
    margin: 0;
    color: #4f5a54;
    font-size: 0.93rem;
    line-height: 1.52;
}

.ms-job-city-grid--directory a
{
    min-height: 86px;
}

.ms-job-directory-alpha
{
    display: flex;
    margin-top: 8px;
    flex-wrap: wrap;
    gap: 8px;
}

.ms-job-directory-alpha a
{
    display: inline-flex;
    min-width: 38px;
    min-height: 38px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--job-line);
    border-radius: 999px;
    background: #fff;
    color: var(--job-ink);
    font-weight: 700;
    text-decoration: none;
}

.ms-job-directory-alpha a:hover,
.ms-job-directory-alpha a:focus
{
    border-color: #9bcdb6;
    color: var(--job-ink);
    text-decoration: none;
}

.ms-job-dual-directory .ms-job-subjects
{
    padding-top: 24px;
    padding-bottom: 24px;
}

.ms-job-dual-directory > .ms-job-subjects:nth-of-type(3)
{
    padding-bottom: 10px;
}

@media (max-width: 980px)
{
    .ms-job-hero,
    .ms-job-section,
    .ms-job-guide
    {
        width: calc(100% - 48px);
    }

    .ms-job-search
    {
        width: 100%;
        grid-template-columns: minmax(180px, 1fr) minmax(270px, 1fr) 74px;
    }

    .ms-job-city-grid
    {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ms-job-teaser--featured
    {
        grid-column: span 7;
    }

    .ms-job-teaser--compact
    {
        grid-column: span 5;
    }

    .ms-job-teaser--standard
    {
        grid-column: span 6;
    }

    .ms-job-guide
    {
        gap: 40px;
    }

    .ms-job-city-directory__hero
    {
        padding: 34px;
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ms-job-city-directory__insights
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-job-city-directory__overview .ms-job-city-directory__facts
    {
        grid-template-columns: 1fr;
    }

    .ms-job-city-directory__overview,
    .ms-job-city-directory__orientation
    {
        padding: 36px 30px;
    }

    .ms-job-dual-directory .ms-job-subject-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px)
{
    .job-landing-home .ms-job-hero
    {
        display: flex;
        min-height: 0;
        flex-direction: column;
        overflow: visible;
        background: #fdfcf8;
    }

    .job-landing-home .ms-job-hero__inner
    {
        order: 1;
        position: relative;
        z-index: 4;
        min-height: 0;
        padding: 22px 15px 0;
    }

    .job-landing-home .ms-job-hero__visual
    {
        position: relative;
        order: 2;
        inset: auto;
        z-index: 2;
        height: 280px;
        margin: -56px 0 0;
        overflow: hidden;
    }

    .job-landing-home .ms-job-hero__visual::before
    {
        content: "";
        display: block;
        position: absolute;
        z-index: 3;
        inset: 0 0 auto 0;
        height: 170px;
        pointer-events: none;
        background: linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0.96) 32%, rgba(253, 252, 248, 0.58) 66%, rgba(253, 252, 248, 0) 100%);
    }

    .job-landing-home .ms-job-hero__visual img
    {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-position: center 34%;
    }

    .job-landing-home .ms-job-search
    {
        position: relative;
        z-index: 6;
        margin-top: 22px;
    }

    .ms-job-hero
    {
        width: 100%;
        min-height: 850px;
    }

    .ms-job-hero__inner
    {
        width: 100%;
        min-height: 850px;
        padding: 248px 15px 28px;
    }

    .ms-job-hero__visual
    {
        height: 100%;
    }

    .ms-job-hero__visual::before
    {
        width: 100%;
        background: linear-gradient(180deg, rgba(253, 252, 248, 0.06) 0, rgba(253, 252, 248, 0.2) 180px, rgba(253, 252, 248, 0.98) 330px, #fdfcf8 100%);
    }

    .ms-job-hero__copy
    {
        width: 100%;
        padding: 0;
    }

    .ms-job-back
    {
        margin-bottom: 22px;
    }

    .ms-job-hero h1
    {
        font-size: 2.8rem;
    }

    .ms-job-search
    {
        width: 100%;
        min-height: 214px;
        margin-top: 28px;
        padding: 12px;
        grid-template-columns: 1fr;
        border-radius: 28px;
        gap: 0;
    }

    .ms-jobs-search
    {
        min-height: 300px;
        grid-template-rows: repeat(3, 66px) 66px;
    }

    .ms-job-search__group
    {
        min-height: 66px;
        padding: 0 14px;
        gap: 10px;
        border-right: 0;
        border-bottom: 1px solid var(--job-line);
    }

    .ms-job-radius
    {
        width: 72px;
        flex-basis: 72px;
    }

    .ms-job-radius__trigger
    {
        padding-left: 8px;
        font-size: 0.85rem;
    }

    .ms-job-search__group--location
    {
        border-bottom: 0;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit
    {
        min-height: 300px;
        grid-template-columns: minmax(0, 1fr) 56px;
        grid-template-rows: repeat(3, 66px) 56px;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__group
    {
        grid-column: 1 / -1;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__group--location
    {
        border-bottom: 1px solid var(--job-line);
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__radius-mobile
    {
        display: flex;
        min-width: 0;
        align-items: center;
        grid-column: 1;
        grid-row: 4;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius
    {
        display: flex;
        width: 100%;
        height: 56px;
        flex: 1 1 auto;
        border: 0 !important;
        border-left: 0 !important;
        background: transparent;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius__trigger
    {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0 6px 0 0;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 0.95rem;
        text-align: left;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius__trigger::before
    {
        content: "\f140";
        display: inline-flex;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        color: #1b2520;
        font-family: "Font Awesome 6 Free";
        font-size: 1rem;
        font-weight: 900;
        line-height: 1;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius__trigger > i
    {
        margin-left: auto;
    }

    body.jobs-hub .ms-jobs-search[data-hero-mobile-km-placement].is-km-in-submit > button[type="submit"]
    {
        position: static;
        right: auto;
        bottom: auto;
        width: 56px;
        height: 56px;
        margin: 0;
        align-self: center;
        justify-self: end;
        grid-column: 2;
        grid-row: 4;
    }

    .ms-job-search > button[type="submit"],
    .ms-job-search > .ms-job-search__submit > button[type="submit"]
    {
        position: absolute;
        right: 12px;
        bottom: 12px;
        width: 56px;
        height: 56px;
    }

    .ms-job-section,
    .ms-job-guide
    {
        width: calc(100% - 30px);
    }

    .ms-job-section
    {
        padding: 54px 0;
    }

    .ms-job-section__heading
    {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ms-job-section__heading > a
    {
        justify-self: start;
    }

    .ms-job-list,
    .ms-job-city-grid,
    .ms-job-subject-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-job-teaser--featured,
    .ms-job-teaser--compact,
    .ms-job-teaser--standard
    {
        min-height: 0;
        grid-column: auto;
        grid-row: auto;
    }

    body.job-landing .ms-job-teaser--featured .jobad
    {
        min-height: 380px;
        padding: 72px 24px 28px;
    }

    .ms-job-guide
    {
        padding: 36px 24px;
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ms-job-city-directory__hero
    {
        padding: 28px 20px;
    }

    .ms-job-city-directory__overview,
    .ms-job-city-directory__orientation
    {
        padding: 28px 20px;
    }

    .ms-job-city-directory__copy h1
    {
        font-size: 2.32rem;
    }

    .ms-job-city-directory__insights
    {
        grid-template-columns: 1fr;
    }

    .ms-job-directory-alpha
    {
        gap: 6px;
    }

    .ms-job-directory-alpha a
    {
        min-width: 34px;
        min-height: 34px;
        padding: 0 8px;
        font-size: 0.84rem;
    }

    .ms-job-dual-directory .ms-job-subject-grid
    {
        grid-template-columns: 1fr;
    }
}

.beforeResults
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: auto;
}

#sidefilter-toggle
{
    display: none;
}

.filterButtonContainer
{
    width: auto;
}

.sidefilter-button
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidefilter
{
    background-color: #fefefe;
    color: black;
    position: fixed;
    right: 0;
    left: auto;
    top: 0;
    height: 100vh;
    transform: translateX(100%);
    transition: all .4s;
    width: min(100vw, calc(var(--menuwidth, 19rem) + 7em));
    max-width: 100vw;
    z-index: 100;
    padding: 16px;
    box-sizing: border-box;
    overflow-y: auto;
}

.sidefilter-close
{
    cursor: pointer;
}

.sidefilter .filterInactive
{
    color: lightgray
}

#sidefilter-toggle:checked~.sidefilter
{
    transform: translateX(0);
    transition: all .4s;
    box-shadow: 0px 0px 15px #00000070;
}

.sidefilter strong
{
    display: block;
    padding-bottom: 5px;
    padding-left: 0;
    font-weight: 500;
    color: black;
}

.sidefilter h2
{
    margin: 0;
}

.sidefilter ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sidefilter ul li
{
    width: 100%;
    align-items: center;
    transition: all 0.1s ease-in-out;
}

.sidefilter ul li a
{
    border: none;
}

.sidefilter hr
{
    position: relative;
    outline: 0;
    border: 0;
    opacity: .5;
    margin: 0;

    &:before
    {
        content: '';
        background: linear-gradient(to right, transparent, #818078, transparent);
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }
    &:after
    {
        content: '';
        position: relative;
        display: inline-block;
        color: black;
        line-height: 1em;
        color: #818078;
        background-color: #fcfcfa;
    }
}



/* Mobile responsive */
@media (max-width: 768px)
{
    .beforeResults
    {
        flex-direction: column;
        margin-bottom: 1em;
    }

    .filterButtonContainer
    {
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .sidefilter
    {
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100dvh;
        padding: 12px 14px 16px;
        transform: translateX(100%);
        z-index: 10020;
    }

    #sidefilter-toggle:checked~.sidefilter
    {
        transform: translateX(0);
    }

    .sidefilter-close
    {
        display: inline-flex;
        position: sticky;
        top: 0;
        margin: 0 0 8px auto;
        width: 38px;
        height: 38px;
        align-items: center;
        justify-content: center;
        border: 1px solid #d7ddd9;
        border-radius: 999px;
        background: #ffffff;
        z-index: 2;
    }

    .sidefilter-close i
    {
        pointer-events: none;
    }

    .sidefilter ul li a
    {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        overflow-wrap: anywhere;
    }

    .sidefilter ul li a small
    {
        margin-left: 8px;
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

/* ##### StudienangeboteUniKategorie ####################################################################################### */

/* GENERAL STYLES ########################################################## */

.StudienangeboteUniKategorie hr
{
    border-color: #22222211;
    margin: 1.5em 0;
}

.StudienangeboteUniKategorie .container
{
    overflow-wrap: anywhere;
}

.StudienangeboteUniKategorie summary::-webkit-details-marker
{
    display: none;
}

.StudienangeboteUniKategorie ul
{
    padding-left: 20px;
    list-style: none;
}

.StudienangeboteUniKategorie .headlineCat
{
    grid-column-start: 1;
    grid-column-end: 4;
    margin-bottom: -1em;
    color: var(--main-hl-color);
}

/* MAIN CONTENT ########################################################## */

.StudienangeboteUniKategorie .main-content
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1;
    gap: 3em;
    margin-top: 2em;
}

.StudienangeboteUniKategorie .main-left
{
    grid-column-start: 1;
    grid-column-end: 3;
}

.StudienangeboteUniKategorie .main-right
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.StudienangeboteUniKategorie .content-left
{
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.StudienangeboteUniKategorie .content-left h2
{
    margin-top: 0;
    font-weight: bold;
}

.StudienangeboteUniKategorie .content-right
{
    background-color: #F1F2F7;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.StudienangeboteUniKategorie .content-right h2
{
    margin-top: 0;
}

.StudienangeboteUniKategorie .content-right ul
{
    padding-left: 0;
}

.StudienangeboteUniKategorie .program-tree summary
{
    list-style: none;
}

.StudienangeboteUniKategorie .program-tree .summaryLvl2
{
    margin-left: 1em;
}

/* RESPONSIVE CONTENT #################################################### */

@media only screen and (max-width: 836px)
{

    .StudienangeboteUniKategorie .main-content
    {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-top: 0;
    }

    .StudienangeboteUniKategorie .headlineCat
    {
        margin-bottom: 0;
        text-align: center;
    }

    .StudienangeboteUniKategorie .content-right
    {
        padding: 16px 8px;
    }
}



/* ##### UniversitaetDetails ####################################################################################### */

/* GENERAL STYLES ########################################################## */

.UniversitaetDetails hr
{
    border-color: #22222211;
    margin: 1.5em 0;
    height: 1px;
}

.UniversitaetDetails .container
{
    overflow-wrap: anywhere;
}

.UniversitaetDetails summary::-webkit-details-marker
{
    display: none;
}

.UniversitaetDetails ul
{
    padding-left: 20px;
    list-style: none;
}

.UniversitaetDetails .homehead
{
    line-height: 1em !important;
}

/* MAIN CONTENT ########################################################## */

.UniversitaetDetails .main-content
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1;
    gap: 3em;
    margin-top: 2em;
}

.UniversitaetDetails .main-left
{
    grid-column-start: 1;
    grid-column-end: 3;
}

.UniversitaetDetails .main-right
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.UniversitaetDetails .content-left
{
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}

.UniversitaetDetails .content-left h2
{
    margin-top: 0;
    font-weight: bold;
}

.UniversitaetDetails .content-right
{
    background-color: #F1F2F7;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}

.UniversitaetDetails .content-right h2
{
    margin-top: 0;
}

.UniversitaetDetails .content-right ul
{
    padding-left: 0;
}

.UniversitaetDetails .program-tree summary
{
    list-style: none;
}

.UniversitaetDetails .program-tree .summaryLvl2
{
    margin-left: 1em;
}

/* RESPONSIVE CONTENT #################################################### */

@media only screen and (max-width: 836px)
{

    .UniversitaetDetails .main-content
    {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .UniversitaetDetails .content-left
    {
        width: 100%;
        padding: 16px 8px;
        box-shadow: none;
    }

    .UniversitaetDetails .content-right
    {
        padding: 16px 8px;
    }
}

/* ##### StudienangebotDetails ####################################################################################### */

/* GENERAL STYLES ########################################################## */

.StudienangebotDetails .header-container a:hover
{
    color: white;
    border-bottom: 1px solid white;
}

.StudienangebotDetails hr
{
    border-color: #22222211;
    margin: 1.5em 0;
}

.StudienangebotDetails .container
{
    overflow-wrap: anywhere;
}

.StudienangebotDetails summary::-webkit-details-marker
{
    display: none;
}

.StudienangebotDetails ul
{
    padding-left: 20px;
    margin-top: 0;
    list-style: none;
}

.StudienangebotDetails dt
{
    font-weight: bold;
    margin-bottom: 9px;
}

.StudienangebotDetails dd
{
    margin-left: 0;
    padding-left: 0;
}

/* SEMESTER WIDGET ########################################################## */

.semester-widget
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-family: sans-serif;
    height: 100%;
}

.gauge-box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gauge-box svg
{
    width: 8em;
    height: auto;
    overflow: visible;
    margin-top: 2em;
}

.gauge-box svg
{
    transform: scale(-1, 1);
    margin-left: auto;
    margin-right: auto;
}

.gauge-bg
{
    fill: none;
    stroke: #e8f0f2;
    stroke-linecap: round;
    stroke-width: 10;
}

.gauge-fill
{
    fill: none;
    stroke: #28a74e;
    stroke-width: 10;
    stroke-linecap: round;
    /* kein dashoffset nötig */
    transition: stroke-dasharray 0.3s ease-out;
}

.gauge-info
{
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

.gauge-days
{
    font-size: 0.9rem;
}

.gauge-days .value
{
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0.25rem;
}

.gauge-nav
{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.gauge-nav a
{
    text-decoration: none;
    color: #efefef;
    font-size: 1.1rem;
}

.gauge-nav .current
{
    font-weight: bold;
}

.gauge-period
{
    font-size: 0.85rem;
    color: #777;
}

/* HEAD CONTENT ########################################################## */

.StudienangebotDetails .headContent
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 1rem;
    padding-bottom: 1em;
}

.StudienangebotDetails .homehead
{
    line-height: 1em !important;
}

.StudienangebotDetails .img-container
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
}

.StudienangebotDetails .img-container img
{
    padding: 10px;
    max-height: 150px;
    width: auto;
    max-width: 200px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.StudienangebotDetails .uni-name
{
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.StudienangebotDetails .uni-infos
{
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.StudienangebotDetails .semester-widget-container
{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1em;
}

/* MAIN CONTENT ########################################################## */

.StudienangebotDetails .main-content
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1;
    gap: 3em;
    margin-top: 2em;
}

.StudienangebotDetails .main-left
{
    grid-column-start: 1;
    grid-column-end: 3;
}

.StudienangebotDetails .main-right
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.StudienangebotDetails .content-left
{
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
}

.StudienangebotDetails .content-left h2
{
    margin-top: 0;
}

.StudienangebotDetails .content-left h3
{
    margin-top: 0;
}

.StudienangebotDetails .content-left .fachbeschreibung a:hover
{
    border-bottom: none;
    text-decoration: underline;
}

.StudienangebotDetails .content-right
{
    background-color: #F1F2F7;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}

.StudienangebotDetails .content-right h2
{
    margin-top: 0;
}

.StudienangebotDetails .content-right ul
{
    padding-left: 0;
}

.StudienangebotDetails .grundinfos
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.StudienangebotDetails .fachbeschreibung
{
    grid-column-start: 1;
    grid-column-end: 3;
}

.StudienangebotDetails .fachbeschreibung > h2
{
    margin-bottom: 18px;
}

.StudienangebotDetails .ms-study-subject + .ms-study-subject
{
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--study-detail-line);
}

.StudienangebotDetails .ms-study-subject > h3
{
    margin: 0 0 8px;
    color: var(--study-detail-ink);
    font-size: 1.05rem;
    line-height: 1.35;
}

.StudienangebotDetails .ms-study-subject__description > :first-child
{
    margin-top: 0;
}

.StudienangebotDetails .ms-study-subject__description > :last-child
{
    margin-bottom: 0;
}

.StudienangebotDetails .ms-study-subject__description p
{
    margin: 0 0 8px;
}

.StudienangebotDetails .ms-study-subject__description p:empty,
.StudienangebotDetails .ms-study-subject__description > br
{
    display: none;
}

.StudienangebotDetails summary
{
    list-style: none;
}

.StudienangebotDetails .summaryLvl2
{
    margin-left: 1.5em;
    list-style-type: symbols('↳');
}

.StudienangebotDetails .resultsLvl3
{
    margin-left: 2.5em;
    list-style-type: circle;
}

.StudienangebotDetails .ms-related-fields
{
    display: grid;
    gap: 10px;
}

.StudienangebotDetails .ms-related-fields__group
{
    overflow: hidden;
    border: 1px solid var(--study-detail-line);
    border-radius: 5px;
    background: var(--study-detail-surface);
}

.StudienangebotDetails .ms-related-fields__group > summary
{
    display: flex;
    padding: 12px 14px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--study-detail-ink);
    cursor: pointer;
}

.StudienangebotDetails .ms-related-fields__group > summary > i
{
    width: 14px;
    flex: 0 0 14px;
    color: #1e7a59;
    transition: transform 180ms ease;
}

.StudienangebotDetails .ms-related-fields__group:not([open]) > summary > i
{
    transform: rotate(-90deg);
}

.StudienangebotDetails .ms-related-fields__body
{
    padding: 2px 14px 14px;
    border-top: 1px solid var(--study-detail-line);
}

.StudienangebotDetails .ms-related-fields__section
{
    padding-top: 12px;
}

.StudienangebotDetails .ms-related-fields__section + .ms-related-fields__section
{
    margin-top: 12px;
    border-top: 1px solid var(--study-detail-line);
}

.StudienangebotDetails .ms-related-fields__section > h3
{
    margin: 0 0 7px;
    color: var(--study-detail-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.StudienangebotDetails .ms-related-fields__section > ul
{
    display: grid;
    margin: 0;
    padding: 0;
    gap: 2px;
    list-style: none;
}

.StudienangebotDetails .ms-related-fields__section li
{
    margin: 0;
}

.StudienangebotDetails .ms-related-fields__section a
{
    display: grid;
    padding: 8px 6px;
    grid-template-columns: minmax(0, 1fr) auto 14px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    color: #185f47;
}

.StudienangebotDetails .ms-related-fields__section a:hover,
.StudienangebotDetails .ms-related-fields__section a:focus
{
    background: #edf7f2;
    text-decoration: none;
}

.StudienangebotDetails .ms-related-fields__section a > span
{
    min-width: 0;
    overflow-wrap: anywhere;
}

.StudienangebotDetails .ms-related-fields__section a > small
{
    color: var(--study-detail-muted);
    white-space: nowrap;
}

.StudienangebotDetails .ms-related-fields__section a > i
{
    width: 14px;
    color: #1e7a59;
}

/* RESPONSIVE CONTENT #################################################### */

@media only screen and (max-width: 836px)
{
    .StudienangebotDetails .headContent
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        padding-bottom: 1em;
    }

    .StudienangebotDetails .img-container
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1em;
        padding-bottom: 0;
    }

    .StudienangebotDetails .uni-name
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .StudienangebotDetails .img-container img
    {
        max-height: 150px;
        max-width: 100%;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .StudienangebotDetails .uni-infos
    {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .StudienangebotDetails .semester-widget-container
    {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }

    .StudienangebotDetails .homehead
    {
        margin: 0;
    }

    .StudienangebotDetails .main-content
    {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        gap: 1em;
    }

    .StudienangebotDetails .grundinfos
    {
        display: flex;
        flex-direction: column;
    }

    .StudienangebotDetails .content-left
    {
        width: 100%;
        padding: 16px 8px;
        box-shadow: none;
        padding-bottom: 0;
    }

    .StudienangebotDetails .content-left .bookmark
    {
        margin-top: 11px;
    }

    .StudienangebotDetails .content-right
    {
        width: 100%;
        padding: 16px 8px;
        border-radius: 2px;
        box-shadow: none;
    }
}

/* MODERN STUDY PROGRAM DETAIL ################################################ */

body.study-program-detail-page
{
    --study-detail-paper: #f1f3f2;
    --study-detail-surface: #ffffff;
    --study-detail-ink: #111714;
    --study-detail-muted: #66706b;
    --study-detail-line: #dfe4df;
    background: var(--study-detail-paper);
    color: var(--study-detail-ink);
}

body.study-program-detail-page .breadcrumbscontainer
{
    display: none;
}

body.study-program-detail-page header,
body.study-program-detail-page .contentwrapper,
body.study-program-detail-page .conentInner,
body.study-program-detail-page main
{
    background-color: var(--study-detail-paper);
}

body.study-program-detail-page header.suchContainer.noSearch.bgSmallHeader,
body.study-program-detail-page header.suchContainer.noSearch.bgSmallHeader .suchContainerBox
{
    background-color: var(--study-detail-paper) !important;
}

body.study-program-detail-page header.suchContainer.noSearch.bgSmallHeader > .logo
{
    min-height: 66px;
}

body.study-program-detail-page header.suchContainer.noSearch.bgSmallHeader > .suchContainerBox
{
    display: none;
}

section:last-of-type
{
    margin-bottom: 20px;
}

#moveUp
{
    display: grid;
    width: 46px;
    height: 46px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    background: #18211d;
    box-shadow: 0 8px 24px rgba(17, 23, 20, 0.2);
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1;
}

#moveUp:hover,
#moveUp:focus-visible
{
    border-color: #25b97f;
    background: #25b97f;
    color: #111714;
    outline: 0;
    box-shadow: 0 10px 28px rgba(17, 23, 20, 0.24);
    transform: translateY(-2px);
}

#moveUp:focus-visible
{
    outline: 3px solid rgba(37, 185, 127, 0.3);
    outline-offset: 3px;
}

#moveUp i,
#moveUp .svg-inline--fa
{
    margin: 0;
    color: inherit;
}

body.jobs-hub .ms-jobs-hub > section:last-of-type,
body.magazine-home .ms-magazine > section:last-of-type
{
    margin-bottom: 20px;
}

.StudienangebotDetails
{
    color: var(--study-detail-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-study-detail-hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(135deg, #fcfdfb 0%, #eef9f5 58%, #e2f5ed 100%);
}

.ms-study-detail-hero__inner
{
    position: relative;
    z-index: 1;
    padding: 24px 28px 28px;
}

.ms-study-detail-hero__top
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: stretch;
    gap: 18px;
}

.ms-study-detail-kicker
{
    color: #1e7a59;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-study-detail-hero h1
{
    max-width: 900px;
    margin: 6px 0 8px;
    color: var(--study-detail-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(1.75rem, 2.5vw, 2.35rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.06;
}

.ms-study-detail-hero__university
{
    display: inline-flex;
    margin: 0;
    align-items: center;
    gap: 6px;
    color: var(--study-detail-muted);
    font-size: 1rem;
}

.ms-study-detail-hero__byline
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 18px;
}

.ms-study-detail-hero__location
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--study-detail-muted);
    font-size: 1rem;
}

.ms-study-detail-hero__university > i,
.ms-study-detail-hero__location > i
{
    color: #66706b;
    font-size: 0.85rem;
}

.ms-study-detail-hero a
{
    color: #185f47;
    font-weight: 600;
}

.ms-study-detail-hero a:hover,
.ms-study-detail-hero a:focus
{
    color: #103f30;
    text-decoration: underline;
}

.StudienangebotDetails .ms-study-detail-meta
{
    display: flex;
    margin: 10px 0 0;
    padding: 0;
    flex-wrap: wrap;
    gap: 10px 22px;
    list-style: none;
}

.ms-study-detail-meta li
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ms-study-detail-meta li
{
    color: var(--study-detail-muted);
    font-size: 0.92rem;
}

.ms-study-detail-facts
{
    display: grid;
    margin: 18px 0 0;
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 16px;
}

.ms-study-detail-tabs
{
    display: flex;
    grid-column: 1;
    overflow-x: auto;
    align-items: flex-end;
    gap: 4px;
    scrollbar-width: none;
}

.ms-study-detail-tabs::-webkit-scrollbar
{
    display: none;
}

.ms-study-detail-tabs > button
{
    position: relative;
    z-index: 1;
    margin: 0 0 -1px;
    padding: 9px 16px;
    flex: 0 0 auto;
    border: 1px solid rgba(30, 122, 89, 0.24);
    border-radius: 5px 5px 0 0;
    background: #edf4f0;
    color: var(--study-detail-muted);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
}

.ms-study-detail-tabs > button:hover,
.ms-study-detail-tabs > button:focus-visible
{
    border-color: rgba(30, 122, 89, 0.55);
    background: #f8fbf9;
    color: #185f47;
}

.ms-study-detail-tabs > button:focus-visible
{
    outline: 2px solid rgba(30, 122, 89, 0.35);
    outline-offset: 3px;
}

.ms-study-detail-tabs > button[aria-selected="true"]
{
    z-index: 2;
    border-color: #1e7a59;
    border-bottom-color: #fff;
    background: #fff;
    color: #1e7a59;
}

.ms-study-detail-tab-content
{
    min-height: 390px;
    padding: 20px 26px;
    box-sizing: border-box;
    border: 1px solid rgba(28, 49, 40, 0.12);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.9);
}

.ms-study-detail-tab-panel[hidden]
{
    display: none;
}

.ms-study-detail-overview
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.ms-study-detail-fact-group > h2
{
    margin: 0 0 8px;
    color: #1e7a59;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.ms-study-detail-overview .ms-study-detail-fact-group + .ms-study-detail-fact-group
{
    margin-left: 26px;
    padding-left: 30px;
    border-left: 1px solid rgba(28, 49, 40, 0.12);
}

.ms-study-detail-basics
{
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    list-style: none;
}

.ms-study-detail-basics--featured
{
    grid-template-columns: 1fr;
    gap: 0;
}

.ms-study-detail-basics--columns
{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
}

.ms-study-detail-basics > li
{
    display: grid;
    min-width: 0;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
}

.ms-study-detail-basics--featured > li
{
    min-height: 68px;
    padding: 10px 0;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid rgba(28, 49, 40, 0.1);
}

.ms-study-detail-basics--featured > li:last-child
{
    border-bottom: 0;
}

.ms-study-detail-basics > li > i,
.ms-study-detail-basics > li > .svg-inline--fa
{
    width: 24px;
    padding-top: 2px;
    color: #1e7a59;
    font-size: 0.9rem;
    text-align: center;
}

.ms-study-detail-basics--featured > li > i,
.ms-study-detail-basics--featured > li > .svg-inline--fa
{
    display: flex;
    width: 48px;
    height: 48px;
    padding: 11px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e4f7ee;
    font-size: 1.25rem;
}

.ms-study-detail-basics__label
{
    display: block;
    margin: 0 0 3px;
    color: var(--study-detail-muted);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-study-detail-basics strong
{
    display: block;
    margin: 0;
    color: var(--study-detail-ink);
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ms-study-detail-basics > .ms-study-detail-basics__expanded
{
    grid-column: span 2;
}

.ms-study-detail-overview .ms-study-detail-basics__expanded
{
    grid-column: auto;
}

.ms-study-detail-basics__description,
.ms-study-detail-basics__requirement
{
    display: block;
    margin-top: 4px;
    color: var(--study-detail-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.ms-study-detail-basics__description
{
    font-size: 0.82rem;
}

.ms-study-detail-basics__expanded .ms-study-detail-basics__description
{
    margin-top: 7px;
    padding: 0;
    color: #346454;
}

.ms-study-detail-basics__expanded .ms-study-detail-basics__requirement
{
    margin: 4px 0 0;
    color: #60786f;
    font-size: 0.72rem;
}

.ms-study-detail-basics__requirement b
{
    color: var(--study-detail-ink);
    font-weight: 600;
}

.ms-study-detail-costs
{
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.ms-study-detail-costs > i,
.ms-study-detail-costs > .svg-inline--fa
{
    padding-top: 2px;
    color: #1e7a59;
    font-size: 1rem;
    text-align: center;
}

.ms-study-detail-costs strong
{
    display: block;
    color: var(--study-detail-ink);
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.ms-study-detail-empty
{
    margin: 0;
    color: var(--study-detail-muted);
    font-size: 0.92rem;
}

.ms-study-detail-workspace
{
    display: grid;
    grid-column: 1 / -1;
    margin-top: 0;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: stretch;
    gap: 16px;
}

.ms-study-detail-start-card,
.ms-study-detail-glance
{
    display: flex;
    position: relative;
    min-width: 0;
    padding: 18px;
    box-sizing: border-box;
    flex-direction: column;
    border: 1px solid rgba(28, 49, 40, 0.1);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.9);
}

.ms-study-detail-logo
{
    display: flex;
    min-height: 126px;
    padding: 14px 28px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(28, 49, 40, 0.1);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.9);
}

.ms-study-detail-logo img
{
    display: block;
    max-width: 290px;
    max-height: 90px;
}

.ms-study-detail-logo > i
{
    color: #80a999;
    font-size: 3rem;
}

.ms-study-detail-start
{
    padding: 0 0 28px;
    text-align: center;
}

.ms-study-detail-start__title
{
    display: block;
    margin-bottom: 7px;
    color: var(--study-detail-muted);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-study-detail-start svg
{
    display: block;
    width: min(190px, 100%);
    height: 108px;
    margin: 18px auto 2px;
    overflow: hidden;
    transform: scale(-1, 1);
}

.ms-study-detail-start .gauge-bg
{
    stroke: #dce7e1;
    stroke-width: 9;
}

.ms-study-detail-start .gauge-fill
{
    stroke: #28a74e;
    stroke-width: 9;
}

.ms-study-detail-start__value
{
    display: flex;
    min-height: 34px;
    justify-content: center;
    color: var(--study-detail-ink);
    font-size: 1rem;
}

.ms-study-detail-start__value-copy
{
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
}

.ms-study-detail-start__value-copy strong
{
    color: var(--study-detail-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1;
}

.ms-study-detail-start__info
{
    display: block;
    position: absolute;
    right: 18px;
    bottom: 18px;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1e7a59;
    cursor: pointer;
}

.ms-study-detail-start__info .svg-inline--fa
{
    display: block;
    width: 100%;
    height: 100%;
}

.ms-study-detail-start > p
{
    margin: 5px 0 0;
    padding: 0;
    color: var(--study-detail-muted);
    font-size: 0.92rem;
    line-height: 1.25;
}

.ms-study-detail-start__date
{
    display: block;
    margin-top: 6px;
    color: var(--study-detail-muted);
    font-size: 0.9rem;
    font-weight: 500;
}

.ms-study-detail-glance > h2
{
    margin: 0 0 18px;
    color: #1e7a59;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.ms-study-detail-glance > ul
{
    display: grid;
    margin: 0;
    padding: 0;
    gap: 17px;
    list-style: none;
}

.ms-study-detail-glance > ul > li
{
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.ms-study-detail-glance > ul > li > i,
.ms-study-detail-glance > ul > li > .svg-inline--fa
{
    color: #159168;
    font-size: 1.1rem;
    text-align: center;
}

.ms-study-detail-glance small,
.ms-study-detail-glance strong
{
    display: block;
}

.ms-study-detail-glance small
{
    margin-bottom: 2px;
    color: var(--study-detail-muted);
    font-size: 0.76rem;
}

.ms-study-detail-glance strong
{
    color: var(--study-detail-ink);
    font-size: 0.96rem;
    font-weight: 500;
    line-height: 1.2;
}

.ms-study-detail-glance > ul > .ms-study-detail-glance__start
{
    display: block;
    margin-top: 2px;
    padding-top: 17px;
    border-top: 1px solid rgba(28, 49, 40, 0.12);
    text-align: center;
}

.ms-study-detail-glance__start > small
{
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-study-detail-glance__start > svg
{
    display: block;
    width: min(170px, 100%);
    height: 92px;
    margin: 4px auto 0;
    overflow: hidden;
    transform: scale(-1, 1);
}

.ms-study-detail-glance__start .gauge-bg,
.ms-study-detail-glance__start .gauge-fill
{
    fill: none;
    stroke-width: 9;
}

.ms-study-detail-glance__start .gauge-bg
{
    stroke: #dce7e1;
}

.ms-study-detail-glance__start .gauge-fill
{
    stroke: #28a74e;
}

.ms-study-detail-glance__start-value
{
    display: flex;
    margin-top: -3px;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    color: var(--study-detail-ink);
    font-size: 0.86rem;
    white-space: nowrap;
}

.ms-study-detail-glance__start-value > strong
{
    display: inline;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.65rem;
    font-weight: 400;
}

.ms-study-detail-glance__start-date,
.ms-study-detail-glance__start-semester
{
    display: block;
    margin-top: 4px;
    color: var(--study-detail-muted);
    font-size: 0.78rem;
}

.ms-study-detail-glance__start-semester
{
    line-height: 1.25;
}

.ms-study-detail-glance__cta
{
    display: flex;
    min-height: 48px;
    margin-top: auto;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
    background: #098b61;
    color: #fff !important;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none !important;
}

.ms-study-detail-glance__cta:hover,
.ms-study-detail-glance__cta:focus
{
    background: #086c4d;
    color: #fff;
}

.StudienangebotDetails .diag-content
{
    background: transparent;
}

.StudienangebotDetails .diag-content > .content.container
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 24px 0 72px;
}

.StudienangebotDetails .main-content
{
    margin-top: 0;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 24px;
}

.StudienangebotDetails .main-left,
.StudienangebotDetails .main-right
{
    grid-column: auto;
}

.StudienangebotDetails .content-left,
.StudienangebotDetails .content-right
{
    padding: 24px 28px 28px;
    border: 1px solid var(--study-detail-line);
    border-radius: 6px;
    background: var(--study-detail-surface);
    box-shadow: none;
}

.StudienangebotDetails .content-left h2,
.StudienangebotDetails .content-right h2
{
    margin: 28px 0 12px;
    color: var(--study-detail-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.55rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1;
}

.StudienangebotDetails .content-left h3,
.StudienangebotDetails .content-right h3
{
    margin: 22px 0 9px;
    font-size: 1.15rem;
    line-height: 1.25;
}

.StudienangebotDetails .content-left h4,
.StudienangebotDetails .content-right h4
{
    margin: 18px 0 7px;
    font-size: 1rem;
    line-height: 1.35;
}

.StudienangebotDetails .content-left p,
.StudienangebotDetails .content-right p
{
    margin: 0 0 12px;
    font-size: 0.98rem;
    line-height: 1.6;
}

.StudienangebotDetails .content-left hr,
.StudienangebotDetails .content-right hr
{
    margin: 28px 0;
}

.ms-study-duration-grid
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
}

#study-deadlines
{
    scroll-margin-top: 82px;
}

.ms-study-duration-grid--single
{
    grid-template-columns: 1fr;
}

.ms-study-duration-grid__item,
.ms-study-duration-grid__note
{
    padding: 16px 18px;
    border: 1px solid var(--study-detail-line);
    border-radius: 6px;
    background: #f6faf8;
}

.StudienangebotDetails .ms-study-duration-grid__item > h4,
.StudienangebotDetails .ms-study-duration-grid__item-detail > h4
{
    margin: 0 0 5px;
    color: var(--study-detail-muted);
    font-size: 0.76rem;
    text-transform: uppercase;
}

.ms-study-duration-grid__item > span,
.ms-study-duration-grid__item-detail > span
{
    color: var(--study-detail-ink);
    font-size: 1rem;
    font-weight: 600;
}

.ms-study-duration-grid__item-detail
{
    margin-top: 18px;
}

.ms-study-duration-grid__content
{
    margin-top: 28px;
}

.StudienangebotDetails .content-right li
{
    margin-bottom: 7px;
    font-size: 0.94rem;
    line-height: 1.45;
}

.StudienangebotDetails .content-left .fachbeschreibung:first-of-type > h2:first-child,
.StudienangebotDetails .content-right > h2:first-child
{
    margin-top: 0;
}

.StudienangebotDetails .grundinfos
{
    gap: 0 24px;
}

.StudienangebotDetails .grundinfos > div
{
    padding: 12px 0;
    border-bottom: 1px solid var(--study-detail-line);
}

.StudienangebotDetails .grundinfos dt
{
    margin-bottom: 4px;
    color: var(--study-detail-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
}

.StudienangebotDetails .content-right
{
    background: #f3f7f4;
}

@media (max-width: 1180px)
{
    .ms-study-detail-hero__top
    {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .ms-study-detail-facts,
    .ms-study-detail-workspace
    {
        grid-template-columns: minmax(0, 1fr) 230px;
    }

    .ms-study-detail-tabs
    {
        grid-column: 1;
    }

    .ms-study-detail-glance
    {
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px)
{
    .ms-study-detail-hero,
    .StudienangebotDetails .diag-content > .content.container
    {
        width: calc(100% - 48px);
    }

    .ms-study-detail-hero__top
    {
        grid-template-columns: minmax(0, 1fr) 280px;
    }

    .ms-study-detail-overview
    {
        grid-template-columns: 1fr;
    }

    .ms-study-detail-overview .ms-study-detail-fact-group + .ms-study-detail-fact-group
    {
        margin: 22px 0 0;
        padding: 22px 0 0;
        border-top: 1px solid rgba(28, 49, 40, 0.12);
        border-left: 0;
    }
}

@media (max-width: 700px)
{
    .ms-study-detail-hero
    {
        width: 100%;
    }

    .ms-study-detail-hero__inner
    {
        padding: 22px 15px 20px;
    }

    .ms-study-detail-hero__top,
    .ms-study-detail-facts,
    .ms-study-detail-workspace
    {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ms-study-detail-hero h1
    {
        font-size: clamp(1.7rem, 7.5vw, 2.1rem);
    }

    .ms-study-detail-facts
    {
        margin-top: 16px;
    }

    .ms-study-detail-tabs
    {
        display: grid;
        grid-column: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .ms-study-detail-tabs > button
    {
        width: 100%;
        padding: 8px 10px;
        font-size: 0.82rem;
        white-space: normal;
    }

    .ms-study-detail-tab-content
    {
        min-height: 0;
        padding: 17px 15px;
    }

    .ms-study-detail-basics
    {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ms-study-detail-basics > li
    {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 8px;
    }

    .ms-study-detail-basics > li > i
    {
        width: 24px;
        font-size: 0.9rem;
    }

    .ms-study-detail-basics--featured > li
    {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 18px;
    }

    .ms-study-detail-basics > .ms-study-detail-basics__expanded
    {
        grid-column: 1 / -1;
    }

    .ms-study-duration-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-study-detail-logo
    {
        width: 100%;
        min-height: 100px;
        padding: 12px 18px;
        box-sizing: border-box;
    }

    .ms-study-detail-logo img
    {
        max-width: 220px;
        max-height: 72px;
    }

    .ms-study-detail-start
    {
        width: 100%;
        padding-top: 12px;
    }

    .ms-study-detail-start__title
    {
        margin-bottom: 7px;
    }

    .ms-study-detail-start svg
    {
        width: min(150px, 100%);
        height: 84px;
    }

    .ms-study-detail-start__value
    {
        font-size: 0.82rem;
    }

    .ms-study-detail-start__value-copy
    {
        gap: 4px;
    }

    .ms-study-detail-start__value-copy strong
    {
        font-size: 1.7rem;
    }

    .ms-study-detail-start__info
    {
        width: 24px;
        height: 24px;
    }

    .ms-study-detail-start > p
    {
        margin-top: 5px;
        font-size: 0.86rem;
    }

    .StudienangebotDetails .diag-content > .content.container
    {
        width: calc(100% - 30px);
        padding: 18px 0 54px;
    }

    .StudienangebotDetails .main-content
    {
        gap: 14px;
    }

    .StudienangebotDetails .content-left,
    .StudienangebotDetails .content-right
    {
        padding: 20px 16px 22px;
        border-radius: 5px;
    }
}



/* ##### IncludeErgebnisseManticore ####################################################################################### */

.includeErgebnisManticore
{
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
}

/* Redaktionelle Hochschul- und Standortinhalte */
.study-editorial-content
{
    margin-top: 42px;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid #dde6e1;
    border-radius: 12px;
    background: #fff;
    color: #102019;
}

.study-editorial-content > h2,
.study-editorial-content h2,
.study-editorial-content h3
{
    color: #102019;
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
    line-height: 1.12;
}

.study-editorial-content > h2
{
    margin: 8px 0 22px;
    font-size: clamp(2rem, 3vw, 3rem);
}

.study-editorial-content h3
{
    margin: 0 0 14px;
    font-size: clamp(1.45rem, 2vw, 2rem);
}

.study-editorial-richtext
{
    color: #33443c;
    font-size: 1.05rem;
    line-height: 1.75;
}

.study-editorial-richtext > :first-child
{
    margin-top: 0;
}

.study-editorial-richtext > :last-child
{
    margin-bottom: 0;
}

.study-editorial-highlights,
.study-editorial-section
{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dde6e1;
}

.study-editorial-highlights
{
    padding: 28px;
    border: 0;
    border-radius: 10px;
    background: #f3faf6;
}

.study-editorial-gallery
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 34px;
}

.study-editorial-gallery figure
{
    overflow: hidden;
    margin: 0;
    border: 1px solid #dde6e1;
    border-radius: 10px;
    background: #fbfaf6;
}

.study-editorial-gallery img
{
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.study-editorial-gallery figcaption
{
    padding: 10px 13px;
    color: #66736d;
    font-size: 0.82rem;
    line-height: 1.4;
}

.ms-university-detail-illustration--editorial
{
    position: relative;
    overflow: hidden;
}

.ms-university-detail-illustration--editorial img
{
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.ms-university-detail-illustration--editorial small
{
    position: absolute;
    right: 8px;
    bottom: 7px;
    max-width: calc(100% - 16px);
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(16, 32, 25, 0.72);
    color: #fff;
    font-size: 0.68rem;
}

@media (max-width: 767px)
{
    .study-editorial-content
    {
        margin-top: 28px;
        padding: 24px 18px;
    }

    .study-editorial-highlights
    {
        padding: 22px 18px;
    }

    .study-editorial-gallery
    {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.merkliste .includeErgebnisManticore
{

}

.includeErgebnisManticore .contentLeft
{
    display: flex;
    flex-direction: column;
    flex-basis: calc(3/4 * 100%);
    padding-right: 1em;
}

.includeErgebnisManticore .contentLeft h3
{
    margin-bottom: 0;
}

.includeErgebnisManticore .ergebnisOrtUndUni
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
}

.includeErgebnisManticore .taginfoContainer
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.includeErgebnisManticore .taginfo
{
    background-color: #F1F2F7;
    padding: 0.25em;
    border-radius: 0.3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.includeErgebnisManticore .ergebnisUniInfo
{
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 0 auto;
    width: 200px;
}

.includeErgebnisManticore .contentRight
{
    flex-basis: calc(1/4 * 100%);
    border-left-color: #F1F2F7;
    border-left-style: solid;
    border-left-width: 2px;
    padding-left: 1em;
}

.includeErgebnisManticore .contentRight h3
{
    text-align: center;
}

.includeErgebnisManticore .logoContainerMobile
{
    display: none;
}

.includeErgebnisManticore .logoContainer
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.includeErgebnisManticore .logoBox
{
    display: flex;
    width: 200px;
    padding: 15px;
    max-height: 150px;
    border: 1px solid #4e9ac4;
    justify-content: center;
    align-items: center;
}

.includeErgebnisManticore .logoBox img
{
    max-width: 150px;
    max-height: 150px;
    padding: 5px;
}

.includeErgebnisManticore .contentRight ul
{
    list-style: none;
    padding-left: 0 !important;
}

.includeErgebnisManticore .gotoOffer
{
    display: none;
}


@media only screen and (max-width:836px)
{

    .includeErgebnisManticore
    {
        flex-direction: column;
    }

    .includeErgebnisManticore .ergebnisOrtUndUni
    {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0.5em;
    }

    .includeErgebnisManticore .ergebnisOrtUndUni p
    {
        padding: 0;
        margin: 0;
    }

    .includeErgebnisManticore .contentLeft
    {
        flex-basis: 100%;
        padding-right: 0;
    }

    .includeErgebnisManticore .logoContainerMobile
    {
        display: flex;
        justify-content: center;
        margin: 0.5em auto;
    }

    .includeErgebnisManticore .ergebnisTeasertext p
    {
        text-align: justify;
    }

    .includeErgebnisManticore .taginfo
    {
        font-size: smaller;
    }

    /* .includeErgebnisManticore .contentRight
    {
        border-left: none;
        padding-left: 0;
    }   

    .includeErgebnisManticore .contentRight .logoContainer .logoBox
    {
        width: 100%;
        margin-bottom: 1em;
    }

    .includeErgebnisManticore .contentRight .ergebnisUniName
    {
        display: none;
    }

    .includeErgebnisManticore .contentRight .ergebnisUniInfo
    {
        display: none;
    } */

    .includeErgebnisManticore .contentRight
    {
        display: none;
    }

    .includeErgebnisManticore .gotoOffer
    {
        display: flex;
        margin-top: 1em;
        width: 100%;
    }

    .includeErgebnisManticore .gotoOffer a
    {
        width: 100%;
    }

    .includeErgebnisManticore .gotoOffer button
    {
        width: 100%;
    }
}



/* ##### includeErgebnisseUnideatilManticore ####################################################################################### */

.includeErgebnisUniDetailManticore
{
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
}

.includeErgebnisUniDetailManticore .contentCard
{
    display: flex;
    flex-direction: column;
}

.includeErgebnisUniDetailManticore .contentCard h3
{
    margin-top: 0;
    font-weight: bold;
}

.includeErgebnisUniDetailManticore .taginfoContainer
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.includeErgebnisUniDetailManticore .taginfo
{
    background-color: #F1F2F7;
    padding: 0.25em;
    border-radius: 0.3em;
}

.includeErgebnisUniDetailManticore .gotoOffer
{
    display: none;
}

.includeErgebnisUniDetailManticore .contentlink:hover
{
    text-decoration: none;
    border-bottom: none;
    color: var(--main-fg-color);
}


@media only screen and (max-width:836px)
{

    .includeErgebnisUniDetailManticore
    {
        flex-direction: column;
    }

    .includeErgebnisUniDetailManticore .contentCard
    {
        flex-basis: 100%;
        padding-right: 0;
    }

    .includeErgebnisUniDetailManticore p
    {
        text-align: justify;
    }

    .includeErgebnisUniDetailManticore .gotoOffer
    {
        display: flex;
        margin-top: 1em;
        width: 100%;
    }

    .includeErgebnisUniDetailManticore .gotoOffer a
    {
        width: 100%;
    }

    .includeErgebnisUniDetailManticore .gotoOffer button
    {
        width: 100%;
    }
}


/* ##### Editorial homepage ####################################################################################### */

body.home
{
    --home-bg: #f8f8f4;
    --home-surface: #ffffff;
    --home-mint: #d9f2e7;
    --home-mint-strong: #a8ddc6;
    --home-ink: #18322c;
    --home-muted: #5e716c;
    --home-line: #dce7e2;
    background: var(--home-bg);
    color: var(--home-ink);
}

body.home header
{
    background: var(--home-bg);
}

body.home header > .container.xhomebackground
{
    width: 100%;
    max-width: none;
    padding: 0;
}

.home-hero
{
    position: relative;
    isolation: isolate;
    min-height: 650px;
    overflow: hidden;
    background: #fbfbf7;
}

.home-hero__inner
{
    position: relative;
    z-index: 3;
    width: min(1180px, calc(100% - 48px));
    min-height: 610px;
    margin: 0 auto;
    padding: 96px 0 138px;
}

.home-hero__copy
{
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.home-hero__eyebrow
{
    display: inline-block;
    margin-bottom: 20px;
    color: #347460;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.home-hero h1
{
    max-width: 680px;
    margin: 0 auto 22px;
    color: var(--home-ink);
    font-size: clamp(3rem, 6vw, 5.7rem);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: 0;
}

.home-hero__copy > p
{
    max-width: 600px;
    margin: 0 auto 18px;
    color: var(--home-muted);
    font-size: 1.3rem;
    line-height: 1.55;
}

.home-hero__counter
{
    color: #427064;
    font-size: 1rem;
}

.home-hero__counter strong
{
    color: var(--home-ink);
    font-weight: 800;
}

.home-hero__image
{
    position: absolute;
    z-index: 1;
    right: -175px;
    top: 36px;
    width: 390px;
    height: 390px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 26px 70px rgba(45, 88, 76, 0.16);
}

.home-hero__wash
{
    position: absolute;
    z-index: 0;
    background: var(--home-mint);
    pointer-events: none;
}

.home-hero__wash--left
{
    left: -210px;
    top: 28px;
    width: 450px;
    height: 410px;
    border-radius: 42% 58% 61% 39% / 55% 41% 59% 45%;
    transform: rotate(14deg);
}

.home-hero__wash--right
{
    right: -180px;
    top: -105px;
    width: 570px;
    height: 520px;
    border-radius: 62% 38% 45% 55% / 44% 59% 41% 56%;
    background: #ccebdd;
    transform: rotate(-11deg);
}

.home-hero__search
{
    position: relative;
    z-index: 4;
    max-width: 1040px;
    margin: 46px auto 0;
    padding: 14px;
    border: 1px solid rgba(88, 124, 113, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 20px 55px rgba(34, 69, 59, 0.12);
}

.home-hero .searchbar
{
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home-hero .searchsimple
{
    display: grid;
    grid-template-columns: 1.15fr 1.15fr 1.25fr auto;
    gap: 10px;
    align-items: stretch;
}

.home-hero .inputgroup
{
    display: flex;
    min-width: 0;
    min-height: 56px;
    align-items: center;
    border: 1px solid var(--home-line);
    border-radius: 6px;
    background: #fafbf9;
    box-shadow: none;
}

.home-hero .inputgroup input,
.home-hero .inputgroup select
{
    min-width: 0;
    height: 54px;
    border: 0;
    background: transparent;
    color: var(--home-ink);
    box-shadow: none;
}

.home-hero .inputgroup input:focus,
.home-hero .inputgroup select:focus
{
    outline: 2px solid var(--home-mint-strong);
    outline-offset: -2px;
}

.home-hero .startbtn,
.home-hero .startbtn .btn
{
    height: 100%;
}

.home-hero .startbtn .btn
{
    min-width: 150px;
    min-height: 56px;
    padding: 12px 18px !important;
    border: 0;
    border-radius: 6px;
    background: #276f59 !important;
    color: #fff;
    font-weight: 700;
    box-shadow: none;
}

.home-hero .startbtn .btn:hover,
.home-hero .startbtn .btn:focus
{
    background: #1d5847 !important;
}

.home-hero__waves
{
    position: absolute;
    z-index: 1;
    right: -8%;
    bottom: -96px;
    width: 116%;
    height: 160px;
    border-radius: 50% 50% 0 0 / 75% 75% 0 0;
    background: #edf7f2;
    transform: rotate(-1deg);
}

.home-hero__waves::before,
.home-hero__waves::after
{
    content: "";
    position: absolute;
    left: -4%;
    width: 108%;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.home-hero__waves::before
{
    top: -34px;
    height: 92px;
    background: rgba(217, 242, 231, 0.72);
}

.home-hero__waves::after
{
    top: 10px;
    height: 88px;
    background: rgba(200, 235, 219, 0.48);
}

.home-editorial
{
    overflow: hidden;
    background: var(--home-bg);
}

.home-editorial .diag,
.home-editorial .diag-content
{
    position: relative;
    margin: 0;
    background: transparent;
}

.home-editorial .diag::before,
.home-editorial .diag::after
{
    display: none;
}

.home-editorial .diag
{
    padding: 88px 0 22px;
}

.home-editorial .diag-content
{
    padding: 18px 0 80px;
}

.home-editorial .diag:nth-of-type(4n + 1),
.home-editorial .diag:nth-of-type(4n + 1) + .diag-content
{
    background: #ffffff;
}

.home-editorial .content.container
{
    width: min(1120px, calc(100% - 48px));
    max-width: none;
    padding: 0;
}

.home-editorial .artikeldetail > h1.homehead,
.home-editorial .artikeldetail > h2.homehead
{
    max-width: 820px;
    margin: 0;
    color: var(--home-ink);
    font-size: clamp(2.2rem, 4vw, 3.7rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 0;
    text-shadow: none;
}

.home-editorial .artikeldetail > h3
{
    margin-top: 30px;
    color: var(--home-ink);
    font-size: 1.45rem;
    line-height: 1.3;
}

.home-editorial .artikeldetail > p
{
    max-width: 780px;
    color: var(--home-muted);
    font-size: 1.08rem;
    line-height: 1.78;
}

.home-editorial .nicelinks.columns-2
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
    padding: 0;
    column-count: auto;
}

.home-editorial .nicelinks.columns-2 li
{
    margin: 0;
    list-style: none;
}

.home-editorial .nicelinks.columns-2 a
{
    display: block;
    min-height: 52px;
    padding: 14px 18px;
    border: 1px solid var(--home-line);
    border-radius: 6px;
    background: var(--home-surface);
    color: var(--home-ink);
    box-shadow: 0 8px 24px rgba(37, 73, 63, 0.05);
}

.home-editorial .nicelinks.columns-2 a:hover
{
    border-color: var(--home-mint-strong);
    color: #276f59;
    text-decoration: none;
}

.home-editorial .row > [class*="col-"] > .imgartikel
{
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 7px 7px 0 0;
}

.home-editorial .row > [class*="col-"] > figure
{
    margin-bottom: 28px;
    padding: 22px;
    border: 1px solid var(--home-line);
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background: var(--home-surface);
    box-shadow: 0 12px 34px rgba(38, 72, 63, 0.07);
}

.home-editorial .includeErgebnisManticore,
.home-editorial .jobadborder
{
    margin: 18px 0;
    border: 1px solid var(--home-line);
    border-radius: 7px;
    background: var(--home-surface);
    box-shadow: 0 12px 34px rgba(38, 72, 63, 0.07);
}

.home-editorial .includeErgebnisManticore .taginfo
{
    background: #edf7f2;
    color: #345d51;
}

@media only screen and (max-width: 1050px)
{
    .home-hero__image
    {
        right: -225px;
        opacity: 0.68;
    }

    .home-hero .searchsimple
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-hero .startbtn .btn
    {
        width: 100%;
    }
}

@media only screen and (max-width: 680px)
{
    .home-hero
    {
        min-height: 720px;
    }

    .home-hero__inner
    {
        width: min(100% - 28px, 1180px);
        min-height: 680px;
        padding: 68px 0 130px;
    }

    .home-hero h1
    {
        font-size: 3.1rem;
        line-height: 1.02;
    }

    .home-hero__copy > p
    {
        font-size: 1.1rem;
    }

    .home-hero__image
    {
        display: none;
    }

    .home-hero__wash--left
    {
        left: -285px;
    }

    .home-hero__wash--right
    {
        right: -380px;
    }

    .home-hero__search
    {
        margin-top: 34px;
        padding: 10px;
    }

    .home-hero .searchsimple
    {
        grid-template-columns: 1fr;
    }

    .home-hero .inputgroup,
    .home-hero .inputgroup input,
    .home-hero .inputgroup select
    {
        min-height: 50px;
        height: 50px;
    }

    .home-editorial .diag
    {
        padding: 64px 0 16px;
    }

    .home-editorial .diag-content
    {
        padding: 12px 0 58px;
    }

    .home-editorial .content.container
    {
        width: min(100% - 30px, 1120px);
    }

    .home-editorial .artikeldetail > h1.homehead,
    .home-editorial .artikeldetail > h2.homehead
    {
        font-size: 2.25rem;
    }

    .home-editorial .nicelinks.columns-2
    {
        grid-template-columns: 1fr;
    }
}


/* ##### Homepage reference design ####################################################################################### */

body.home
{
    --ms-section-space: 56px;
    --ms-heading-space: 32px;
    --ms-grid-space: 16px;
    --ms-paper: #faf9f5;
    --ms-white: #ffffff;
    --ms-ink: #111714;
    --ms-muted: #66706b;
    --ms-line: #dfe4df;
    --ms-mint: #dff7e9;
    --ms-green: #25d592;
    --ms-serif: "DM Serif Display", Georgia, "Times New Roman", serif;
    background: var(--ms-paper);
    color: var(--ms-ink);
}

body.home .contentwrapper,
body.home .conentInner,
body.home header
{
    background: var(--ms-paper);
}

body.home header .logo
{
    display: grid;
    width: min(1240px, calc(100% - 96px));
    min-height: 66px;
    margin: 0 auto;
    padding: 0;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    background: transparent;
}

body.home header .homelink
{
    justify-self: start;
}

@media (min-width: 761px)
{
    body.home > #menutoggle + label
    {
        display: none;
    }
}

body.home header .logo-grid
{
    display: flex;
    align-items: center;
}

body.home #logo-grid-left
{
    display: grid;
    width: 29px;
    height: 29px;
    margin-right: 2.5px;
    border-radius: 50%;
    place-items: center;
    background: rgba(37, 213, 146, 0.16);
}

.ms-home-universities__links
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ms-grid-space);
}

.ms-university-card
{
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--ms-line);
    border-radius: 6px;
    background: var(--ms-white);
    color: var(--ms-ink);
}

.ms-university-card__visual
{
    display: block;
    width: 100%;
    aspect-ratio: 468 / 190;
    overflow: hidden;
    background: #e8f5ed;
}

.ms-university-card__visual img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-university-card__content
{
    display: flex;
    min-height: 116px;
    padding: 13px 14px;
    flex-direction: column;
    box-sizing: border-box;
}

.ms-university-card strong
{
    font-size: 0.92rem;
    line-height: 1.25;
}

.ms-university-card__meta
{
    display: grid;
    margin-top: auto;
    padding-top: 10px;
    gap: 5px;
    color: var(--ms-muted);
    font-size: 0.75rem;
    line-height: 1.2;
}

.ms-university-card__meta > span
{
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
}

.ms-university-card__meta i,
.ms-university-card__meta .svg-inline--fa
{
    width: 12px;
    flex: 0 0 12px;
    color: #347460;
    text-align: center;
}

.ms-university-card:hover
{
    color: var(--ms-ink);
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(34, 57, 47, 0.09);
}

@media (max-width: 760px)
{
    .ms-home-universities__links
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-university-card__content
    {
        min-height: 126px;
        padding: 11px 12px;
    }

    .ms-university-card strong
    {
        font-size: 0.86rem;
    }

    .ms-university-card__meta
    {
        font-size: 0.7rem;
    }
}

/* Events & Partys */
.ms-campus-departures__hero.ms-events-page__hero
{
    background-image: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 38%, rgba(253, 252, 248, 0.72) 52%, rgba(253, 252, 248, 0) 66%), url("/img/Header%20Fotos/Events%20und%20Partys%20Header.png");
}

.ms-events-page__content
{
    padding-top: 40px;
    padding-bottom: 80px;
}

.ms-events-page__intro
{
    margin: 0;
    color: #59645f;
    font-size: 1rem;
    line-height: 1.6;
}

.ms-events-page__sources
{
    display: flex;
    margin-top: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.ms-events-page__sources[hidden]
{
    display: none;
}

.ms-events-page__source-status
{
    display: inline-flex;
    min-height: 28px;
    padding: 5px 10px;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--campus-line);
    border-radius: 999px;
    background: #fff;
    color: #526159;
    font-size: 0.75rem;
    font-weight: 700;
}

.ms-events-page__source-status::before
{
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #279166;
}

.ms-events-page__source-status.is-unavailable::before
{
    background: #b65648;
}

.ms-events-page__hero .ms-events-page__search
{
    width: min(900px, calc(100vw - 144px));
}

.ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row
{
    grid-template-columns: minmax(190px, 1fr) 96px minmax(220px, 1.25fr) 58px;
}

.ms-events-page__location-field > .awesomplete
{
    min-width: 0;
    flex: 1 1 auto;
}

.ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > .ms-job-radius
{
    position: relative;
    width: auto;
    height: 58px;
    align-self: center;
    border-left: 0;
    border-right: 1px solid var(--campus-line);
}

.ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > .ms-job-radius .ms-job-radius__trigger
{
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 10px 0 12px;
    border-radius: 0;
    background: transparent;
    color: #33483f;
    font-size: 0.9rem;
    font-weight: 600;
}

.ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > .ms-job-radius .ms-job-radius__trigger:focus-visible
{
    outline: 3px solid rgba(37, 185, 127, 0.2);
    outline-offset: -3px;
}

.ms-events-page__results
{
    display: grid;
    margin-top: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ms-events-page__filters
{
    display: grid;
    margin-top: 22px;
    padding: 16px 0;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
    gap: 20px;
    border-top: 1px solid var(--campus-line);
    border-bottom: 1px solid var(--campus-line);
}

.ms-events-page__filters[hidden]
{
    display: none;
}

.ms-events-page__filter-city,
.ms-events-page__filter-types
{
    display: grid;
    min-width: 0;
    gap: 7px;
    color: #59645f;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-events-page__filter-city-input
{
    display: flex;
    height: 40px;
    padding: 0 12px;
    align-items: center;
    gap: 9px;
    border: 1px solid #cbd9d2;
    border-radius: 4px;
    background: #fff;
    color: var(--campus-green);
}

.ms-events-page__filter-city-input input
{
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--campus-ink);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    text-transform: none;
}

.ms-events-page__filter-types > div
{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
}

.ms-events-page__filter-types button
{
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 11px;
    border: 1px solid #cbd9d2;
    border-radius: 4px;
    background: #fff;
    color: #33483f;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: none;
    white-space: nowrap;
    cursor: pointer;
}

.ms-events-page__filter-types button:hover,
.ms-events-page__filter-types button:focus-visible,
.ms-events-page__filter-types button.is-active
{
    border-color: var(--campus-green);
    background: var(--campus-green);
    color: #fff;
}

.ms-events-page__filter-types button:disabled
{
    cursor: wait;
    opacity: 0.65;
}

.ms-events-page__results[hidden]
{
    display: none;
}

.ms-events-page__load-more
{
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 28px auto 0;
    padding: 12px 18px;
    border: 1px solid var(--campus-green);
    border-radius: 4px;
    background: #fff;
    color: var(--campus-green);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.ms-events-page__load-more:hover,
.ms-events-page__load-more:focus-visible
{
    background: var(--campus-green);
    color: #fff;
}

.ms-events-page__load-more:disabled
{
    cursor: wait;
    opacity: 0.65;
}

.ms-events-page__load-more[hidden]
{
    display: none;
}

.ms-events-page__card
{
    display: grid;
    min-width: 0;
    min-height: 350px;
    overflow: hidden;
    grid-template-rows: 180px 1fr;
    border: 1px solid var(--campus-line);
    border-radius: 8px;
    background: #fff;
    color: var(--campus-ink);
}

.ms-events-page__card:hover,
.ms-events-page__card:focus-visible
{
    border-color: #9fcab7;
    box-shadow: 0 14px 34px rgba(29, 56, 45, 0.1);
    color: var(--campus-ink);
}

.ms-events-page__card-media
{
    position: relative;
    display: grid;
    overflow: hidden;
    place-items: center;
    background: var(--campus-mint);
    color: var(--campus-green);
    font-size: 2rem;
}

.ms-events-page__card-media--placeholder
{
    --poster-accent-shape-straight: linear-gradient(#000 0 0);
    --poster-accent-shape-rise: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M4%2019%20L196%205'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-arc: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M4%2018%20Q100%202%20196%2018'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-brush: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M3%2015%20C48%204%20111%2019%20197%207'%20fill='none'%20stroke='black'%20stroke-width='9'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-bow: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M4%205%20Q100%2023%20196%205'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-s: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M3%2014%20C45%201%2067%2022%20104%2011%20S160%201%20197%2011'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-wave: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M3%2012%20Q20%202%2038%2012%20T74%2012%20T110%2012%20T146%2012%20T182%2012'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-double: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M4%208%20C65%201%20128%2015%20196%206'%20fill='none'%20stroke='black'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Cpath%20d='M5%2018%20C70%2010%20134%2022%20194%2014'%20fill='none'%20stroke='black'%20stroke-width='3'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-upswing: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M3%2018%20C75%2010%20150%2018%20178%2011%20C190%208%20193%203%20197%202'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-sweep: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M2%2017%20C58%2015%20122%203%20198%208'%20fill='none'%20stroke='black'%20stroke-width='5'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-accent-shape-marker: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M2%207%20L198%203%20L194%2020%20L5%2018%20Z'%20fill='black'/%3E%3C/svg%3E");
    --poster-accent-shape-handmade: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2024'%3E%3Cpath%20d='M3%2015%20C28%209%2051%2018%2075%2011%20C104%205%20132%2017%20159%209%20C174%206%20186%2011%20197%206'%20fill='none'%20stroke='black'%20stroke-width='4'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --poster-bg: #0b5d5e;
    --poster-color: #fff9e8;
    --poster-font: "Bodoni Moda", Didot, Georgia, serif;
    --poster-support-font: Inter, Arial, sans-serif;
    --poster-main-color: var(--poster-color);
    --poster-detail-color: var(--poster-color);
    --poster-detail-font: var(--poster-support-font);
    --poster-detail-size: 0.68em;
    --poster-detail-weight: 600;
    --poster-label-color: var(--poster-color);
    --poster-weight: 700;
    --poster-transform: none;
    background: var(--poster-bg);
    color: var(--poster-color);
}

.ms-events-page__card-placeholder
{
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: var(--poster-padding, 30px 32px 24px);
    align-items: flex-start;
    box-sizing: border-box;
    color: inherit;
    flex-direction: column;
    font-family: var(--poster-font);
    font-size: 2rem;
    font-weight: var(--poster-weight);
    justify-content: var(--poster-justify, center);
    line-height: 0.98;
    text-align: left;
}

.ms-events-page__card-placeholder-type
{
    display: block;
    width: 100%;
    margin-bottom: 0.65rem;
    color: var(--poster-label-color);
    font-family: var(--poster-support-font);
    font-size: 0.42em;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    text-align: left;
    text-transform: uppercase;
}

.ms-events-page__card-placeholder-title
{
    display: flex;
    width: var(--poster-title-width, 100%);
    align-items: var(--poster-title-items, flex-start);
    flex-direction: column;
    font: inherit;
    line-height: var(--poster-title-line-height, 0.98);
    overflow-wrap: normal;
    text-align: var(--poster-title-align, left);
    text-transform: var(--poster-transform);
    word-break: normal;
}

.ms-events-page__card-placeholder-title--split
{
    line-height: var(--poster-title-line-height, 0.9);
}

.ms-events-page__card-placeholder-title-text,
.ms-events-page__card-placeholder-title-main
{
    display: block;
    width: fit-content;
    max-width: 100%;
    position: relative;
    z-index: 2;
    color: var(--poster-main-color);
    font-size: var(--poster-main-scale, 1.18em);
    font-weight: var(--poster-main-weight, var(--poster-weight));
}

.ms-events-page__card-placeholder-title-detail
{
    display: block;
    position: relative;
    z-index: 2;
}

.ms-events-page__card-placeholder-title-main
{
    line-height: var(--poster-main-line-height, 0.94);
}

.ms-events-page__card-placeholder-title-detail
{
    margin-top: var(--poster-detail-gap, 0.35em);
    color: var(--poster-detail-color);
    font-family: var(--poster-detail-font);
    font-size: var(--poster-detail-size);
    font-weight: var(--poster-detail-weight);
    line-height: var(--poster-detail-line-height, 1.05);
    text-transform: none;
}

.ms-events-page__card-placeholder-title-accent::after
{
    display: block;
    width: var(--poster-accent-width);
    height: var(--poster-accent-height);
    margin-top: var(--poster-accent-gap);
    margin-right: var(--poster-accent-margin-right);
    margin-left: var(--poster-accent-margin-left);
    border-radius: var(--poster-accent-radius);
    background: var(--poster-accent-fill);
    content: "";
    opacity: var(--poster-accent-opacity, 1);
    transform: var(--poster-accent-transform);
    transform-origin: left center;
    -webkit-mask: var(--poster-accent-shape) center / 100% 100% no-repeat;
    mask: var(--poster-accent-shape) center / 100% 100% no-repeat;
}

.ms-events-page__card-placeholder-title-accent-word
{
    display: inline-block;
}

.ms-events-page__card-placeholder--xl { font-size: 2.8rem; }
.ms-events-page__card-placeholder--lg { font-size: 2.3rem; }
.ms-events-page__card-placeholder--md { font-size: 1.85rem; }
.ms-events-page__card-placeholder--sm { font-size: 1.48rem; line-height: 1.02; }
.ms-events-page__card-placeholder--xs { padding: 18px 24px 16px; font-size: 1.18rem; line-height: 1.08; }

.ms-events-page__card-media--variant-2 { --poster-bg: #dff3ff; --poster-color: #064b82; --poster-font: "DM Serif Display", Georgia, serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-weight: 400; }
.ms-events-page__card-media--variant-3 { --poster-bg: #ffc86b; --poster-color: #1f211f; --poster-font: "Playfair Display", Georgia, serif; --poster-support-font: "Source Sans 3", Arial, sans-serif; --poster-weight: 700; }
.ms-events-page__card-media--variant-4 { --poster-bg: #f4d9df; --poster-color: #6f2039; --poster-font: Fraunces, Georgia, serif; --poster-support-font: Inter, Arial, sans-serif; --poster-weight: 700; }
.ms-events-page__card-media--variant-5 { --poster-bg: #d9efcb; --poster-color: #245526; --poster-font: "Libre Baskerville", Georgia, serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-weight: 700; }
.ms-events-page__card-media--variant-6 { --poster-bg: #1b3154; --poster-color: #f8e8a8; --poster-font: "Cormorant Garamond", Georgia, serif; --poster-support-font: Manrope, Arial, sans-serif; --poster-weight: 500; }
.ms-events-page__card-media--variant-7 { --poster-bg: #f6e6bf; --poster-color: #b34425; --poster-font: "Abril Fatface", Georgia, serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-weight: 400; }
.ms-events-page__card-media--variant-8 { --poster-bg: #cde8e1; --poster-color: #124f4d; --poster-font: "Roboto Slab", Georgia, serif; --poster-support-font: "Source Sans 3", Arial, sans-serif; --poster-weight: 800; }
.ms-events-page__card-media--variant-9 { --poster-bg: #e7ddf4; --poster-color: #4b367c; --poster-font: Oswald, "Arial Narrow", sans-serif; --poster-support-font: "Source Sans 3", Arial, sans-serif; --poster-weight: 700; }
.ms-events-page__card-media--variant-10 { --poster-bg: #ffe9bd; --poster-color: #171b1d; --poster-font: Anton, Impact, sans-serif; --poster-support-font: Inter, Arial, sans-serif; --poster-detail-color: #c7522b; --poster-detail-font: Caveat, cursive; --poster-detail-size: 1.05em; --poster-detail-weight: 700; --poster-label-color: #b84526; --poster-weight: 400; }
.ms-events-page__card-media--variant-11 { --poster-bg: #173f35; --poster-color: #f6d7bd; --poster-font: "Archivo Black", Arial, sans-serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-weight: 400; }
.ms-events-page__card-media--variant-12 { --poster-bg: #f2efdf; --poster-color: #252725; --poster-font: "Bebas Neue", Impact, sans-serif; --poster-support-font: Manrope, Arial, sans-serif; --poster-weight: 400; }
.ms-events-page__card-media--variant-13 { --poster-bg: #bddbe7; --poster-color: #173b52; --poster-font: "Barlow Condensed", barlow, sans-serif; --poster-support-font: "Source Sans 3", Arial, sans-serif; --poster-weight: 800; }
.ms-events-page__card-media--variant-14 { --poster-bg: #80394a; --poster-color: #fff2dc; --poster-font: "League Spartan", Arial, sans-serif; --poster-support-font: Inter, Arial, sans-serif; --poster-weight: 800; }
.ms-events-page__card-media--variant-15 { --poster-bg: #e8edb9; --poster-color: #434b18; --poster-font: Montserrat, Arial, sans-serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-weight: 800; }
.ms-events-page__card-media--variant-16 { --poster-bg: #efc9a4; --poster-color: #542815; --poster-font: "Space Grotesk", Arial, sans-serif; --poster-support-font: Manrope, Arial, sans-serif; --poster-weight: 700; }
.ms-events-page__card-media--variant-17 { --poster-bg: #dff3ff; --poster-color: #064b82; --poster-font: Poppins, Arial, sans-serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-detail-color: #f35f5f; --poster-detail-font: Poppins, Arial, sans-serif; --poster-detail-size: 1em; --poster-detail-weight: 800; --poster-label-color: #1677bc; --poster-weight: 800; }
.ms-events-page__card-media--variant-18 { --poster-bg: #202423; --poster-color: #bce9d8; --poster-font: "Nunito Sans", Arial, sans-serif; --poster-support-font: "DM Sans", Arial, sans-serif; --poster-weight: 900; }
.ms-events-page__card-media--variant-19 { --poster-bg: #f4cfd0; --poster-color: #762f2f; --poster-font: "Permanent Marker", cursive; --poster-support-font: Inter, Arial, sans-serif; --poster-weight: 400; }
.ms-events-page__card-media--variant-20 { --poster-bg: #d8e6dc; --poster-color: #174638; --poster-font: Caveat, cursive; --poster-support-font: Manrope, Arial, sans-serif; --poster-weight: 700; }

.ms-events-page__card-media--variant-1 { --poster-padding: 34px 38px 26px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 100%; --poster-main-scale: 1.34em; --poster-main-weight: 700; --poster-main-line-height: 0.9; --poster-detail-size: 0.56em; --poster-detail-weight: 600; --poster-detail-gap: 0.48em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-2 { --poster-padding: 30px 34px 24px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 94%; --poster-main-scale: 1.22em; --poster-main-weight: 400; --poster-main-line-height: 0.94; --poster-detail-size: 0.64em; --poster-detail-weight: 600; --poster-detail-gap: 0.38em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-3 { --poster-padding: 34px 32px 24px; --poster-justify: center; --poster-title-align: center; --poster-title-items: center; --poster-title-width: 100%; --poster-main-scale: 1.16em; --poster-main-weight: 700; --poster-main-line-height: 0.94; --poster-detail-size: 0.62em; --poster-detail-weight: 600; --poster-detail-gap: 0.44em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-4 { --poster-padding: 30px 36px 24px; --poster-justify: center; --poster-title-align: right; --poster-title-items: flex-end; --poster-title-width: 100%; --poster-main-scale: 1.24em; --poster-main-weight: 700; --poster-main-line-height: 0.92; --poster-detail-size: 0.6em; --poster-detail-weight: 600; --poster-detail-gap: 0.34em; --poster-detail-line-height: 1.1; }
.ms-events-page__card-media--variant-5 { --poster-padding: 42px 34px 22px; --poster-justify: flex-end; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 92%; --poster-main-scale: 1.12em; --poster-main-weight: 700; --poster-main-line-height: 0.96; --poster-detail-size: 0.64em; --poster-detail-weight: 600; --poster-detail-gap: 0.5em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-6 { --poster-padding: 34px 32px 26px; --poster-justify: center; --poster-title-align: center; --poster-title-items: center; --poster-title-width: 92%; --poster-main-scale: 1.3em; --poster-main-weight: 500; --poster-main-line-height: 0.9; --poster-detail-size: 0.58em; --poster-detail-weight: 600; --poster-detail-gap: 0.46em; --poster-detail-line-height: 1.1; }
.ms-events-page__card-media--variant-7 { --poster-padding: 30px 36px 22px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 100%; --poster-main-scale: 1.2em; --poster-main-weight: 400; --poster-main-line-height: 0.9; --poster-detail-size: 0.7em; --poster-detail-weight: 600; --poster-detail-gap: 0.28em; --poster-detail-line-height: 1; }
.ms-events-page__card-media--variant-8 { --poster-padding: 30px 34px 26px; --poster-justify: center; --poster-title-align: right; --poster-title-items: flex-end; --poster-title-width: 96%; --poster-main-scale: 1.1em; --poster-main-weight: 800; --poster-main-line-height: 0.92; --poster-detail-size: 0.62em; --poster-detail-weight: 600; --poster-detail-gap: 0.42em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-9 { --poster-padding: 32px 34px 24px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 90%; --poster-main-scale: 1.38em; --poster-main-weight: 700; --poster-main-line-height: 0.88; --poster-detail-size: 0.64em; --poster-detail-weight: 600; --poster-detail-gap: 0.32em; --poster-detail-line-height: 1.04; --poster-transform: uppercase; }
.ms-events-page__card-media--variant-10 { --poster-padding: 30px 38px 20px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 100%; --poster-main-scale: 1.28em; --poster-main-weight: 400; --poster-main-line-height: 0.86; --poster-detail-size: 1.05em; --poster-detail-weight: 700; --poster-detail-gap: 0.18em; --poster-detail-line-height: 0.9; }
.ms-events-page__card-media--variant-11 { --poster-padding: 34px 32px 24px; --poster-justify: center; --poster-title-align: center; --poster-title-items: center; --poster-title-width: 100%; --poster-main-scale: 1.14em; --poster-main-weight: 400; --poster-main-line-height: 0.9; --poster-detail-size: 0.58em; --poster-detail-weight: 600; --poster-detail-gap: 0.4em; --poster-detail-line-height: 1.08; --poster-transform: uppercase; }
.ms-events-page__card-media--variant-12 { --poster-padding: 30px 34px 22px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 96%; --poster-main-scale: 1.44em; --poster-main-weight: 400; --poster-main-line-height: 0.84; --poster-detail-size: 0.64em; --poster-detail-weight: 600; --poster-detail-gap: 0.34em; --poster-detail-line-height: 1.06; --poster-transform: uppercase; }
.ms-events-page__card-media--variant-13 { --poster-padding: 38px 34px 22px; --poster-justify: flex-end; --poster-title-align: right; --poster-title-items: flex-end; --poster-title-width: 94%; --poster-main-scale: 1.38em; --poster-main-weight: 800; --poster-main-line-height: 0.86; --poster-detail-size: 0.66em; --poster-detail-weight: 600; --poster-detail-gap: 0.38em; --poster-detail-line-height: 1.04; --poster-transform: uppercase; }
.ms-events-page__card-media--variant-14 { --poster-padding: 30px 38px 24px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 92%; --poster-main-scale: 1.3em; --poster-main-weight: 800; --poster-main-line-height: 0.9; --poster-detail-size: 0.6em; --poster-detail-weight: 600; --poster-detail-gap: 0.46em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-15 { --poster-padding: 34px 34px 24px; --poster-justify: center; --poster-title-align: center; --poster-title-items: center; --poster-title-width: 100%; --poster-main-scale: 1.2em; --poster-main-weight: 800; --poster-main-line-height: 0.9; --poster-detail-size: 0.62em; --poster-detail-weight: 600; --poster-detail-gap: 0.38em; --poster-detail-line-height: 1.08; }
.ms-events-page__card-media--variant-16 { --poster-padding: 30px 34px 26px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 95%; --poster-main-scale: 1.18em; --poster-main-weight: 700; --poster-main-line-height: 0.92; --poster-detail-size: 0.66em; --poster-detail-weight: 600; --poster-detail-gap: 0.44em; --poster-detail-line-height: 1.06; }
.ms-events-page__card-media--variant-17 { --poster-padding: 30px 38px 22px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 100%; --poster-main-scale: 1.26em; --poster-main-weight: 800; --poster-main-line-height: 0.88; --poster-detail-size: 1em; --poster-detail-weight: 800; --poster-detail-gap: 0.1em; --poster-detail-line-height: 0.9; }
.ms-events-page__card-media--variant-18 { --poster-padding: 34px 32px 24px; --poster-justify: center; --poster-title-align: center; --poster-title-items: center; --poster-title-width: 96%; --poster-main-scale: 1.22em; --poster-main-weight: 900; --poster-main-line-height: 0.9; --poster-detail-size: 0.6em; --poster-detail-weight: 600; --poster-detail-gap: 0.42em; --poster-detail-line-height: 1.06; }
.ms-events-page__card-media--variant-19 { --poster-padding: 32px 38px 22px; --poster-justify: center; --poster-title-align: left; --poster-title-items: flex-start; --poster-title-width: 96%; --poster-main-scale: 1.18em; --poster-main-weight: 400; --poster-main-line-height: 0.9; --poster-detail-size: 0.76em; --poster-detail-weight: 600; --poster-detail-gap: 0.24em; --poster-detail-line-height: 1; }
.ms-events-page__card-media--variant-20 { --poster-padding: 34px 36px 22px; --poster-justify: center; --poster-title-align: right; --poster-title-items: flex-end; --poster-title-width: 96%; --poster-main-scale: 1.28em; --poster-main-weight: 700; --poster-main-line-height: 0.88; --poster-detail-size: 0.74em; --poster-detail-weight: 600; --poster-detail-gap: 0.24em; --poster-detail-line-height: 0.96; }

.ms-events-page__card-media--variant-1 { --poster-accent-width: 20%; --poster-accent-height: 4px; --poster-accent-fill: #62e3c0; --poster-accent-gap: 0.46em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 4px; --poster-accent-transform: translateX(0); --poster-label-color: #62e3c0; }
.ms-events-page__card-media--variant-2 { --poster-accent-width: 58%; --poster-accent-height: 2px; --poster-accent-fill: #2f8fc5; --poster-accent-gap: 0.42em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 2px; --poster-accent-transform: translateX(6%); }
.ms-events-page__card-media--variant-3 { --poster-accent-width: 78%; --poster-accent-height: 1px; --poster-accent-fill: #9f3329; --poster-accent-gap: 0.52em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 0; --poster-accent-transform: translateX(0); }
.ms-events-page__card-media--variant-4 { --poster-accent-width: 5ch; --poster-accent-height: 2px; --poster-accent-fill: #c44f70; --poster-accent-gap: 0.4em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 2px; --poster-accent-transform: translateX(0); }
.ms-events-page__card-media--variant-5 { --poster-accent-width: 42%; --poster-accent-height: 5px; --poster-accent-fill: #6aa24c; --poster-accent-gap: 0.44em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 1px; --poster-accent-transform: translateX(-5%) rotate(-1deg); }
.ms-events-page__card-media--variant-6 { --poster-accent-width: 28%; --poster-accent-height: 1px; --poster-accent-fill: #f6d7bd; --poster-accent-gap: 0.55em; --poster-accent-margin-left: auto; --poster-accent-margin-right: 0; --poster-accent-radius: 0; --poster-accent-transform: translateX(-8%); }
.ms-events-page__card-media--variant-7 { --poster-accent-width: 68%; --poster-accent-height: 7px; --poster-accent-fill: #cf4c35; --poster-accent-gap: 0.36em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 1px; --poster-accent-transform: translateX(4%) rotate(-1.5deg); }
.ms-events-page__card-media--variant-8 { --poster-accent-width: 82%; --poster-accent-height: 2px; --poster-accent-fill: #2e8b7c; --poster-accent-gap: 0.46em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 2px; --poster-accent-transform: translateX(0); }
.ms-events-page__card-media--variant-9 { --poster-accent-width: 54%; --poster-accent-height: 6px; --poster-accent-fill: #7957a8; --poster-accent-gap: 0.3em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 0; --poster-accent-transform: translateX(9%); }
.ms-events-page__card-media--variant-10 { --poster-accent-width: 68%; --poster-accent-height: 10px; --poster-accent-fill: #c7522b; --poster-accent-gap: 0.18em; --poster-accent-margin-left: 16%; --poster-accent-margin-right: auto; --poster-accent-radius: 1px; --poster-accent-transform: translateX(0); }
.ms-events-page__card-media--variant-11 { --poster-accent-width: 64%; --poster-accent-height: 4px; --poster-accent-fill: linear-gradient(to right, #e8a977 0 38%, transparent 38% 58%, #e8a977 58% 100%); --poster-accent-gap: 0.38em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 0; --poster-accent-transform: translateX(0); }
.ms-events-page__card-media--variant-12 { --poster-accent-width: 88%; --poster-accent-height: 2px; --poster-accent-fill: #252725; --poster-accent-gap: 0.38em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 0; --poster-accent-transform: translateX(-3%); }
.ms-events-page__card-media--variant-13 { --poster-accent-width: 36%; --poster-accent-height: 7px; --poster-accent-fill: #25749a; --poster-accent-gap: 0.3em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 5px; --poster-accent-transform: translateX(7%); }
.ms-events-page__card-media--variant-14 { --poster-accent-width: 72%; --poster-accent-height: 3px; --poster-accent-fill: #f3c562; --poster-accent-gap: 0.4em; --poster-accent-margin-left: auto; --poster-accent-margin-right: 0; --poster-accent-radius: 3px; --poster-accent-transform: translateX(-4%); }
.ms-events-page__card-media--variant-15 { --poster-accent-width: 92%; --poster-accent-height: 5px; --poster-accent-fill: #788230; --poster-accent-gap: 0.34em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 0; --poster-accent-transform: translateX(-2%); }
.ms-events-page__card-media--variant-16 { --poster-accent-width: 48%; --poster-accent-height: 2px; --poster-accent-fill: linear-gradient(to bottom, #bd5b33 0 1px, transparent 1px 4px, #bd5b33 4px 5px); --poster-accent-gap: 0.46em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 0; --poster-accent-transform: translateX(12%); }
.ms-events-page__card-media--variant-17 { --poster-accent-width: 58%; --poster-accent-height: 8px; --poster-accent-fill: #f35f5f; --poster-accent-gap: 0.18em; --poster-accent-margin-left: auto; --poster-accent-margin-right: 0; --poster-accent-radius: 8px; --poster-accent-transform: translateX(-2%) rotate(-1deg); }
.ms-events-page__card-media--variant-18 { --poster-accent-width: 74%; --poster-accent-height: 3px; --poster-accent-fill: linear-gradient(to right, #7bd8b8 0 32%, transparent 32% 48%, #7bd8b8 48% 100%); --poster-accent-gap: 0.4em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 3px; --poster-accent-transform: translateX(0); }
.ms-events-page__card-media--variant-19 { --poster-accent-width: 52%; --poster-accent-height: 6px; --poster-accent-fill: #a73f48; --poster-accent-gap: 0.26em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 50%; --poster-accent-transform: translateX(8%) rotate(-2deg); }
.ms-events-page__card-media--variant-20 { --poster-accent-width: 90%; --poster-accent-height: 7px; --poster-accent-fill: #3b7b64; --poster-accent-gap: 0.18em; --poster-accent-margin-left: 0; --poster-accent-margin-right: auto; --poster-accent-radius: 4px; --poster-accent-transform: translateX(4%) rotate(1deg); }

.ms-events-page__card-media--variant-1 { --poster-accent-shape: var(--poster-accent-shape-straight); }
.ms-events-page__card-media--variant-2 { --poster-accent-height: 5px; --poster-accent-shape: var(--poster-accent-shape-rise); }
.ms-events-page__card-media--variant-3 { --poster-accent-height: 7px; --poster-accent-shape: var(--poster-accent-shape-arc); }
.ms-events-page__card-media--variant-4 { --poster-accent-height: 7px; --poster-accent-shape: var(--poster-accent-shape-bow); }
.ms-events-page__card-media--variant-5 { --poster-accent-height: 8px; --poster-accent-shape: var(--poster-accent-shape-brush); }
.ms-events-page__card-media--variant-6 { --poster-accent-height: 5px; --poster-accent-shape: var(--poster-accent-shape-arc); }
.ms-events-page__card-media--variant-7 { --poster-accent-fill: #cf4c35; --poster-accent-height: 8px; --poster-accent-opacity: 0.42; --poster-accent-shape: var(--poster-accent-shape-marker); }
.ms-events-page__card-media--variant-8 { --poster-accent-height: 7px; --poster-accent-shape: var(--poster-accent-shape-handmade); }
.ms-events-page__card-media--variant-9 { --poster-accent-height: 9px; --poster-accent-shape: var(--poster-accent-shape-s); }
.ms-events-page__card-media--variant-10 { --poster-accent-height: 10px; --poster-accent-opacity: 1; --poster-accent-shape: var(--poster-accent-shape-upswing); }
.ms-events-page__card-media--variant-11 { --poster-accent-fill: #e8a977; --poster-accent-height: 8px; --poster-accent-shape: var(--poster-accent-shape-double); }
.ms-events-page__card-media--variant-12 { --poster-accent-height: 6px; --poster-accent-shape: var(--poster-accent-shape-sweep); }
.ms-events-page__card-media--variant-13 { --poster-accent-height: 8px; --poster-accent-shape: var(--poster-accent-shape-wave); }
.ms-events-page__card-media--variant-14 { --poster-accent-height: 7px; --poster-accent-shape: var(--poster-accent-shape-arc); }
.ms-events-page__card-media--variant-15 { --poster-accent-height: 7px; --poster-accent-shape: var(--poster-accent-shape-sweep); }
.ms-events-page__card-media--variant-16 { --poster-accent-fill: #bd5b33; --poster-accent-height: 8px; --poster-accent-shape: var(--poster-accent-shape-double); }
.ms-events-page__card-media--variant-17 { --poster-accent-height: 8px; --poster-accent-opacity: 1; --poster-accent-shape: var(--poster-accent-shape-brush); }
.ms-events-page__card-media--variant-18 { --poster-accent-fill: #7bd8b8; --poster-accent-height: 9px; --poster-accent-shape: var(--poster-accent-shape-double); }
.ms-events-page__card-media--variant-19 { --poster-accent-height: 10px; --poster-accent-opacity: 0.4; --poster-accent-shape: var(--poster-accent-shape-handmade); }
.ms-events-page__card-media--variant-20 { --poster-accent-height: 9px; --poster-accent-shape: var(--poster-accent-shape-upswing); }

.ms-events-page__card-media--variant-7 .ms-events-page__card-placeholder-title-detail,
.ms-events-page__card-media--variant-19 .ms-events-page__card-placeholder-title-detail
{
    width: fit-content;
    padding: 0 0.08em;
    background: linear-gradient(transparent 66%, rgba(207, 76, 53, 0.32) 66% 88%, transparent 88%);
}

.ms-events-page__card-type
{
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 12px;
    padding: 6px 9px;
    border-radius: 4px;
    background: #18211d;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.ms-events-page__card-type--poi
{
    background: #176447;
}

.ms-events-page__card-type--museum
{
    background: #315b75;
}

.ms-events-page__card-type--sightseeing
{
    background: #7f3048;
}

.ms-events-page__card-type--food
{
    background: #a8492f;
}

.ms-events-page__card-type--trail
{
    background: #346a7c;
}

.ms-events-page__card-type--lodging
{
    background: #695440;
}

.ms-events-page__card-media img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-events-page__card-body
{
    display: flex;
    min-width: 0;
    padding: 20px;
    flex-direction: column;
}

.ms-events-page__card-category
{
    color: var(--campus-green);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-events-page__card h3
{
    margin: 8px 0 16px;
    color: var(--campus-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1.15;
}

.ms-events-page__card-info-list
{
    display: flex;
    flex-direction: column;
}

.ms-events-page__card-info
{
    display: grid;
    padding: 12px 0;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    border-top: 1px solid #e1e8e4;
}

.ms-events-page__card-info-icon
{
    display: grid;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    place-items: center;
    background: #eaf3ef;
    color: #0f5a48;
    font-size: 1rem;
}

.ms-events-page__card-info-content
{
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ms-events-page__card-info-label
{
    margin-bottom: 2px;
    color: #69736f;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ms-events-page__card-info-value
{
    color: #26342e;
    font-size: 0.83rem;
    line-height: 1.4;
}

.ms-events-page__card-location
{
    display: flex;
    flex-direction: column;
}

.ms-events-page__card-location-venue
{
    font-weight: 600;
}

.ms-events-page__card-period
{
    display: grid;
    gap: 3px;
}

.ms-events-page__card-period-point
{
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: baseline;
    gap: 6px;
    color: #26342e;
    font-size: 0.83rem;
    line-height: 1.4;
}

.ms-events-page__card-period-point small
{
    color: #69736f;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-events-page__card-period-separator
{
    padding-left: 44px;
    color: #75807b;
    font-size: 0.72rem;
    font-style: italic;
    line-height: 1.2;
}

.ms-events-page__card-info-detail
{
    margin-top: 2px;
    color: #75807b;
    font-size: 0.76rem;
    line-height: 1.35;
}

.ms-events-page__card-description
{
    display: -webkit-box;
    overflow: hidden;
    margin-top: 12px;
    color: #3f4945;
    font-size: 0.82rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.ms-events-page__card-footer
{
    display: flex;
    margin-top: auto;
    padding-top: 18px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #33483f;
    font-size: 0.75rem;
}

.ms-events-page__card-footer strong:empty
{
    display: none;
}

.ms-events-page__attribution
{
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--campus-line);
    color: #6f7974;
    font-size: 0.75rem;
    text-align: right;
}

.ms-events-page__search button:disabled
{
    cursor: wait;
    opacity: 0.65;
}

@media only screen and (max-width: 1000px)
{
    .ms-events-page__results
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 760px)
{
    .ms-campus-departures__hero.ms-events-page__hero
    {
        background-image: none;
    }

    .ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row
    {
        grid-template-columns: minmax(0, 1fr) 88px;
    }

    .ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > .ms-events-page__location-field
    {
        grid-column: 1;
        grid-row: 1;
        border-right: 1px solid var(--campus-line) !important;
        border-bottom: 1px solid var(--campus-line) !important;
    }

    .ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > .ms-job-radius
    {
        width: auto;
        height: 58px;
        grid-column: 2;
        grid-row: 1;
        border-right: 0;
        border-bottom: 1px solid var(--campus-line);
    }

    .ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > .ms-campus-departures__search-field:last-of-type
    {
        grid-column: 1 / -1;
        grid-row: 2;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    .ms-events-page__hero .ms-events-page__search .ms-campus-departures__search-row > [data-events-submit]
    {
        width: 52px;
        height: 52px;
        margin-top: 8px;
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: center;
    }

    .ms-events-page__results
    {
        grid-template-columns: 1fr;
    }

    .ms-events-page__filters
    {
        grid-template-columns: 1fr;
    }

    .ms-campus-departures__hero-image.ms-events-page__hero-image
    {
        background-image: linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 38%), url("/img/Header%20Fotos/Events%20und%20Partys%20Header.png");
        background-position: center, center;
    }
}

body.home #logo-grid-left::after
{
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--ms-green);
    box-shadow: 0 0 8px rgba(37, 213, 146, 0.75);
}

body.home header .sitelogo
{
    display: none;
}

body.home header .lg
{
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    font-size: 1.35rem;
    font-weight: 700;
}

body.home header .lg .hl
{
    color: var(--ms-ink);
}

body.home .main-nav > ul
{
    display: flex;
    margin: 0;
    align-items: center;
    gap: 34px;
}

body.home .main-nav > ul > li
{
    display: block;
    margin: 0;
}

body.home .main-nav > ul > li > a
{
    border: 0;
    color: #252c28;
    font-size: 0.9rem;
    font-weight: 500;
}

body.home .ms-home-nav
{
    position: static;
    display: flex;
    width: 100%;
    height: 66px;
    margin: 0;
    align-items: center;
    justify-content: center;
}

body.home .ms-home-nav > ul
{
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 28px;
}

body.home .ms-home-nav > ul > li
{
    flex: 0 0 auto;
}

body.home .ms-home-actions
{
    display: flex;
    width: 282px;
    margin: 0;
    align-items: center;
    justify-self: end;
    justify-content: flex-end;
    gap: 12px;
}

body.home .ms-home-actions a
{
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    color: var(--ms-ink);
    font-size: 0.78rem;
    font-weight: 600;
}

body.home .ms-home-actions__search
{
    display: grid;
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    min-height: 42px;
    line-height: 1;
    place-items: center;
}

body.home .ms-home-actions__search i,
body.home .ms-home-actions__search .svg-inline--fa
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: 0;
    transform: translate(-50%, -50%);
}

body.home .ms-home-actions__login
{
    min-width: 104px;
    padding: 0 20px;
    border: 1px solid var(--ms-line);
    border-radius: 24px;
    background: var(--ms-white);
}

body.home .ms-home-actions .ms-home-actions__primary
{
    min-width: 112px;
    padding: 0 20px;
    gap: 12px;
    border-radius: 24px;
    background: var(--ms-ink);
    color: var(--ms-white);
}

body.home .bookmarkNav a
{
    display: grid;
    width: 42px;
    height: 42px;
    border: 1px solid var(--ms-line);
    border-radius: 50%;
    place-items: center;
    background: var(--ms-white);
    color: var(--ms-ink);
}

body.home header > .container.xhomebackground
{
    width: 100%;
    max-width: none;
    padding: 0;
}

body.homepage .breadcrumbscontainer
{
    display: none;
}

.ms-kicker
{
    display: block;
    margin-bottom: 18px;
    color: #4a5750;
    font-size: 0.77rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.ms-hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    min-height: 570px;
    margin: 0 auto;
    overflow: hidden;
    background: #fdfcf8;
}

section.ms-hero
{
    margin-bottom: 0;
}

.ms-hero__content
{
    position: relative;
    z-index: 3;
    width: 58%;
    padding: 50px 0 42px 24px;
}

.ms-hero h1
{
    margin: 0 0 14px;
    color: #090d0b;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(5.4rem, 9vw, 8.4rem);
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: 0;
}

.ms-hero-note
{
    position: absolute;
    z-index: 4;
    top: 106px;
    left: 590px;
    color: #25332d;
    font-family: cursive;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.05;
    transform: rotate(-8deg);
}

.ms-hero-note::after
{
    content: "";
    display: block;
    width: 62px;
    margin-top: 9px;
    border-top: 1px solid currentColor;
    transform: rotate(-8deg);
}

.ms-hero__content > p
{
    margin: 28px 0 32px;
    color: #59645f;
    font-size: 1.15rem;
}

.ms-hero__media
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("/img/Header%20Foto.png");
    background-position: center center;
    background-size: cover;
    clip-path: none;
}

.ms-hero__media::after
{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 63%;
    background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 50%, rgba(253, 252, 248, 0.72) 76%, rgba(253, 252, 248, 0) 100%);
}

.ms-hero__accent
{
    position: absolute;
    z-index: 2;
    background: var(--ms-mint);
    pointer-events: none;
}

.ms-hero__accent--left
{
    left: -115px;
    bottom: 86px;
    width: 180px;
    height: 280px;
    border-radius: 44% 56% 65% 35% / 48% 42% 58% 52%;
}

.ms-hero__accent--right
{
    z-index: 2;
    top: 205px;
    right: -118px;
    bottom: auto;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(230, 250, 238, 0.84);
}

.ms-hero__accent--right span
{
    position: absolute;
    top: 76px;
    left: 36px;
    color: #405149;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.65;
    text-transform: uppercase;
}

.ms-hero-search
{
    position: relative;
    z-index: 5;
    display: grid;
    width: min(1160px, calc(100vw - 144px));
    min-height: 82px;
    grid-template-columns: minmax(220px, 1.15fr) minmax(250px, 1fr) minmax(220px, 1fr) 58px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-hero-search__field
{
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 0 20px;
    align-items: center;
    gap: 14px;
    border-right: 1px solid var(--ms-line);
}

.ms-hero-search__field i
{
    color: #33483f;
    font-size: 1.05rem;
}

.ms-hero-search__field .ms-hero-search__chevron
{
    margin-left: auto;
    color: #111714;
    font-size: 0.7rem;
}

.ms-hero-search__field input
{
    min-width: 0;
    width: 100%;
    height: 58px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ms-ink);
    font-size: 1rem;
}

.ms-hero-search__field--location
{
    gap: 12px;
}

.ms-hero-search .ms-job-radius
{
    width: 96px;
    height: 58px;
    flex: 0 0 96px;
    border-left: 1px solid var(--ms-line);
}

.ms-hero-search .ms-job-radius__trigger
{
    display: flex;
    padding: 0 6px 0 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #33483f;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    box-shadow: none;
}

.ms-hero-search .ms-job-radius__trigger:focus-visible
{
    outline: 3px solid rgba(37, 185, 127, 0.2);
    outline-offset: -3px;
}

.ms-hero-search__field .awesomplete
{
    position: relative;
    z-index: 30001;
    display: block;
    width: 100%;
    min-width: 0;
    height: 58px;
}

.ms-hero-search__field .awesomplete > ul
{
    top: calc(100% + 10px);
    left: 0;
    z-index: 30002;
    width: 100%;
    min-width: 260px;
    max-height: 320px;
    margin: 0;
    overflow-y: auto;
    border: 1px solid #dfe4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
}

.ms-hero-search__field .awesomplete > ul > li
{
    padding: 11px 16px;
    border: 0;
    background: #fff;
    color: #111714;
    font-size: 0.88rem;
    line-height: 1.25;
}

.ms-hero-search__field .awesomplete > ul > li:hover,
.ms-hero-search__field .awesomplete > ul > li[aria-selected="true"]
{
    background: #e8f5ed;
    color: #111714;
}

.ms-hero-search__field .awesomplete mark
{
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
}

.ms-hero-search button
{
    display: grid;
    width: 58px;
    height: 58px;
    margin: 1px 0 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: #090d0b;
    color: #fff;
    cursor: pointer;
}

.ms-hero-search__submit
{
    display: contents;
}

.ms-hero-search__radius-mobile
{
    display: none;
}

.ms-popular
{
    position: relative;
    z-index: 4;
    display: flex;
    width: min(960px, calc(100vw - 128px));
    margin-top: 24px;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #5e6863;
    font-size: 0.76rem;
}

.ms-popular > span
{
    margin-right: 5px;
}

.ms-popular a
{
    padding: 8px 14px;
    border: 1px solid #d8dfda;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    color: #313b36;
}

.ms-popular a:hover
{
    border-color: #91d8bb;
    text-decoration: none;
}

.ms-stats
{
    display: grid;
    width: min(1200px, calc(100% - 96px));
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--ms-line);
}

.ms-stats > div
{
    position: relative;
    display: flex;
    min-height: 118px;
    padding: 28px 42px;
    flex-direction: column;
    justify-content: center;
}

.ms-stats > div:not(:last-child)::after
{
    content: "";
    position: absolute;
    top: 34px;
    right: 0;
    width: 1px;
    height: 52px;
    background: var(--ms-line);
}

.ms-stats strong
{
    font-family: var(--ms-serif);
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1;
}

.ms-stats span
{
    margin-top: 8px;
    color: var(--ms-muted);
    font-size: 0.82rem;
}

.ms-stats strong span
{
    margin: 0;
    color: inherit;
    font-size: inherit;
}

.ms-home
{
    padding-bottom: 0;
    overflow: hidden;
    background: var(--ms-paper);
}

.ms-section
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: var(--ms-section-space) 0 0;
}

.ms-section__intro,
.ms-section__heading
{
    display: flex;
    margin-bottom: var(--ms-heading-space);
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
}

.ms-section h2,
.ms-final-cta h2
{
    margin: 0;
    color: #0c110e;
    font-family: var(--ms-serif);
    font-size: clamp(2.75rem, 4.4vw, 4.7rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.ms-section__aside
{
    width: 340px;
    padding-bottom: 4px;
}

.ms-section__aside p
{
    margin: 0 0 14px;
    color: var(--ms-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.ms-section__aside a,
.ms-section__heading > a,
.ms-section__actions > a
{
    border-bottom: 1px solid #1f2924;
    color: var(--ms-ink);
    font-size: 0.8rem;
    font-weight: 700;
}

.ms-section__aside a i,
.ms-section__heading > a i,
.ms-section__actions > a i
{
    margin-left: 10px;
}

.ms-section__actions
{
    display: flex;
    padding-bottom: 4px;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.ms-slider-controls
{
    display: flex;
    gap: 8px;
}

.ms-slider-controls button
{
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--ms-line);
    border-radius: 50%;
    place-items: center;
    background: var(--ms-white);
    color: var(--ms-ink);
    cursor: pointer;
}

.ms-slider-controls button:hover
{
    border-color: var(--ms-ink);
}

.ms-path-grid
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ms-grid-space);
}

.ms-path-card
{
    --path-accent: #16765a;
    position: relative;
    display: flex;
    min-height: 340px;
    aspect-ratio: 6 / 7;
    padding: 28px;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e1e6e1;
    border-radius: 8px;
    background: #f2f3ef;
    background-position: center;
    background-size: cover;
    color: var(--ms-ink);
}

.ms-path-card:hover
{
    color: var(--ms-ink);
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 16px 35px rgba(35, 58, 48, 0.09);
}

.ms-path-card > div
{
    position: relative;
    z-index: 2;
    top: 20px;
    margin-top: auto;
    padding: 42px 0 26px;
}

.ms-path-card h3
{
    margin: 0 0 12px;
    font-family: var(--ms-serif);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
}

.ms-path-card p
{
    max-width: 210px;
    margin: 0;
    color: #5f6964;
    font-size: 0.82rem;
    line-height: 1.45;
}

.ms-path-card--mint
{
    --path-accent: #147357;
    background-image: url("/img/content/home/path-studiengaenge.webp");
}

.ms-path-card--mint::after,
.ms-path-card--campus::after,
.ms-path-card--soft::after,
.ms-path-card--career::after
{
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(250, 255, 252, 0.02) 24%, rgba(250, 255, 252, 0.9) 68%, rgba(250, 255, 252, 0.98) 100%);
}

.ms-path-card--campus
{
    --path-accent: #365c94;
    background-image: url("/img/content/home/path-hochschulen.webp");
}

.ms-path-card--soft
{
    --path-accent: #9b581f;
    background-image: url("/img/content/home/path-studienwahl.webp");
}

.ms-path-card--career
{
    --path-accent: #8d4052;
    background-image: url("/img/content/home/path-karriere.webp");
}

.ms-round-link
{
    position: relative;
    z-index: 2;
    top: 10px;
    display: grid;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    place-items: center;
    background: var(--ms-white);
    color: var(--ms-ink);
}

.ms-section__heading--tabs
{
    align-items: flex-end;
}

.ms-pills
{
    display: flex;
    padding-bottom: 5px;
    gap: 7px;
}

.ms-pills span
{
    padding: 9px 14px;
    border: 1px solid var(--ms-line);
    border-radius: 20px;
    background: var(--ms-white);
    color: #717a75;
    font-size: 0.7rem;
}

.ms-pills span:first-child
{
    border-color: #101411;
    background: #101411;
    color: #fff;
}

.ms-city-grid,
.ms-program-grid
{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--ms-grid-space);
}

.ms-city-card,
.ms-program-card
{
    position: relative;
    overflow: hidden;
    border: 1px solid #e3e7e3;
    border-radius: 6px;
    background: var(--ms-white);
    color: var(--ms-ink);
}

.ms-program-card
{
    background: var(--ms-white);
}

.ms-city-card:hover,
.ms-program-card:hover,
.ms-article-card:hover
{
    color: var(--ms-ink);
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(34, 57, 47, 0.09);
}

.ms-city-card img
{
    display: block;
    width: 100%;
    aspect-ratio: 1.42 / 1;
    object-fit: cover;
}

.ms-city-card > span,
.ms-program-card__content
{
    display: flex;
    padding: 13px 14px;
    flex-direction: column;
}

.ms-city-card strong,
.ms-program-card strong
{
    font-size: 0.95rem;
    line-height: 1.2;
}

.ms-city-card small,
.ms-program-card small
{
    margin-top: 4px;
    color: var(--ms-muted);
    font-size: 0.72rem;
}

.ms-program-card__visual
{
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1.5 / 1;
    overflow: hidden;
}

.ms-program-card__visual img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-program-card__content
{
    min-height: 84px;
    padding-right: 32px;
}

.ms-program-card > i,
.ms-program-card > .svg-inline--fa
{
    position: absolute;
    right: 13px;
    bottom: 17px;
    font-size: 0.8rem;
}

.ms-article-grid
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ms-grid-space);
}

.ms-article-card
{
    display: grid;
    min-height: 185px;
    grid-template-columns: 42% 58%;
    overflow: hidden;
    border: 1px solid #e3e7e3;
    border-radius: 7px;
    background: var(--ms-white);
    color: var(--ms-ink);
}

.ms-article-card img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-article-card > span
{
    display: flex;
    padding: 20px;
    flex-direction: column;
}

.ms-article-card small
{
    margin-bottom: 12px;
    color: #718078;
    font-size: 0.63rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-article-card strong
{
    font-family: var(--ms-serif);
    font-size: 1.28rem;
    font-weight: 500;
    line-height: 1.12;
}

.ms-article-card p
{
    margin: 10px 0 0;
    color: var(--ms-muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.ms-final-cta
{
    position: relative;
    display: grid;
    width: min(1240px, calc(100% - 96px));
    min-height: 190px;
    margin: var(--ms-section-space) auto 0;
    padding: 52px 48px;
    grid-template-columns: 1.3fr 0.8fr auto;
    align-items: center;
    gap: 42px;
    overflow: hidden;
    background: #f0f7f1;
}

section.ms-final-cta
{
    margin-bottom: 0;
}

.ms-final-cta::after
{
    content: "";
    position: absolute;
    right: -80px;
    bottom: -145px;
    width: 360px;
    height: 300px;
    border-radius: 50%;
    background: #c8f5dc;
}

.ms-final-cta h2
{
    font-size: clamp(2.4rem, 3.8vw, 4rem);
}

.ms-final-cta p
{
    position: relative;
    z-index: 2;
    color: var(--ms-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

.ms-final-cta > a
{
    position: relative;
    z-index: 2;
    padding: 15px 28px;
    border-radius: 24px;
    background: #090d0b;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
}

.ms-final-cta > a i
{
    margin-left: 16px;
}

@media only screen and (max-width: 1360px)
{
    body.homepage > #menutoggle + label
    {
        display: block;
        top: 19px;
        right: 24px;
        left: auto;
    }

    body.homepage .ms-home-nav,
    body.homepage .ms-home-actions
    {
        display: none;
    }
}

@media only screen and (max-width: 1080px)
{
    .ms-hero__content
    {
        width: 67%;
    }

    .ms-hero-search
    {
        width: calc(100vw - 144px);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 58px;
        border-radius: 34px;
    }

    body.studiengaenge-az .ms-catalog-hero .ms-catalog-home-search
    {
        width: calc(100vw - 144px);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 58px;
        border-radius: 34px;
    }

    .ms-hero-search > .ms-hero-search__field:last-of-type
    {
        grid-column: 1 / 3;
        border-top: 1px solid var(--ms-line);
    }

    .ms-hero-search button
    {
        grid-column: 3;
        grid-row: 1 / 3;
        align-self: center;
    }

    .ms-hero__accent--right
    {
        top: 190px;
    }

    .ms-hero__media
    {
        width: 52%;
    }

    .ms-path-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-city-grid,
    .ms-program-grid
    {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ms-article-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-article-card
    {
        min-height: 150px;
        grid-template-columns: 220px 1fr;
    }
}

@media only screen and (max-width: 760px)
{
    body.home > #menutoggle + label
    {
        top: 19px;
        right: 18px;
        left: auto;
    }

    body.home header .logo
    {
        width: calc(100% - 30px);
        min-height: 62px;
    }

    body.home header .bookmarkNav
    {
        display: none;
    }

    body.home .main-nav
    {
        display: none;
    }

    .ms-hero
    {
        width: 100%;
        min-height: 720px;
    }

    .ms-hero__content
    {
        width: 100%;
        padding: 44px 22px 300px;
    }

    .ms-hero h1
    {
        font-size: 4.25rem;
    }

    .ms-hero__content > p
    {
        max-width: 310px;
        margin-top: 20px;
        font-size: 1rem;
    }

    .ms-hero__media
    {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 330px;
        background-position: 62% center;
        clip-path: none;
    }

    .ms-hero__media::after
    {
        display: none;
    }

    .ms-hero-search
    {
        position: absolute;
        top: 310px;
        right: 16px;
        left: 16px;
        width: auto;
        min-height: auto;
        grid-template-columns: 1fr 52px;
        padding: 10px;
        border-radius: 22px;
    }

    .ms-hero-search__field
    {
        display: flex;
        min-height: 58px;
        padding: 0 16px;
        align-items: center;
        gap: 12px;
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid var(--ms-line);
    }

    .ms-hero-search__field i,
    .ms-hero-search__field svg
    {
        display: inline-flex;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        align-items: center;
        justify-content: center;
        color: #1b2520;
        vertical-align: middle;
    }

    .ms-hero-search__field input
    {
        height: 100%;
        margin: 0;
        padding: 0;
        line-height: 1.2;
        text-align: left;
    }

    .ms-hero-search__field--location
    {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__field--location
    {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__field--location
    {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit
    {
        grid-template-columns: 1fr;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit
    {
        grid-template-columns: 1fr;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__submit
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        grid-column: 1 / -1;
        margin-top: 8px;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__submit
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        grid-column: 1 / -1;
        margin-top: 8px;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile
    {
        display: flex;
        min-height: 48px;
        margin-top: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 1 auto;
        min-width: 0;
        grid-column: 1 / -1;
        border: 0;
        border-radius: 999px;
        background: transparent;
        box-sizing: border-box;
        overflow: hidden;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile
    {
        display: flex;
        min-height: 48px;
        margin-top: 0;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        flex: 1 1 auto;
        min-width: 0;
        grid-column: 1 / -1;
        border: 0;
        border-radius: 999px;
        background: transparent;
        box-sizing: border-box;
        overflow: hidden;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius
    {
        display: flex;
        align-items: center;
        width: 100%;
        height: 48px;
        flex: 1 1 auto;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0;
        background: transparent;
        box-shadow: none !important;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius
    {
        display: flex;
        align-items: center;
        width: 100%;
        height: 48px;
        flex: 1 1 auto;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0;
        background: transparent;
        box-shadow: none !important;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger
    {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        height: 100%;
        padding: 0 4px 0 16px;
        font-size: 0.95rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        line-height: 1;
        text-align: left;
        transform: none;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger
    {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        height: 100%;
        padding: 0 4px 0 16px;
        font-size: 0.95rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        line-height: 1;
        text-align: left;
        transform: none;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger::before
    {
        content: "\f140";
        display: inline-flex;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        color: #1b2520;
        font-family: "Font Awesome 6 Free";
        font-size: 1rem;
        font-weight: 900;
        line-height: 1;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger::before
    {
        content: "\f140";
        display: inline-flex;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        color: #1b2520;
        font-family: "Font Awesome 6 Free";
        font-size: 1rem;
        font-weight: 900;
        line-height: 1;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger [data-job-radius-value]
    {
        display: inline-flex;
        align-items: center;
        min-height: 18px;
        line-height: 1;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger [data-job-radius-value]
    {
        display: inline-flex;
        align-items: center;
        min-height: 18px;
        line-height: 1;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger > i
    {
        display: inline-flex;
        width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
        flex: 0 0 18px;
        line-height: 1;
        margin-left: auto;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit .ms-hero-search__radius-mobile .ms-job-radius__trigger > i
    {
        display: inline-flex;
        width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
        flex: 0 0 18px;
        line-height: 1;
        margin-left: auto;
    }

    body.home .ms-hero-search[data-hero-mobile-km-placement].is-km-in-submit button[type="submit"]
    {
        grid-column: auto;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        margin-top: 0;
        border-radius: 50%;
        justify-self: auto;
        align-self: center;
    }

    body.studiengaenge-az .ms-catalog-home-search[data-hero-mobile-km-placement].is-km-in-submit button[type="submit"]
    {
        grid-column: auto;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        margin-top: 0;
        border-radius: 50%;
        justify-self: auto;
        align-self: center;
    }

    .ms-hero-search button
    {
        grid-column: auto;
        grid-row: auto;
        width: 48px;
        height: 48px;
        margin-top: 0;
    }

    .ms-popular
    {
        display: none;
    }

    .ms-hero-note
    {
        display: none;
    }

    .ms-hero__accent--left
    {
        left: -130px;
        bottom: 250px;
    }

    .ms-hero__accent--right
    {
        display: none;
    }

    .ms-stats
    {
        width: calc(100% - 30px);
        grid-template-columns: repeat(2, 1fr);
    }

    .ms-stats > div
    {
        min-height: 94px;
        padding: 18px;
        border-bottom: 1px solid var(--ms-line);
    }

    .ms-stats > div::after
    {
        display: none;
    }

    .ms-stats strong
    {
        font-size: 1.75rem;
    }

    .ms-section
    {
        width: calc(100% - 30px);
        padding-top: var(--ms-section-space);
    }

    .ms-section__intro,
    .ms-section__heading
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .ms-section__aside
    {
        width: 100%;
    }

    .ms-section h2
    {
        font-size: 2.8rem;
    }

    .ms-path-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-path-card
    {
        min-height: 290px;
        aspect-ratio: auto;
    }

    .ms-city-grid,
    .ms-program-grid
    {
        display: flex;
        margin-right: -15px;
        padding-right: 15px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .ms-city-card,
    .ms-program-card
    {
        min-width: 210px;
        scroll-snap-align: start;
    }

    .ms-pills
    {
        max-width: 100%;
        overflow-x: auto;
    }

    .ms-article-card
    {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .ms-article-card img
    {
        height: 190px;
    }

    .ms-final-cta
    {
        width: calc(100% - 30px);
        padding: 46px 22px 70px;
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ms-section__actions
    {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
    }

    .ms-final-cta > a
    {
        width: fit-content;
    }
}

/* ##### University library search ###################################################################################### */

body.uni-libraries
{
    --library-paper: #faf9f5;
    --library-ink: #111714;
    --library-muted: #66706b;
    --library-line: #dfe4df;
    --library-green: #25d592;
    background: var(--library-paper);
}

body.uni-libraries .contentwrapper,
body.uni-libraries .conentInner,
body.uni-libraries main,
body.uni-libraries header
{
    background: var(--library-paper);
}

.ms-library
{
    padding-bottom: 76px;
    color: var(--library-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-library__hero
{
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 96px));
    min-height: 570px;
    margin: 0 auto;
    overflow: visible;
    border-radius: 8px;
    background: #fdfcf8;
}

.ms-library__hero-inner
{
    position: relative;
    z-index: 2;
    display: flex;
    width: 58%;
    min-height: 570px;
    padding: 50px 24px 42px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ms-library__kicker
{
    display: block;
    color: #1b8e66;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-library__hero h1
{
    max-width: 690px;
    margin: 14px 0 20px;
    color: var(--library-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(3.8rem, 6.4vw, 6.2rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.92;
}

.ms-library__hero-inner > p
{
    max-width: 570px;
    margin: 0 0 30px;
    color: var(--library-muted);
    font-size: 1.08rem;
    line-height: 1.55;
}

.ms-library__hero-image
{
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    background-image: url("/img/Header Fotos/Unis Header.png");
    background-position: center;
    background-size: cover;
}

.ms-library__hero-image::after
{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 66%;
    background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 54%, rgba(253, 252, 248, 0.68) 80%, rgba(253, 252, 248, 0) 100%);
}

.ms-library__search
{
    display: grid;
    position: relative;
    width: min(760px, calc(100vw - 112px));
    min-height: 78px;
    padding: 9px 10px;
    box-sizing: border-box;
    grid-template-columns: minmax(220px, 1.15fr) minmax(190px, 0.85fr) 58px;
    align-items: center;
    gap: 0;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-library__query
{
    display: grid;
    position: relative;
    min-width: 0;
    padding: 0 14px 0 12px;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.ms-library__query > i
{
    color: #33483f;
}

.ms-library__search input
{
    min-width: 0;
    width: 100%;
    height: 58px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--library-ink);
    font: inherit;
    font-size: 1rem;
}

.ms-library__search > button
{
    display: grid;
    width: 58px;
    height: 58px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: var(--library-ink);
    color: #fff;
    cursor: pointer;
}

.ms-library__search > button:disabled
{
    cursor: wait;
    opacity: 0.72;
}

.ms-library-autocomplete
{
    position: absolute;
    z-index: 20;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    max-height: 324px;
    margin: 0;
    padding: 8px;
    overflow-y: auto;
    border: 1px solid rgba(28, 49, 40, 0.12);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.18);
    list-style: none;
}

.ms-library-autocomplete[hidden]
{
    display: none;
}

.ms-library-autocomplete li
{
    padding: 11px 14px;
    border-radius: 5px;
    color: var(--library-ink);
    cursor: pointer;
    font-size: 0.98rem;
    line-height: 1.25;
}

.ms-library-autocomplete li:hover,
.ms-library-autocomplete li.is-active
{
    background: #edf6f1;
    color: #11694c;
}

.ms-library__content
{
    position: relative;
    z-index: 1;
}

.ms-library__content
{
    width: min(1120px, calc(100% - 96px));
    margin: 0 auto;
    padding-top: 48px;
}

.ms-library__filters
{
    display: grid;
    margin-bottom: 58px;
    padding: 18px;
    grid-template-columns: 1fr 1fr 0.72fr 0.72fr auto;
    align-items: end;
    gap: 12px;
    border: 1px solid var(--library-line);
    border-radius: 8px;
    background: #fff;
}

.ms-library__header-university
{
    min-width: 0;
    padding: 0 7px 0 12px;
    border-left: 1px solid var(--library-line);
}

.ms-library__university-control
{
    display: grid;
    position: relative;
    grid-template-columns: 20px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 9px;
    border: 0;
    background: transparent;
}

.ms-library__university-control > i
{
    margin-left: 13px;
    color: #476c5e;
}

.ms-library__university-control input[type="search"]
{
    height: 48px;
    padding: 0 4px;
    border: 0;
    outline: 0;
    background: transparent;
}

.ms-library__university-control > button
{
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: transparent;
    color: #53605a;
    cursor: pointer;
}

.ms-library__university-suggestions
{
    position: absolute;
    z-index: 30;
    top: calc(100% + 7px);
    right: 0;
    left: 0;
    max-height: 330px;
    margin: 0;
    padding: 7px;
    overflow-y: auto;
    border: 1px solid var(--library-line);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(29, 56, 45, 0.17);
    list-style: none;
}

.ms-library__university-suggestions[hidden]
{
    display: none;
}

.ms-library__university-suggestions li
{
    display: grid;
    padding: 10px 12px;
    gap: 2px;
    border-radius: 4px;
    cursor: pointer;
}

.ms-library__university-suggestions li:hover,
.ms-library__university-suggestions li.is-active
{
    background: #edf6f1;
}

.ms-library__university-suggestions strong
{
    color: var(--library-ink);
    font-size: 0.92rem;
}

.ms-library__university-suggestions span
{
    color: var(--library-muted);
    font-size: 0.76rem;
}

.ms-library__filters label
{
    display: grid;
    min-width: 0;
    margin: 0;
    gap: 7px;
}

.ms-library__filters label > span
{
    color: #53605a;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-library__filters select,
.ms-library__filters input
{
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border: 1px solid var(--library-line);
    border-radius: 5px;
    background: #fafbf9;
    color: var(--library-ink);
    font: inherit;
}

.ms-library__filters button
{
    display: inline-flex;
    height: 48px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 5px;
    background: #1e6b50;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.ms-library__results-head
{
    display: flex;
    margin-bottom: 28px;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
}

.ms-library__results-head h2
{
    margin: 8px 0 5px;
    color: var(--library-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.ms-library__results-head p
{
    margin: 0;
    color: var(--library-muted);
    font-size: 1rem;
}

.ms-library__reset
{
    display: inline-flex;
    min-height: 42px;
    padding: 0 14px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--library-line);
    border-radius: 5px;
    background: #fff;
    color: var(--library-ink);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.ms-library__sources
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ms-library__sources article
{
    display: grid;
    min-height: 112px;
    padding: 22px;
    box-sizing: border-box;
    align-content: center;
    gap: 6px;
    border-top: 3px solid var(--library-green);
    background: #fff;
}

.ms-library__sources strong
{
    font-size: 1.14rem;
}

.ms-library__sources span
{
    color: var(--library-muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

.ms-library__status
{
    display: flex;
    min-height: 76px;
    margin: 0 0 22px;
    padding: 18px 20px;
    box-sizing: border-box;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--library-line);
    border-radius: 6px;
    background: #fff;
}

.ms-library__status.is-loading > i
{
    color: #1b8e66;
    font-size: 1.2rem;
}

.ms-library__status > div
{
    display: grid;
    gap: 3px;
}

.ms-library__status strong
{
    color: var(--library-ink);
}

.ms-library__status span
{
    color: var(--library-muted);
}

.ms-library__status.is-source-status
{
    min-height: 0;
    flex-wrap: wrap;
    gap: 8px;
    border: 0;
    background: transparent;
    padding: 0;
}

.ms-library__status.is-source-status span
{
    display: inline-flex;
    min-height: 34px;
    padding: 0 11px;
    align-items: center;
    gap: 7px;
    border-radius: 4px;
    background: #e8f5ed;
    color: #245744;
    font-size: 0.82rem;
    font-weight: 600;
}

.ms-library__status.is-source-status span.is-unavailable
{
    background: #fff1eb;
    color: #8a3c27;
}

.ms-library__status.is-error
{
    border-color: #efcfc2;
    background: #fff8f5;
    color: #8a3c27;
}

.ms-library__scope
{
    display: flex;
    margin: 0 0 20px;
    padding: 16px 18px;
    align-items: center;
    gap: 13px;
    border-left: 4px solid #1e6b50;
    background: #edf6f1;
    color: #245744;
}

.ms-library__scope[hidden]
{
    display: none;
}

.ms-library__scope > i
{
    font-size: 1.05rem;
}

.ms-library__scope > div
{
    display: grid;
    gap: 2px;
}

.ms-library__scope strong
{
    color: var(--library-ink);
}

.ms-library__scope span
{
    font-size: 0.88rem;
    line-height: 1.35;
}

.ms-library__scope.is-nearby
{
    border-left-color: #c38524;
    background: #fff8e9;
    color: #72521e;
}

.ms-library__scope.is-nationwide
{
    border-left-color: #55758a;
    background: #edf4f7;
    color: #405f72;
}

.ms-library__grid
{
    display: grid;
    gap: 12px;
}

.ms-library-card
{
    display: grid;
    padding: 24px;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 20px;
    border: 1px solid var(--library-line);
    border-radius: 7px;
    background: #fff;
}

.ms-library-card__icon
{
    display: grid;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    place-items: center;
    background: #dff7e9;
    color: #1e6b50;
    font-size: 1.15rem;
}

.ms-library-card__body
{
    min-width: 0;
}

.ms-library-card__badges
{
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 6px;
}

.ms-library-card__badges span
{
    padding: 4px 7px;
    border-radius: 3px;
    background: #eef3ef;
    color: #4d5d55;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
}

.ms-library-card__badges span.is-format
{
    background: #e2f3fb;
    color: #285c72;
}

.ms-library-card h3
{
    margin: 0;
    color: var(--library-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.55rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.12;
}

.ms-library-card__meta,
.ms-library-card__description
{
    margin: 8px 0 0;
    color: var(--library-muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.ms-library-card__description
{
    font-size: 0.84rem;
}

.ms-library-card__holdings
{
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--library-line);
}

.ms-library-card__holdings > strong
{
    display: flex;
    margin-bottom: 9px;
    align-items: center;
    gap: 8px;
    color: #34463e;
    font-size: 0.88rem;
}

.ms-library-card__holdings > div
{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ms-library-card__holdings a,
.ms-library-card__holdings > div > span,
.ms-library-card__holdings small
{
    display: inline-flex;
    min-height: 30px;
    padding: 5px 9px;
    box-sizing: border-box;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    background: #f5f7f5;
    color: #4f5c56;
    font-size: 0.78rem;
    line-height: 1.25;
}

.ms-library-card__holdings a:hover
{
    background: #e8f5ed;
    color: #245744;
    text-decoration: none;
}

.ms-library-card__actions
{
    display: flex;
    margin-top: 18px;
    flex-wrap: wrap;
    gap: 8px;
}

.ms-library-card__actions a
{
    display: inline-flex;
    min-height: 40px;
    padding: 0 13px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--library-line);
    border-radius: 5px;
    background: #fff;
    color: var(--library-ink);
    font-size: 0.82rem;
    font-weight: 700;
}

.ms-library-card__actions a.is-primary
{
    border-color: var(--library-ink);
    background: var(--library-ink);
    color: #fff;
}

.ms-library-card__actions a:hover
{
    text-decoration: none;
    transform: translateY(-1px);
}

.ms-library__empty
{
    display: grid;
    min-height: 230px;
    padding: 36px;
    place-items: center;
    align-content: center;
    gap: 8px;
    border: 1px solid var(--library-line);
    background: #fff;
    text-align: center;
}

.ms-library__empty i
{
    margin-bottom: 8px;
    color: #1b8e66;
    font-size: 2rem;
}

.ms-library__empty span
{
    color: var(--library-muted);
}

.ms-library__notice
{
    display: flex;
    margin: 28px 0 0;
    padding: 16px 18px;
    gap: 10px;
    border-left: 3px solid #62a98e;
    background: #edf7f2;
    color: #405149;
    font-size: 0.88rem;
    line-height: 1.45;
}

.ms-library__attribution
{
    margin: 18px 0 0;
    color: #7a827e;
    font-size: 0.75rem;
    line-height: 1.5;
}

.ms-library__attribution a
{
    color: #476c5e;
}

@media (max-width: 1050px)
{
    .ms-library__hero-inner
    {
        width: 68%;
    }

    .ms-library__filters
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-library__filters button
    {
        grid-column: 1 / -1;
    }
}

@media only screen and (max-width: 760px)
{
    body.uni-libraries header > .container.xhomebackground
    {
        padding-top: 18px;
    }

    .ms-library
    {
        padding-bottom: 48px;
    }

    .ms-library__hero
    {
        display: grid;
        width: calc(100% - 30px);
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .ms-library__hero-inner
    {
        width: 100%;
        min-height: 0;
        padding: 38px 24px 34px;
    }

    .ms-library__hero h1
    {
        margin-top: 12px;
        font-size: 3.6rem;
        line-height: 0.92;
    }

    .ms-library__hero-inner > p
    {
        font-size: 1rem;
        line-height: 1.5;
    }

    .ms-library__search
    {
        width: 100%;
        min-height: 0;
        padding: 8px;
        grid-template-columns: minmax(0, 1fr) 52px;
        border-radius: 8px;
    }

    .ms-library__search input
    {
        font-size: 0.94rem;
    }

    .ms-library__query
    {
        min-height: 54px;
        padding: 0 10px;
        grid-column: 1 / -1;
        border-bottom: 1px solid var(--library-line);
    }

    .ms-library__header-university
    {
        min-width: 0;
        padding: 0 6px 0 10px;
        grid-column: 1;
        grid-row: 2;
        border-left: 0;
    }

    .ms-library__search > button
    {
        width: 48px;
        height: 48px;
        grid-column: 2;
        grid-row: 2;
    }

    .ms-library-autocomplete
    {
        top: calc(100% + 6px);
        right: 0;
        left: 0;
        max-height: 280px;
    }

    .ms-library__hero-image
    {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 240px;
        border-radius: 0 0 8px 8px;
        background-position: 62% center;
    }

    .ms-library__hero-image::after
    {
        inset: 0 0 auto;
        width: 100%;
        height: 38%;
        background: linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 100%);
    }

    .ms-library__content
    {
        width: calc(100% - 30px);
        padding-top: 30px;
    }

    .ms-library__filters
    {
        margin-bottom: 42px;
        padding: 14px;
        grid-template-columns: 1fr;
    }

    .ms-library__filters button
    {
        grid-column: auto;
    }

    .ms-library__results-head
    {
        align-items: flex-start;
        flex-direction: column;
    }

    .ms-library__results-head h2
    {
        font-size: 2.55rem;
    }

    .ms-library__sources
    {
        grid-template-columns: 1fr;
    }

    .ms-library__sources article
    {
        min-height: 92px;
    }

    .ms-library-card
    {
        padding: 20px;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ms-library-card__icon
    {
        width: 44px;
        height: 44px;
    }

    .ms-library-card h3
    {
        font-size: 1.35rem;
    }

    .ms-library-card__actions
    {
        align-items: stretch;
        flex-direction: column;
    }

    .ms-library-card__actions a
    {
        justify-content: center;
    }
}

/* ##### uniDetailsHeader ####################################################################################### */

.uniDetailsHeader .header-container a:hover
{
    color: #6d912c;
    border-bottom: 1px solid #6d912c;
}

.uniDetailsHeader .headContent
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 1rem;
    position: relative;
}

.uniDetailsHeader .img-container
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
}

.uniDetailsHeader .img-container img
{
    padding: 10px;
    max-height: 150px;
    width: auto;
    max-width: 200px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.uniDetailsHeader .uni-name
{
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 3;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uniDetailsHeader .uni-infos-l
{
    display: none;
}

.uniDetailsHeader .uni-infos-r
{
    display: none;
}

.uniDetailsHeader .uni-infos-full
{
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

/* responsive */

@media only screen and (max-width: 836px)
{
    .uniDetailsHeader .headContent
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
    }

    .uniDetailsHeader .img-container
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1em;
    }

    .uniDetailsHeader .uni-name
    {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .uniDetailsHeader .uni-infos-full
    {
        display: none;
    }

    .uniDetailsHeader .uni-infos-l
    {
        display: flex;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
        flex-direction: column;
        text-align: left;
        align-items: start;
    }

    .uniDetailsHeader .uni-infos-r
    {
        display: flex;
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
        flex-direction: column;
        text-align: left;
        align-items: start;
    }

    .uniDetailsHeader .img-container
    {
        width: 100%;
    }

    .uniDetailsHeader .img-container img
    {
        padding: 10px;
        max-height: 200px;
        max-width: 100%;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .uniDetailsHeader .homehead
    {
        margin: 0;
    }
}




/* ─── Merken ──────────────────────────────────────────── */

.bookmark
{
    position: absolute;
    top: 1em;
    right: 1em;
    padding-left: 1em;
}

.bookmark:hover
{
    text-decoration: none;
    cursor: pointer;
}

.bookmark svg[data-prefix="fas"]
{
    color: #246d9c;
}

.headContent svg[data-prefix="fas"]
{
    color: #ffffff;
}

/* Studienangebote */
.ergebnisTitelUndMerken
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: normal;
}

.ergebnisTitelUndMerken .bookmark
{
    position: unset;
}

/* ────── */

/* .bookmark[data-bookmarked="1"] .merkenLeer
{
    display: none;
}

.bookmark[data-bookmarked="0"] .merkenSolid
{
    display: none;
}

.bookmark[data-bookmarked="1"]:hover .merkenLeer
{
    display: inline-block;
}

.bookmark[data-bookmarked="1"]:hover .merkenSolid
{
    display: none;
}

.bookmark[data-bookmarked="0"]:hover .merkenSolid
{
    display: inline-block;
}

.bookmark[data-bookmarked="0"]:hover .merkenLeer
{
    display: none;
} */

/* ────── */

@media only screen and (max-width: 836px)
{
    .srtContainer .bookmark
    {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
    }
    
    .bookmark svg
    {
        height: 1.5em;
        width: auto;
    }

    .headContent .bookmark
    {
        top: unset;
        bottom: 1em;
    }
}


/* ─── Page Merkliste ─────────────────────────────────────────────────────── */

    .merklisteButtonsContainer
    {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 1em 0;
    }

    .merklisteClear, .merklisteCopy
    {
        width: auto !important;
    }

    .merklisteText
    {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;
        left: -999999px;
        white-space: pre-wrap;
    }

    .copyContainer
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }

    .merklisteSuccess
    {
        visibility: hidden;
        opacity: 0%;
        position: absolute;
        top: -65%;
        left: 50%;
        transform: translateX(-50%);
        color: var(--main-hl-color);
        transition: opacity 0.15s ease-in-out;
        width: 100%;
        text-align: center;
        background-color: #246c9c15;
    }

    
    @media only screen and (max-width: 836px)
    {
        .merklisteButtonsContainer
        {
            flex-direction: column;
            width: 100%;
            justify-content: center;
            text-align: center;
            gap: 0.75em;
        }
    }

/* ##### Shared reference design ######################################################################################### */

body:not(.homepage)
{
    --ms-paper: #faf9f5;
    --ms-white: #ffffff;
    --ms-ink: #111714;
    --ms-muted: #66706b;
    --ms-line: #dfe4df;
    --ms-mint: #dff7e9;
    --ms-serif: "DM Serif Display", Georgia, "Times New Roman", serif;
    background: var(--ms-paper);
    color: var(--ms-ink);
}

body:not(.homepage) .contentwrapper,
body:not(.homepage) .conentInner,
body:not(.homepage) header,
body:not(.homepage) header.suchContainer,
body:not(.homepage) header.bgSmallHeader
{
    background: var(--ms-paper);
}

body:not(.homepage) header .logo
{
    display: flex;
    width: min(1240px, calc(100% - 48px));
    min-height: 74px;
    margin: 0 auto;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    background: transparent;
}

body:not(.homepage) header .logo-grid
{
    display: flex;
    align-items: center;
}

body:not(.homepage) header .sitelogo
{
    width: 26px;
    height: 26px;
    margin-right: 2.5px;
    border-radius: 50%;
    object-fit: cover;
}

body:not(.homepage) header .lg,
body:not(.homepage) header .lg .hl
{
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    font-size: 1.35rem;
    font-weight: 700;
}

body:not(.homepage) .main-nav > ul
{
    display: flex;
    margin: 0;
    align-items: center;
    gap: 34px;
}

body:not(.homepage) .main-nav > ul > li
{
    margin: 0;
}

body:not(.homepage) .main-nav > ul > li > a
{
    border: 0;
    color: #252c28;
    font-size: 0.9rem;
    font-weight: 500;
}

body:not(.homepage) .bookmarkNav a
{
    display: grid;
    width: 42px;
    height: 42px;
    border: 1px solid var(--ms-line);
    border-radius: 50%;
    place-items: center;
    background: var(--ms-white);
    color: var(--ms-ink);
}

body:not(.homepage) header > .container,
body:not(.homepage) main > .diag > .content.container,
body:not(.homepage) main > .diag-content > .content.container,
body:not(.homepage) main > .content.container
{
    width: min(1240px, calc(100% - 48px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}

body:not(.homepage) main > .diag
{
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 56px 0 52px;
    overflow: hidden;
    background: var(--ms-mint);
    color: var(--ms-ink);
}

body:not(.homepage) main > .diag::after
{
    content: "";
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.48);
    pointer-events: none;
}

body:not(.homepage) main > .diag .content.container
{
    position: relative;
    z-index: 1;
    width: min(1100px, calc(100% - 64px));
}

body:not(.homepage) h1.homehead,
body:not(.homepage) .homehead
{
    max-width: 920px;
    margin: 0;
    padding: 0;
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    font-size: clamp(2.6rem, 5vw, 4.9rem);
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: 0;
}

body:not(.homepage) .homehead small
{
    color: inherit;
    font: inherit;
}

body:not(.homepage) main > .diag-content
{
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto 72px;
    padding: 54px 0 64px;
    background: var(--ms-white);
}

body:not(.homepage) main > .diag-content > .content.container
{
    width: min(1100px, calc(100% - 64px));
}

body:not(.homepage) .artikeldetail,
body:not(.homepage) .jobdetail,
body:not(.homepage) .suchergebnisse,
body:not(.homepage) .uebersichtsseiten
{
    color: #303934;
    font-size: 1rem;
    line-height: 1.72;
}

body:not(.homepage) .artikeldetail h2,
body:not(.homepage) .artikeldetail h3,
body:not(.homepage) .jobdetail h2,
body:not(.homepage) .jobdetail h3,
body:not(.homepage) .suchergebnisse h2,
body:not(.homepage) .uebersichtsseiten h2
{
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    letter-spacing: 0;
}

body:not(.homepage) .artikeldetail h2,
body:not(.homepage) .jobdetail h2,
body:not(.homepage) .suchergebnisse h2,
body:not(.homepage) .uebersichtsseiten h2
{
    margin-top: 1.5em;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    font-weight: 500;
    line-height: 1.08;
}

body:not(.homepage) a
{
    color: #176d4d;
}

body:not(.homepage) .btn.btn-primary
{
    min-height: 46px;
    padding: 12px 18px;
    border: 0;
    border-radius: 4px;
    background: var(--ms-ink);
    color: var(--ms-white);
    font-weight: 600;
    box-shadow: none;
}

body:not(.homepage) .btn-primary::before,
body:not(.homepage) .btn-primary::after
{
    background: var(--ms-ink);
}

body:not(.homepage) input[type="text"],
body:not(.homepage) input[type="search"],
body:not(.homepage) input[type="email"],
body:not(.homepage) select,
body:not(.homepage) textarea
{
    border: 1px solid var(--ms-line);
    border-radius: 4px;
    background: var(--ms-white);
    color: var(--ms-ink);
    box-shadow: none;
}

body:not(.homepage) .searchbar .inputgroup,
body:not(.homepage) .searchbar .sbshadow
{
    border-radius: 4px;
    box-shadow: 0 12px 35px rgba(29, 56, 45, 0.08);
}

body:not(.homepage) header > .suchContainerBox
{
    padding: 18px 0;
    background: var(--ms-paper);
}

body:not(.homepage) .suchContainerBox .searchbar
{
    width: 100%;
    padding: 0;
}

body:not(.homepage) .suchContainerBox .searchsimple
{
    padding: 10px;
    border: 1px solid var(--ms-line);
    border-radius: 6px;
    background: var(--ms-white);
    box-shadow: 0 18px 50px rgba(29, 56, 45, 0.09);
}

body:not(.homepage) .suchContainerBox .inputgroup
{
    overflow: hidden;
    border: 1px solid var(--ms-line);
    background: var(--ms-white);
    box-shadow: none;
}

body:not(.homepage) .suchContainerBox .startbtn .btn
{
    border-radius: 4px;
}

body:not(.homepage) .breadcrumbscontainer
{
    width: min(1240px, calc(100% - 48px));
    max-width: none;
    margin: 0 auto;
    padding: 0 24px;
    border-top: 1px solid var(--ms-line);
    background: var(--ms-white);
}

body:not(.homepage) .breadcrumb ul
{
    min-height: 50px;
    margin: 0;
    align-items: center;
}

body:not(.homepage) .breadcrumb,
body:not(.homepage) .breadcrumb a
{
    color: #52615a;
}

body:not(.homepage) header .fancybgdefault,
body:not(.homepage) header .fancybg,
body:not(.homepage) header .fancybghome,
body:not(.homepage) header .fancybgpraktikum,
body:not(.homepage) header .fancybgdualesstudium,
body:not(.homepage) header .fancybgstudentenjobs,
body:not(.homepage) header .fancybgmagazin
{
    overflow: hidden;
    background: #fdfcf8;
}

body:not(.homepage) header .homeheader .kih-grid
{
    display: grid;
    min-height: 460px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    align-items: center;
}

body:not(.homepage) header .homeheader #kih-grid-left
{
    height: 460px;
    overflow: hidden;
    background: var(--ms-mint);
}

body:not(.homepage) header .homeheader #kih-grid-left img
{
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    object-fit: cover;
}

body:not(.homepage) header .homeheader #kih-grid-right
{
    width: auto;
    margin: 0;
    padding: 54px 64px;
    color: var(--ms-ink);
    font-size: inherit;
    text-align: left;
}

body:not(.homepage) header .homeheader .bgtextyear
{
    margin: 0 0 16px;
    color: #267755;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

body:not(.homepage) header .homeheader .bgtextyear2nd
{
    margin-top: 0;
}

body:not(.homepage) header .homeheader .bgtextdefault,
body:not(.homepage) header .homeheader .bgtextblack,
body:not(.homepage) header .homeheader .bgtextblackHome,
body:not(.homepage) header .homeheader .bgtextpraktikum,
body:not(.homepage) header .homeheader .bgtextstudentenjobs,
body:not(.homepage) header .homeheader .bgtextdualesstudium
{
    display: block;
    max-width: 620px;
    margin: 0;
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    font-size: clamp(2.7rem, 4.3vw, 4.9rem);
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: 0;
}

body:not(.homepage) header .homeheader .headerCounter
{
    margin-top: 24px;
    color: #315043;
    font-size: 0.9rem;
    line-height: 1.4;
}

body:not(.homepage) .includeErgebnisManticore,
body:not(.homepage) .includeErgebnisUniDetailManticore
{
    margin-bottom: 18px;
    border: 1px solid var(--ms-line);
    border-radius: 6px;
    background: var(--ms-white);
    box-shadow: none;
}

body:not(.homepage) .includeErgebnisManticore h3,
body:not(.homepage) .includeErgebnisUniDetailManticore h3
{
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    font-size: 1.55rem;
    font-weight: 500;
    letter-spacing: 0;
}

body:not(.homepage) .taginfo
{
    border-color: #cfe3d7;
    border-radius: 20px;
    background: #f0faf4;
    color: #315043;
}

body:not(.homepage) .imgartikel
{
    aspect-ratio: 4 / 3;
    border-radius: 6px 6px 0 0;
    object-fit: cover;
}

body:not(.homepage) figure
{
    margin-top: 0;
    border: 1px solid var(--ms-line);
    border-top: 0;
    border-radius: 0 0 6px 6px;
    background: var(--ms-white);
}

body:not(.homepage) .diag-content .artikeldetail img
{
    border-radius: 6px;
}

body:not(.homepage) .sidecontainer
{
    border: 1px solid #cfe3d7;
    border-radius: 6px;
    background: #f0faf4 !important;
}

body:not(.homepage) .sidecontainer .ueberschrift
{
    color: var(--ms-ink);
    font-family: var(--ms-serif);
    font-size: 1.35rem;
    line-height: 1.2;
}

body:not(.homepage) .uniDetailsHeader .headContent svg[data-prefix="fas"]
{
    color: #315043;
}

body:not(.homepage) .UniversitaetDetails .content-right
{
    border: 1px solid #cfe3d7;
    border-radius: 6px;
    background: #f0faf4;
}

body:not(.homepage) .pagination > li > a,
body:not(.homepage) .pagination > li > span
{
    border-color: var(--ms-line);
    background: var(--ms-white);
    color: var(--ms-ink);
}

body:not(.homepage) .pagination > li.current > a,
body:not(.homepage) .pagination > li > a:hover
{
    border-color: var(--ms-ink);
    background: var(--ms-ink);
    color: var(--ms-white);
}

/* ##### Studiengaenge A-Z ######################################################################################## */

body.studiengaenge-az
{
    --catalog-paper: #faf9f5;
    --catalog-white: #ffffff;
    --catalog-ink: #111714;
    --catalog-muted: #66706b;
    --catalog-line: #dfe4df;
    --catalog-green: #25d592;
    --catalog-serif: "DM Serif Display", Georgia, "Times New Roman", serif;
    background: var(--catalog-paper);
    color: var(--catalog-ink);
}

body.studiengaenge-az .contentwrapper,
body.studiengaenge-az .conentInner,
body.studiengaenge-az header
{
    background: var(--catalog-paper);
}

body.studiengaenge-az .breadcrumbscontainer
{
    display: none;
}

body.studiengaenge-az header > .container
{
    display: block;
    width: 100%;
    max-width: none;
    padding: 18px 0 0;
}

body.studiengaenge-az header .logo
{
    display: grid;
    width: min(1240px, calc(100% - 96px));
    min-height: 66px;
    margin: 0 auto;
    padding: 0;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    background: transparent;
}

body.studiengaenge-az header .homelink
{
    justify-self: start;
}

body.studiengaenge-az header .logo-grid
{
    display: flex;
    align-items: center;
}

body.studiengaenge-az #logo-grid-left
{
    display: grid;
    width: 29px;
    height: 29px;
    margin-right: 2.5px;
    border-radius: 50%;
    place-items: center;
    background: rgba(37, 213, 146, 0.16);
}

body.studiengaenge-az #logo-grid-left::after
{
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--catalog-green);
    box-shadow: 0 0 8px rgba(37, 213, 146, 0.75);
}

body.studiengaenge-az header .sitelogo
{
    display: none;
}

body.studiengaenge-az header .lg,
body.studiengaenge-az header .lg .hl
{
    color: var(--catalog-ink);
    font-family: var(--catalog-serif);
    font-size: 1.35rem;
    font-weight: 700;
}

body.studiengaenge-az .ms-home-nav
{
    position: static;
    display: flex;
    width: 100%;
    height: 66px;
    margin: 0;
    align-items: center;
    justify-content: center;
}

body.studiengaenge-az .ms-home-nav > ul
{
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 34px;
}

body.studiengaenge-az .ms-home-nav > ul > li
{
    flex: 0 0 auto;
}

body.studiengaenge-az .ms-home-actions
{
    display: flex;
    width: 282px;
    margin: 0;
    align-items: center;
    justify-self: end;
    justify-content: flex-end;
    gap: 12px;
}

body.studiengaenge-az .ms-home-actions a
{
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 0;
    color: var(--catalog-ink);
    font-size: 0.78rem;
    font-weight: 600;
}

body.studiengaenge-az .ms-home-actions__search
{
    display: grid;
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    min-height: 42px;
    line-height: 1;
    place-items: center;
}

body.studiengaenge-az .ms-home-actions__search i,
body.studiengaenge-az .ms-home-actions__search .svg-inline--fa
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    line-height: 1;
    transform: translate(-50%, -50%);
}

body.studiengaenge-az .ms-home-actions__login
{
    min-width: 104px;
    padding: 0 20px;
    border: 1px solid var(--catalog-line) !important;
    border-radius: 24px;
    background: var(--catalog-white);
}

body.studiengaenge-az .ms-home-actions .ms-home-actions__primary
{
    min-width: 112px;
    padding: 0 20px;
    gap: 12px;
    border-radius: 24px;
    background: var(--catalog-ink);
    color: var(--catalog-white);
}

body.studiengaenge-az .ms-catalog
{
    padding: 0;
    overflow: hidden;
    background: var(--catalog-paper);
}

body.studiengaenge-az .ms-catalog-hero,
body.studiengaenge-az .ms-catalog-section
{
    box-sizing: border-box;
    width: min(1240px, calc(100% - 96px));
    margin-right: auto;
    margin-left: auto;
}

body.studiengaenge-az .ms-catalog-hero
{
    position: relative;
    display: block;
    min-height: 570px;
    margin-bottom: 0;
    overflow: visible;
    border-radius: 8px;
    background: #fdfcf8;
}

body.studiengaenge-az .ms-catalog-hero__content
{
    position: relative;
    z-index: 4;
    width: 58%;
    padding: 64px 56px;
}

body.studiengaenge-az .ms-kicker
{
    display: block;
    margin-bottom: 18px;
    color: #4a5750;
    font-size: 0.77rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

body.studiengaenge-az .ms-catalog-hero h1
{
    max-width: 640px;
    margin: 0;
    color: var(--catalog-ink);
    font-family: var(--catalog-serif);
    font-size: clamp(3.8rem, 6.3vw, 6.6rem);
    font-weight: 500;
    line-height: 0.92;
    letter-spacing: 0;
}

body.studiengaenge-az .ms-catalog-hero p
{
    max-width: 520px;
    margin: 28px 0 30px;
    color: #53615a;
    font-size: 1rem;
    line-height: 1.6;
}

body.studiengaenge-az .ms-catalog-hero__content > a
{
    display: inline-flex;
    min-height: 46px;
    padding: 0 22px;
    border: 0;
    border-radius: 24px;
    align-items: center;
    gap: 12px;
    background: var(--catalog-ink);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
}

body.studiengaenge-az .ms-catalog-hero__content > a:hover
{
    color: #ffffff;
    text-decoration: none;
}

body.studiengaenge-az .ms-catalog-hero__image
{
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    border-radius: 8px;
    background-image: url("/img/Header%20Fotos/Studiengaenge-Header.png");
    background-position: center;
    background-size: cover;
}

body.universitaeten-az .ms-catalog-hero__image
{
    background-image: url("/img/Header%20Fotos/Hochschulen%20Header.png");
}

body.unis-az .ms-catalog-hero__image
{
    background-image: url("/img/Header%20Fotos/Unis%20Header.png");
}

body.staedte-az .ms-catalog-hero__image
{
    background-image: url("/img/Header%20Fotos/Unis%20Header.png");
}

body.bundesland-detail .ms-catalog-hero__image
{
    background-image: url("/img/Header%20Fotos/Unis%20Header.png");
}

body.studiengaenge-az .ms-catalog-hero__image::before
{
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 auto 0 0;
    width: 60%;
    background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 52%, rgba(253, 252, 248, 0.72) 76%, rgba(253, 252, 248, 0) 100%);
}

body.studiengaenge-az .ms-catalog-hero__image::after
{
    content: "";
    position: absolute;
    right: -72px;
    bottom: -118px;
    width: 280px;
    height: 240px;
    border-radius: 42% 58% 48% 52% / 56% 40% 60% 44%;
    background: rgba(168, 240, 202, 0.74);
    transform: rotate(18deg);
}

body.studiengaenge-az .ms-catalog-hero__accent
{
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

body.studiengaenge-az .ms-catalog-hero__accent--left
{
    left: 24px;
    bottom: 84px;
    width: 178px;
    height: 276px;
    border-radius: 44% 56% 65% 35% / 48% 42% 58% 52%;
    background: var(--catalog-green);
    opacity: 0.16;
}

body.studiengaenge-az .ms-catalog-section
{
    padding-top: 56px;
}

body.studiengaenge-az .ms-catalog-heading
{
    display: flex;
    margin-bottom: 32px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 48px;
}

body.studiengaenge-az .ms-catalog-heading h2
{
    max-width: 760px;
    margin: 0;
    color: var(--catalog-ink);
    font-family: var(--catalog-serif);
    font-size: clamp(2.8rem, 4.4vw, 4.7rem);
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: 0;
}

body.studiengaenge-az .ms-catalog-heading > p
{
    width: 310px;
    margin: 0 0 4px;
    color: var(--catalog-muted);
    font-size: 0.86rem;
    line-height: 1.55;
}

body.studiengaenge-az .ms-catalog-heading > p strong
{
    color: var(--catalog-ink);
    font-family: var(--catalog-serif);
    font-size: 1.4rem;
    font-weight: 500;
}

body.studiengaenge-az .ms-catalog-options
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body.studiengaenge-az .ms-catalog-options article
{
    position: relative;
    min-height: 220px;
    padding: 26px;
    overflow: hidden;
    border: 1px solid var(--catalog-line);
    border-radius: 8px;
    background: #e5f4ec;
}

body.studiengaenge-az .ms-catalog-options article:nth-child(2)
{
    background: #e8eef8;
}

body.studiengaenge-az .ms-catalog-options article:nth-child(3)
{
    background: #faecd9;
}

body.studiengaenge-az .ms-catalog-options article:nth-child(4)
{
    background: #f3e3e7;
}

body.studiengaenge-az .ms-catalog-options article::after
{
    content: "";
    position: absolute;
    top: -46px;
    right: -42px;
    width: 132px;
    height: 112px;
    border-radius: 41% 59% 52% 48% / 57% 43% 57% 43%;
    background: rgba(255, 255, 255, 0.4);
    transform: rotate(24deg);
}

body.studiengaenge-az .ms-catalog-options article > i
{
    display: grid;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    place-items: center;
    background: rgba(255, 255, 255, 0.8);
    color: #254b3d;
    font-size: 1.1rem;
}

body.studiengaenge-az .ms-catalog-options article > span
{
    position: absolute;
    top: 28px;
    right: 26px;
    color: rgba(17, 23, 20, 0.42);
    font-size: 0.68rem;
    font-weight: 700;
}

body.studiengaenge-az .ms-catalog-options h3
{
    margin: 30px 0 8px;
    color: var(--catalog-ink);
    font-family: var(--catalog-serif);
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1;
}

body.studiengaenge-az .ms-catalog-options p
{
    max-width: 220px;
    margin: 0;
    color: #59655f;
    font-size: 0.78rem;
    line-height: 1.5;
}

body.studiengaenge-az .ms-catalog-programs
{
    padding-bottom: 56px;
}

body.studiengaenge-az .ms-catalog-filter
{
    position: relative;
    z-index: 5;
    display: grid;
    width: min(960px, calc(100vw - 128px));
    min-height: 82px;
    margin: 0;
    padding: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) 58px;
    align-items: center;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

body.studiengaenge-az .ms-catalog-hero .ms-catalog-filter
{
    width: min(960px, calc(100vw - 128px));
}

body.studiengaenge-az .ms-catalog-hero .ms-catalog-home-search
{
    width: min(1160px, calc(100vw - 144px));
}

body.studiengaenge-az .ms-catalog-home-search input[type="text"],
body.studiengaenge-az .ms-catalog-home-search input[type="search"]
{
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.studiengaenge-az .ms-catalog-filter__field
{
    display: grid;
    min-width: 0;
    height: 60px;
    margin: 0;
    padding: 0 14px;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    align-items: center;
    border-right: 1px solid var(--catalog-line);
}

body.studiengaenge-az .ms-catalog-filter__icon
{
    grid-column: 1;
    justify-self: start;
    color: #425249;
    font-family: "Font Awesome 6 Free";
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

body.studiengaenge-az .ms-catalog-filter__icon--subject::before
{
    content: "\f002";
}

body.studiengaenge-az .ms-catalog-filter__icon--location::before
{
    content: "\f3c5";
}

body.studiengaenge-az .ms-catalog-filter__chevron
{
    grid-column: 3;
    justify-self: end;
    color: var(--catalog-ink);
    font-family: "Font Awesome 6 Free";
    font-size: 0.68rem;
    font-weight: 900;
}

body.studiengaenge-az .ms-catalog-filter__chevron::before
{
    content: "\f078";
}

body.studiengaenge-az .ms-catalog-filter input
{
    min-width: 0;
    width: 100%;
    height: 58px;
    padding: 0 8px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--catalog-ink);
    font-size: 1rem;
}

body.studiengaenge-az .ms-catalog-filter input[type="search"]::-webkit-search-cancel-button
{
    display: none;
}

body.studiengaenge-az .ms-catalog-filter .awesomplete
{
    display: block;
    min-width: 0;
    width: 100%;
    height: 58px;
    grid-column: 2;
}

body.studiengaenge-az .ms-catalog-filter .awesomplete > ul
{
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    max-height: 320px;
    margin: 0;
    overflow-y: auto;
    border: 1px solid var(--catalog-line);
    border-radius: 8px;
    background: var(--catalog-white);
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
}

body.studiengaenge-az .ms-catalog-filter .awesomplete > ul > li
{
    padding: 11px 16px;
    border: 0;
    color: var(--catalog-ink);
    font-size: 0.88rem;
    line-height: 1.25;
}

body.studiengaenge-az .ms-catalog-filter .awesomplete > ul > li:hover,
body.studiengaenge-az .ms-catalog-filter .awesomplete > ul > li[aria-selected="true"]
{
    background: #e8f5ed;
    color: var(--catalog-ink);
}

body.studiengaenge-az .ms-catalog-filter .awesomplete mark
{
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
}

body.studiengaenge-az #ms-program-filter-clear,
body.studiengaenge-az #ms-university-filter-clear,
body.studiengaenge-az #ms-city-filter-clear,
body.studiengaenge-az #ms-state-filter-clear
{
    display: grid;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: #edf1ee;
    color: var(--catalog-ink);
    cursor: pointer;
    grid-column: 3;
    justify-self: end;
}

body.studiengaenge-az #ms-program-filter-clear[hidden],
body.studiengaenge-az #ms-university-filter-clear[hidden],
body.studiengaenge-az #ms-city-filter-clear[hidden],
body.studiengaenge-az #ms-state-filter-clear[hidden]
{
    display: grid;
    visibility: hidden;
    pointer-events: none;
}

body.studiengaenge-az .ms-catalog-filter__submit
{
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    place-items: center;
    background: var(--catalog-ink);
    color: var(--catalog-white);
    cursor: pointer;
}

body.universitaeten-az .ms-university-filter,
body.universitaeten-az .ms-catalog-hero .ms-university-filter
{
    width: min(760px, calc(100vw - 128px));
    grid-template-columns: minmax(0, 1fr) 58px;
}

body.universitaeten-az .ms-university-filter .ms-catalog-filter__field
{
    border-right: 1px solid var(--catalog-line);
}

body.studiengaenge-az .ms-catalog-empty
{
    padding: 32px;
    border: 1px solid var(--catalog-line);
    border-radius: 8px;
    background: var(--catalog-white);
    color: var(--catalog-muted);
    text-align: center;
}

body.studiengaenge-az .ms-catalog-index
{
    display: flex;
    margin: 18px 0 24px;
    flex-wrap: wrap;
    gap: 8px;
}

body.studiengaenge-az .ms-catalog-index:empty,
body.studiengaenge-az .ms-catalog-index[hidden]
{
    display: none;
}

body.studiengaenge-az .ms-catalog-index a
{
    display: grid;
    width: 34px;
    height: 34px;
    border: 1px solid var(--catalog-line);
    border-radius: 999px;
    place-items: center;
    background: var(--catalog-white);
    color: var(--catalog-ink);
    font-size: 0.74rem;
    font-weight: 700;
    text-decoration: none;
}

body.studiengaenge-az .ms-catalog-index a:hover
{
    border-color: #98c3ad;
    background: #f5fbf7;
}

body.studiengaenge-az .ms-catalog-index a.is-active,
body.studiengaenge-az .ms-catalog-index a[aria-current="page"]
{
    border-color: #1f1f1f;
    background: #1f1f1f;
    color: #ffffff;
}

body.studiengaenge-az .ms-catalog-index a[hidden]
{
    display: none;
}

body.studiengaenge-az .ms-program-groups
{
    display: grid;
    gap: 30px;
}

body.studiengaenge-az .ms-program-groups[hidden],
body.studiengaenge-az .ms-program-group[hidden]
{
    display: none;
}

body.studiengaenge-az .ms-program-group__heading
{
    margin: 0 0 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--catalog-line);
    color: var(--catalog-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.5rem;
    font-weight: 400;
}

body.bundesland-detail .ms-state-groups
{
    display: grid;
    gap: 42px;
}

body.bundesland-detail .ms-state-group[hidden]
{
    display: none;
}

body.bundesland-detail .ms-state-group
{
    min-width: 0;
}

body.bundesland-detail .ms-state-group__heading
{
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 12px;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    border-bottom: 1px solid var(--catalog-line);
}

body.bundesland-detail .ms-state-group__heading h3
{
    min-width: 0;
    max-width: 780px;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--catalog-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
    font-weight: 400;
    line-height: 1.08;
}

body.bundesland-detail .ms-state-group__heading > span
{
    flex: 0 0 auto;
    color: var(--catalog-muted);
    font-size: 0.74rem;
}

body.studiengaenge-az .ms-catalog-grid
{
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 248px;
    gap: 12px;
    list-style: none;
}

body.studiengaenge-az .ms-catalog-grid > li
{
    display: block;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

body.studiengaenge-az .ms-catalog-grid > li::before
{
    content: none;
}

body.studiengaenge-az .ms-catalog-grid > li[hidden]
{
    display: none;
}

body.studiengaenge-az .ms-catalog-grid a
{
    display: grid;
    width: 100%;
    height: 100%;
    padding: 18px 18px 18px 20px;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: start;
    gap: 14px;
    border: 1px solid var(--catalog-line);
    border-radius: 7px;
    background: var(--catalog-white);
    color: var(--catalog-ink);
    box-sizing: border-box;
    overflow: hidden;
}

body.studiengaenge-az .ms-catalog-grid a:hover
{
    border-color: #a9c9ba;
    color: var(--catalog-ink);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(34, 57, 47, 0.08);
}

body.studiengaenge-az .ms-catalog-grid a > span
{
    display: flex;
    min-width: 0;
    flex-direction: column;
}

body.studiengaenge-az .ms-catalog-grid strong
{
    display: -webkit-box;
    overflow-wrap: anywhere;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.25;
}

body.studiengaenge-az .ms-program-card__meta
{
    display: flex;
    margin-top: 6px;
    flex-direction: column;
    gap: 8px;
}

body.studiengaenge-az .ms-program-card__offers
{
    margin: 0;
    color: var(--catalog-muted);
    font-size: 0.7rem;
}

body.studiengaenge-az .ms-program-card__divider
{
    width: 100%;
    height: 1px;
    background: var(--catalog-line);
}

body.studiengaenge-az .ms-program-card__forms
{
    display: grid;
    gap: 4px;
}

body.studiengaenge-az .ms-program-card__forms > small
{
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--catalog-ink);
    font-size: 0.68rem;
}

body.studiengaenge-az .ms-program-card__forms > small > span:first-child
{
    min-width: 0;
    overflow-wrap: anywhere;
}

body.studiengaenge-az .ms-program-card__form-label
{
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
}

body.studiengaenge-az .ms-program-card__form-label > i,
body.studiengaenge-az .ms-program-card__form-label > .svg-inline--fa
{
    margin-top: 0;
    width: 12px;
    min-width: 12px;
    color: #111;
    font-size: 0.72rem;
}

body.studiengaenge-az .ms-program-card__form-label > span
{
    min-width: 0;
    overflow-wrap: anywhere;
}

body.studiengaenge-az .ms-program-card__forms > small > span:last-child
{
    color: var(--catalog-muted);
    white-space: nowrap;
}

body.studiengaenge-az .ms-program-card__form-hits
{
    color: var(--catalog-muted);
    white-space: nowrap;
}

body.studiengaenge-az .ms-program-card__forms-more
{
    margin: 2px 0 0;
    color: var(--catalog-muted);
    font-size: 0.66rem;
}

body.studiengaenge-az .ms-program-card__forms-empty
{
    margin: 0;
    color: var(--catalog-muted);
    font-size: 0.68rem;
}

body.studiengaenge-az .ms-catalog-grid small
{
    margin-top: 6px;
    color: var(--catalog-muted);
    font-size: 0.7rem;
}

body.studiengaenge-az .ms-catalog-grid a > .svg-inline--fa,
body.studiengaenge-az .ms-catalog-grid a > i
{
    justify-self: center;
    font-size: 0.75rem;
}

body.studiengaenge-az footer
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto 24px;
    border-radius: 8px;
}

@media only screen and (max-width: 980px)
{
    body.studiengaenge-az .ms-catalog-options
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.studiengaenge-az .ms-catalog-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 760px)
{
    body.studiengaenge-az .ms-catalog
    {
        padding-top: 8px;
    }

    body.studiengaenge-az .ms-catalog-hero,
    body.studiengaenge-az .ms-catalog-section,
    body.studiengaenge-az footer
    {
        width: calc(100% - 30px);
    }

    body.studiengaenge-az .ms-catalog-hero
    {
        display: grid;
        min-height: 0;
        grid-template-columns: 1fr;
    }

    body.studiengaenge-az .ms-catalog-hero__content
    {
        box-sizing: border-box;
        min-width: 0;
        width: 100%;
        padding: 38px 24px 34px;
    }

    body.studiengaenge-az .ms-catalog-hero h1
    {
        font-size: 3.6rem;
    }

    body.studiengaenge-az .ms-catalog-hero__image
    {
        position: relative;
        inset: auto;
        box-sizing: border-box;
        min-width: 0;
        width: 100%;
        min-height: 240px;
        border-radius: 0 0 8px 8px;
        background-position: right center;
    }

    body.studiengaenge-az .ms-catalog-hero__image::before
    {
        width: 100%;
        height: 36%;
        background: linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 100%);
    }

    body.studiengaenge-az .ms-catalog-hero__accent--left
    {
        left: 16px;
        bottom: 176px;
        width: 120px;
        height: 180px;
    }

    body.studiengaenge-az .ms-program-groups
    {
        gap: 24px;
    }

    body.studiengaenge-az .ms-program-group__heading
    {
        font-size: 1.3rem;
    }

    body.studiengaenge-az .ms-catalog-section
    {
        padding-top: 40px;
    }

    body.studiengaenge-az .ms-catalog-heading
    {
        margin-bottom: 26px;
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    body.studiengaenge-az .ms-catalog-heading h2
    {
        font-size: 2.7rem;
    }

    body.studiengaenge-az .ms-catalog-heading > p
    {
        width: 100%;
    }

    body.studiengaenge-az .ms-catalog-options,
    body.studiengaenge-az .ms-catalog-grid
    {
        grid-template-columns: 1fr;
    }

    body.studiengaenge-az .ms-catalog-options article
    {
        min-height: 190px;
    }

    body.studiengaenge-az .ms-catalog-filter
    {
        min-height: auto;
        padding: 8px;
        grid-template-columns: 1fr 52px;
        border-radius: 22px;
    }

    body.studiengaenge-az .ms-catalog-hero .ms-catalog-filter
    {
        width: 100%;
    }

    body.studiengaenge-az .ms-catalog-hero .ms-catalog-home-search
    {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
    }

    body.studiengaenge-az .ms-catalog-filter input
    {
        height: 56px;
    }

    body.studiengaenge-az .ms-catalog-filter__field
    {
        height: 58px;
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid var(--catalog-line);
    }

    body.studiengaenge-az .ms-catalog-filter__field--location
    {
        grid-column: 1;
        border-bottom: 0;
    }

    body.studiengaenge-az .ms-catalog-filter__submit
    {
        width: 48px;
        height: 48px;
        margin-top: 5px;
        grid-column: 2;
    }

    body.universitaeten-az .ms-university-filter,
    body.universitaeten-az .ms-catalog-hero .ms-university-filter
    {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 52px;
    }

    body.universitaeten-az .ms-university-filter .ms-catalog-filter__field
    {
        grid-column: 1;
        border-right: 0;
        border-bottom: 0;
    }

    body.studiengaenge-az .ms-catalog-filter .awesomplete
    {
        height: 56px;
    }

    body.studiengaenge-az .ms-catalog-filter .awesomplete > ul
    {
        left: 0;
        width: 100%;
    }

    body.studiengaenge-az .ms-catalog-programs
    {
        padding-bottom: 40px;
    }
}

body footer.ms-global-footer
{
    width: min(1240px, calc(100% - 96px));
    margin: var(--ms-section-space, 56px) auto 24px;
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #111714;
    color: #bac6bf;
}

body footer.ms-global-footer > .ms-global-footer__inner.content.container
{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 52px 48px 28px;
}

body footer.ms-global-footer .ms-global-footer__top
{
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 0.65fr;
    column-gap: 72px;
    row-gap: 30px;
}

body footer.ms-global-footer .ueberschrift
{
    display: flex;
    margin: 0 0 18px;
    align-items: center;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

body footer.ms-global-footer .ms-global-footer__brand
{
    font-family: var(--ms-serif);
    font-size: 1.55rem;
    font-weight: 500;
    text-transform: none;
}

body footer.ms-global-footer .ms-global-footer__brand::before
{
    content: "";
    width: 9px;
    height: 9px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--ms-green);
    box-shadow: 0 0 10px rgba(37, 213, 146, 0.65);
}

body footer.ms-global-footer .ms-footer-claim
{
    max-width: 480px;
    margin: -5px 0 24px;
    color: #849189;
    font-size: 0.78rem;
    line-height: 1.55;
}

body footer.ms-global-footer .footer-menu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

body footer.ms-global-footer .footer-menu li
{
    margin: 0 0 10px;
    padding: 0;
}

body footer.ms-global-footer .footer-menu li::before
{
    content: none;
}

body footer.ms-global-footer a
{
    color: #bac6bf !important;
}

body footer.ms-global-footer .footer-menu a
{
    display: inline-flex;
    border: 0;
    font-size: 0.82rem;
    line-height: 1.35;
}

body footer.ms-global-footer a:hover,
body footer.ms-global-footer .footer-menu a:hover
{
    color: var(--ms-green) !important;
}

body footer.ms-global-footer .ms-global-footer__bottom
{
    display: flex;
    margin-top: 22px;
    padding-top: 24px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #2b3530;
}

body footer.ms-global-footer .footerright
{
    margin: 0;
    color: #77837c;
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 500;
    text-transform: none;
}

body footer.ms-global-footer .ms-global-footer__legal
{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 44px;
}

body footer.ms-global-footer .ms-global-footer__legal li
{
    margin: 0;
    padding: 0;
}

body footer.ms-global-footer .ms-global-footer__legal li::before
{
    content: none;
}

body footer.ms-global-footer .ms-global-footer__legal a
{
    border: 0;
    font-size: 0.82rem;
    line-height: 1.35;
}

@media only screen and (max-width: 1120px)
{
    body footer.ms-global-footer .ms-global-footer__top
    {
        grid-template-columns: 1.4fr 1fr 1fr;
    }

    body footer.ms-global-footer .ms-global-footer__col:last-child
    {
        grid-column: 2 / 4;
    }
}

@media only screen and (max-width: 760px)
{
    body footer.ms-global-footer
    {
        width: calc(100% - 30px);
        margin-top: var(--ms-section-space, 40px);
        margin-bottom: 15px;
    }

    body footer.ms-global-footer > .ms-global-footer__inner.content.container
    {
        padding: 36px 26px 24px;
    }

    body footer.ms-global-footer .ms-global-footer__top
    {
        grid-template-columns: 1fr;
        row-gap: 28px;
    }

    body footer.ms-global-footer .ms-global-footer__col:last-child
    {
        grid-column: auto;
    }

    body footer.ms-global-footer .ms-footer-claim
    {
        max-width: none;
    }

    body footer.ms-global-footer .ms-global-footer__bottom
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    body footer.ms-global-footer .ms-global-footer__legal
    {
        gap: 18px;
    }
}

@media (min-width: 761px)
{
    body:not(.homepage) > #menutoggle + label
    {
        display: none;
    }
}

@media only screen and (max-width: 760px)
{
    body:not(.homepage) > #menutoggle + label
    {
        top: 19px;
        right: 18px;
        left: auto;
    }

    body:not(.homepage) header .logo
    {
        width: calc(100% - 30px);
        min-height: 62px;
    }

    body:not(.homepage) header .bookmarkNav,
    body:not(.homepage) .main-nav
    {
        display: none;
    }

    body:not(.homepage) header > .container,
    body:not(.homepage) main > .diag,
    body:not(.homepage) main > .diag-content,
    body:not(.homepage) main > .content.container
    {
        width: 100%;
    }

    body:not(.homepage) main > .diag
    {
        padding: 42px 0 38px;
    }

    body:not(.homepage) main > .diag .content.container,
    body:not(.homepage) main > .diag-content > .content.container
    {
        width: calc(100% - 30px);
    }

    body:not(.homepage) h1.homehead,
    body:not(.homepage) .homehead
    {
        font-size: clamp(2.35rem, 12vw, 3.4rem);
    }

    body:not(.homepage) main > .diag-content
    {
        margin-bottom: 40px;
        padding: 34px 0 48px;
    }

    body:not(.homepage) header .homeheader .kih-grid
    {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    body:not(.homepage) header .homeheader #kih-grid-left
    {
        height: 280px;
    }

    body:not(.homepage) header .homeheader #kih-grid-right
    {
        padding: 36px 22px 42px;
    }

    body:not(.homepage) header .homeheader .bgtextdefault,
    body:not(.homepage) header .homeheader .bgtextblack,
    body:not(.homepage) header .homeheader .bgtextblackHome,
    body:not(.homepage) header .homeheader .bgtextpraktikum,
    body:not(.homepage) header .homeheader .bgtextstudentenjobs,
    body:not(.homepage) header .homeheader .bgtextdualesstudium
    {
        font-size: clamp(2.35rem, 12vw, 3.5rem);
    }
}

@media (min-width: 1281px)
{
    body.studiengaenge-az > #menutoggle + label
    {
        display: none;
    }
}

@media only screen and (max-width: 1280px)
{
    body.studiengaenge-az > #menutoggle + label
    {
        display: block;
        top: 19px;
        right: 24px;
        left: auto;
    }

    body.studiengaenge-az .ms-home-nav,
    body.studiengaenge-az .ms-home-actions
    {
        display: none;
    }

    body.studiengaenge-az header .logo
    {
        display: flex;
        width: min(1240px, calc(100% - 48px));
    }
}

@media only screen and (max-width: 760px)
{
    body.studiengaenge-az > #menutoggle + label
    {
        right: 18px;
    }

    body.studiengaenge-az header .logo
    {
        width: calc(100% - 30px);
        min-height: 62px;
    }

    body.mensa-page header > .container.xhomebackground,
    body.studiwohnen header > .container.xhomebackground,
    body.campus-abfahrten header > .container.xhomebackground
    {
        padding-top: 18px;
    }
}

    /* ##### Student tips magazine ######################################################################################## */

    body.magazine-home
    {
        --magazine-section-space: 32px;
        --magazine-card-gap: 12px;
        --magazine-paper: #fbfaf6;
        --magazine-white: #ffffff;
        --magazine-ink: #111714;
        --magazine-muted: #68716d;
        --magazine-line: #e2e6e1;
        --magazine-mint: #dff8e9;
        background: var(--magazine-paper);
        color: var(--magazine-ink);
    }

    body.magazine-home .contentwrapper,
    body.magazine-home .conentInner,
    body.magazine-home header,
    body.magazine-home .ms-magazine
    {
        background: var(--magazine-paper);
    }

    body.magazine-home .breadcrumbscontainer
    {
        display: none;
    }

    body.magazine-home .ms-magazine-hero,
    body.magazine-home .ms-magazine-section
    {
        box-sizing: border-box;
        width: min(1240px, calc(100% - 96px));
        margin-right: auto;
        margin-left: auto;
    }

    body.magazine-home .ms-magazine-hero
    {
        position: relative;
        min-height: 520px;
        overflow: hidden;
        border-radius: 8px;
        background-color: #f8f8f4;
        background-image: linear-gradient(90deg, rgba(251, 250, 246, 0.99) 0%, rgba(251, 250, 246, 0.95) 30%, rgba(251, 250, 246, 0.16) 57%, rgba(251, 250, 246, 0) 100%), url("/img/Header%20Fotos/Studententipps%20Header.png");
        background-position: center;
        background-size: cover;
    }

    body.magazine-home .ms-magazine-hero__content
    {
        position: relative;
        z-index: 2;
        width: min(510px, 48%);
        padding: 72px 0 64px 44px;
    }

    body.magazine-home .ms-magazine-kicker
    {
        display: block;
        margin-bottom: 16px;
        color: #53605a;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    body.magazine-home .ms-magazine-hero h1,
    body.magazine-home .ms-magazine-heading h2,
    body.magazine-home .ms-magazine-lead h3,
    body.magazine-home .ms-magazine-side-card h3,
    body.magazine-home .ms-magazine-archive-card h3
    {
        margin: 0;
        color: var(--magazine-ink);
        font-family: "DM Serif Display", Georgia, serif;
        font-weight: 400;
        letter-spacing: 0;
    }

    body.magazine-home .ms-magazine-hero h1
    {
        max-width: 500px;
        font-size: clamp(3.4rem, 5.6vw, 5.75rem);
        line-height: 0.9;
    }

    body.magazine-home .ms-magazine-hero__lead
    {
        margin: 22px 0 10px;
        color: #303a35;
        font-size: 1.08rem;
        font-weight: 600;
    }

    body.magazine-home .ms-magazine-hero__copy
    {
        max-width: 470px;
        margin: 0;
        color: var(--magazine-muted);
        font-size: 0.9rem;
        line-height: 1.55;
    }

    body.magazine-home .ms-magazine-hero__note
    {
        position: absolute;
        z-index: 2;
        top: 58px;
        left: 46%;
        color: #39433f;
        font-family: "DM Serif Display", Georgia, serif;
        font-size: 1.25rem;
        font-style: italic;
        line-height: 0.95;
        transform: rotate(-8deg);
    }

    body.magazine-channel .ms-magazine-channel-hero
    {
        background-image: linear-gradient(90deg, rgba(251, 250, 246, 0.99) 0%, rgba(251, 250, 246, 0.94) 32%, rgba(251, 250, 246, 0.14) 58%, rgba(251, 250, 246, 0) 100%), var(--magazine-channel-image);
    }

    body.magazine-channel .ms-magazine-channel-hero h1
    {
        max-width: 590px;
        font-size: clamp(3rem, 4.8vw, 5rem);
        line-height: 0.94;
    }

    body.magazine-channel .ms-magazine-hero__back
    {
        display: inline-flex;
        margin-top: 24px;
        align-items: center;
        gap: 9px;
        color: var(--magazine-ink);
        font-size: 0.76rem;
        font-weight: 700;
    }

    body.magazine-channel .ms-magazine-hero__back:hover
    {
        color: var(--magazine-ink);
        text-decoration: none;
    }

    body.magazine-channel .ms-magazine-result-count
    {
        padding-bottom: 7px;
        color: var(--magazine-muted);
        font-size: 0.78rem;
    }

    body.magazine-channel .ms-magazine-result-count strong
    {
        color: var(--magazine-ink);
    }

    body.magazine-home .ms-magazine
    {
        margin-top: -100px;
        padding: 0 0 8px;
        overflow: hidden;
    }

    body.magazine-home .ms-magazine-section
    {
        padding: var(--magazine-section-space) 0;
    }

    body.magazine-home .ms-magazine-heading
    {
        display: flex;
        margin-bottom: 28px;
        align-items: end;
        justify-content: space-between;
        gap: 30px;
    }

    body.magazine-home .ms-magazine-heading .ms-magazine-kicker
    {
        margin-bottom: 10px;
    }

    body.magazine-home .ms-magazine-heading h2
    {
        font-size: clamp(2.25rem, 4vw, 3.75rem);
        line-height: 1;
    }

    body.magazine-home .ms-magazine-heading > a
    {
        padding-bottom: 6px;
        color: var(--magazine-ink);
        font-size: 0.78rem;
        font-weight: 700;
    }

    body.magazine-home .ms-magazine-heading > a .svg-inline--fa,
    body.magazine-home .ms-magazine-heading > a i
    {
        margin-left: 8px;
        font-size: 0.7rem;
    }

    body.magazine-home .ms-magazine-topic-grid
    {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: var(--magazine-card-gap);
    }

    body.magazine-home .ms-magazine-topic
    {
        position: relative;
        display: flex;
        box-sizing: border-box;
        min-width: 0;
        min-height: 190px;
        padding: 22px;
        flex-direction: column;
        border: 1px solid #eef0ec;
        border-radius: 7px;
        background: var(--magazine-white);
        color: var(--magazine-ink);
        box-shadow: 0 8px 30px rgba(35, 56, 47, 0.035);
    }

    body.magazine-home .ms-magazine-topic:hover,
    body.magazine-home .ms-magazine-lead:hover,
    body.magazine-home .ms-magazine-side-card:hover,
    body.magazine-home .ms-magazine-archive-card:hover
    {
        color: var(--magazine-ink);
        text-decoration: none;
        transform: translateY(-3px);
        box-shadow: 0 16px 34px rgba(35, 56, 47, 0.09);
    }

    body.magazine-home .ms-magazine-topic__icon
    {
        display: grid;
        width: 48px;
        height: 48px;
        margin-bottom: 22px;
        border-radius: 50%;
        place-items: center;
        background: var(--magazine-mint);
        color: #213a30;
        font-size: 1.2rem;
    }

    body.magazine-home .ms-magazine-topic strong
    {
        padding-right: 20px;
        font-family: "DM Serif Display", Georgia, serif;
        font-size: 1.15rem;
        font-weight: 400;
        line-height: 1.08;
    }

    body.magazine-home .ms-magazine-topic > .svg-inline--fa,
    body.magazine-home .ms-magazine-topic > i,
    body.magazine-home .ms-magazine-arrow
    {
        display: grid;
        width: 32px;
        height: 32px;
        margin-top: auto;
        margin-left: auto;
        border: 1px solid var(--magazine-line);
        border-radius: 50%;
        place-items: center;
        color: var(--magazine-ink);
        font-size: 0.68rem;
    }

    body.magazine-home .ms-magazine-featured
    {
        padding-top: var(--magazine-section-space);
    }

    body.magazine-home .ms-magazine-feature-grid
    {
        display: grid;
        grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
        gap: var(--magazine-card-gap);
    }

    body.magazine-home .ms-magazine-lead,
    body.magazine-home .ms-magazine-side-card,
    body.magazine-home .ms-magazine-archive-card
    {
        position: relative;
        overflow: hidden;
        border: 1px solid #edf0ec;
        border-radius: 7px;
        background: var(--magazine-white);
        color: var(--magazine-ink);
        box-shadow: 0 8px 28px rgba(35, 56, 47, 0.035);
    }

    body.magazine-home .ms-magazine-lead
    {
        display: flex;
        height: 640px;
        min-height: 640px;
        flex-direction: column;
    }

    body.magazine-home .ms-magazine-lead__image
    {
        min-height: 340px;
        flex: 0 0 340px;
        overflow: hidden;
        background: #e8ece8;
    }

    body.magazine-home .ms-magazine-lead__image img,
    body.magazine-home .ms-magazine-side-card__image img,
    body.magazine-home .ms-magazine-archive-card__image img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }

    body.magazine-home .ms-magazine-lead__body
    {
        position: relative;
        padding: 24px 70px 24px 24px;
    }

    body.magazine-home .ms-magazine-tag
    {
        display: inline-block;
        width: fit-content;
        max-width: 100%;
        margin-bottom: 10px;
        padding: 5px 10px;
        align-self: flex-start;
        overflow: hidden;
        border-radius: 20px;
        background: var(--magazine-mint);
        color: #39604f;
        font-size: 0.63rem;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.magazine-home .ms-magazine-lead h3
    {
        font-size: clamp(1.7rem, 2.5vw, 2.45rem);
        line-height: 1.05;
    }

    body.magazine-home .ms-magazine-lead p,
    body.magazine-home .ms-magazine-archive-card p
    {
        margin: 12px 0;
        color: var(--magazine-muted);
        font-size: 0.82rem;
        line-height: 1.45;
    }

    body.magazine-home .ms-magazine-meta
    {
        color: #78817c;
        font-size: 0.68rem;
    }

    body.magazine-home .ms-magazine-meta .svg-inline--fa,
    body.magazine-home .ms-magazine-meta i
    {
        margin-right: 5px;
    }

    body.magazine-home .ms-magazine-lead .ms-magazine-arrow
    {
        position: absolute;
        right: 22px;
        bottom: 22px;
    }

    body.magazine-home .ms-magazine-side-list
    {
        display: grid;
        height: 640px;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: var(--magazine-card-gap);
    }

    body.magazine-home .ms-magazine-side-card
    {
        display: grid;
        min-height: 0;
        overflow: hidden;
        padding: 10px 54px 10px 10px;
        grid-template-columns: 185px minmax(0, 1fr);
        align-items: stretch;
        gap: 18px;
    }

    body.magazine-home .ms-magazine-side-card__image
    {
        min-height: 0;
        overflow: hidden;
        border-radius: 5px;
        background: #e8ece8;
    }

    body.magazine-home .ms-magazine-side-card__body
    {
        display: flex;
        min-width: 0;
        padding: 8px 0;
        flex-direction: column;
        justify-content: center;
    }

    body.magazine-home .ms-magazine-side-card h3
    {
        display: -webkit-box;
        overflow: hidden;
        overflow-wrap: anywhere;
        font-size: 1.15rem;
        line-height: 1.08;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.magazine-home .ms-magazine-side-card .ms-magazine-meta
    {
        margin-top: 12px;
    }

    body.magazine-home .ms-magazine-side-card .ms-magazine-arrow,
    body.magazine-home .ms-magazine-archive-card .ms-magazine-arrow
    {
        position: absolute;
        right: 12px;
        bottom: 12px;
    }

    body.magazine-home .ms-magazine-archive
    {
        padding-top: var(--magazine-section-space);
    }

    body.magazine-home .ms-magazine-archive-grid
    {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--magazine-card-gap);
    }

    body.magazine-home .ms-magazine-archive-card
    {
        display: flex;
        min-width: 0;
        min-height: 430px;
        flex-direction: column;
    }

    body.magazine-home .ms-magazine-archive-card__image
    {
        height: 210px;
        overflow: hidden;
        background: #e8ece8;
    }

    body.magazine-home .ms-magazine-archive-card__body
    {
        padding: 20px 58px 24px 20px;
    }

    body.magazine-home .ms-magazine-archive-card h3
    {
        font-size: 1.35rem;
        line-height: 1.08;
    }

    body.magazine-home .ms-magazine-pagination
    {
        margin-top: 32px;
    }

    /* ##### Magazine article details ##################################################################################### */

    body.magazine-detail .breadcrumbscontainer
    {
        display: none;
    }

    body.magazine-detail header,
    body.magazine-detail header .logo,
    body.magazine-detail header .main-nav,
    body.magazine-detail header > .container
    {
        background-color: #faf9f5;
    }

    body.magazine-detail header .logo
    {
        box-shadow: 0 0 0 100vmax #faf9f5;
        clip-path: inset(0 -100vmax);
    }

    body.magazine-detail .ms-article-hero,
    body.magazine-detail .ms-article,
    body.magazine-detail .ms-article-related
    {
        box-sizing: border-box;
        width: min(1240px, calc(100% - 64px));
        margin-right: auto;
        margin-left: auto;
    }

    body.magazine-detail .ms-article-hero
    {
        display: grid;
        position: relative;
        min-height: 360px;
        overflow: hidden;
        grid-template-columns: minmax(440px, 0.9fr) minmax(0, 1.1fr);
        border: 1px solid #edf0ec;
        border-radius: 8px;
        background-color: #faf9f5;
        box-shadow: 0 12px 34px rgba(37, 52, 45, 0.05);
    }

    body.magazine-detail .ms-article-hero--text-only
    {
        min-height: 460px;
        grid-template-columns: 1fr;
    }

    body.magazine-detail .ms-article-hero__content
    {
        position: relative;
        z-index: 2;
        display: flex;
        min-width: 0;
        padding: 20px 20px 22px 34px;
        flex-direction: column;
        justify-content: center;
    }

    body.magazine-detail .ms-article-breadcrumb
    {
        display: flex;
        margin-bottom: 14px;
        align-items: center;
        gap: 9px;
        color: var(--magazine-muted);
        font-size: 0.7rem;
    }

    body.magazine-detail .ms-article-breadcrumb a
    {
        color: inherit;
    }

    body.magazine-detail .ms-article-breadcrumb .svg-inline--fa,
    body.magazine-detail .ms-article-breadcrumb i
    {
        font-size: 0.48rem;
    }

    body.magazine-detail .ms-article-hero .ms-magazine-tag
    {
        margin-bottom: 12px;
    }

    body.magazine-detail .ms-article-hero h1
    {
        max-width: 690px;
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--magazine-ink);
        font-family: "DM Serif Display", Georgia, serif;
        font-size: clamp(2.7rem, 4.2vw, 3.8rem);
        font-weight: 400;
        letter-spacing: 0;
        line-height: 0.98;
    }

    body.magazine-detail .ms-article-hero__intro
    {
        display: -webkit-box;
        max-width: 650px;
        margin: 13px 0 17px;
        overflow: hidden;
        color: var(--magazine-muted);
        font-size: 0.96rem;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.magazine-detail .ms-article-byline
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 20px;
    }

    body.magazine-detail .ms-article-author-mark
    {
        display: grid;
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 50%;
        place-items: center;
        background: var(--magazine-mint);
        color: #214a39;
        font-family: "DM Serif Display", Georgia, serif;
        font-size: 1.05rem;
        font-style: normal;
    }

    body.magazine-detail .ms-article-byline > span:nth-child(2)
    {
        display: flex;
        margin-right: 6px;
        flex-direction: column;
    }

    body.magazine-detail .ms-article-byline strong
    {
        font-size: 0.78rem;
    }

    body.magazine-detail .ms-article-byline small,
    body.magazine-detail .ms-article-meta
    {
        color: #7b8580;
        font-size: 0.7rem;
    }

    body.magazine-detail .ms-article-meta .svg-inline--fa,
    body.magazine-detail .ms-article-meta i
    {
        margin-right: 5px;
    }

    body.magazine-detail .ms-article-hero__image
    {
        position: relative;
        min-width: 0;
        min-height: 360px;
        margin: 0;
        overflow: hidden;
        background: #e8ece8;
    }

    body.magazine-detail .ms-article-hero__image::before
    {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        width: 80px;
        pointer-events: none;
        background: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.76) 34%, rgba(253, 252, 248, 0) 100%);
    }

    body.magazine-detail .ms-article-hero__image img,
    body.magazine-detail .ms-article-related-card__image img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }

    body.magazine-detail .ms-article-hero__image figcaption
    {
        position: absolute;
        right: 10px;
        bottom: 9px;
        padding: 4px 7px;
        border-radius: 4px;
        background: rgba(17, 23, 20, 0.72);
        color: #ffffff;
        font-size: 0.55rem;
    }

    body.magazine-detail .ms-article
    {
        margin-top: 20px;
        padding-top: 0;
    }

    body.magazine-detail .ms-article-layout
    {
        display: grid;
        grid-template-columns: 210px minmax(0, 1fr);
        align-items: start;
        gap: 30px;
    }

    body.magazine-detail .ms-article-sidebar
    {
        position: sticky;
        top: 20px;
        display: grid;
        align-self: start;
        margin-top: 24px;
        margin-left: 12px;
        gap: 18px;
    }

    body.magazine-detail .ms-article-toc,
    body.magazine-detail .ms-article-author-card
    {
        box-sizing: border-box;
        padding: 20px;
        border: 1px solid var(--magazine-line);
        border-radius: 7px;
        background: var(--magazine-white);
    }

    body.magazine-detail .ms-article-toc
    {
        position: static;
        margin-top: 0;
    }

    body.magazine-detail .ms-article-toc .ms-magazine-kicker
    {
        margin-bottom: 14px;
    }

    body.magazine-detail .ms-article-toc ol
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body.magazine-detail .ms-article-toc ol ol
    {
        padding-left: 10px;
    }

    body.magazine-detail .ms-article-toc li
    {
        position: relative;
        margin: 0;
        padding: 0 0 13px 15px;
        border-left: 1px solid #dce5df;
    }

    body.magazine-detail .ms-article-toc li:last-child
    {
        padding-bottom: 0;
    }

    body.magazine-detail .ms-article-toc li::before
    {
        content: "";
        position: absolute;
        top: 5px;
        left: -4px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #b9c8c0;
    }

    body.magazine-detail .ms-article-toc li.is-active::before
    {
        background: #25d592;
    }

    body.magazine-detail .ms-article-toc a
    {
        display: block;
        position: static;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #65706a;
        font-size: 0.72rem;
        font-weight: 400;
        line-height: 1.3;
        text-decoration: none;
        white-space: normal;
        transition: color 0.15s ease;
    }

    body.magazine-detail .ms-article-toc a:hover,
    body.magazine-detail .ms-article-toc a:focus,
    body.magazine-detail .ms-article-toc a.is-active
    {
        position: static;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #1e7a59;
        text-decoration: none;
    }

    body.magazine-detail .ms-article-toc a::before,
    body.magazine-detail .ms-article-toc a::after
    {
        content: none;
    }

    body.magazine-detail .ms-article-toc a *,
    body.magazine-detail .ms-article-toc a font
    {
        color: inherit !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-style: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    body.magazine-detail .ms-article-author-card
    {
        text-align: center;
    }

    body.magazine-detail .ms-article-author-card .ms-article-author-mark
    {
        width: 58px;
        height: 58px;
        margin: 0 auto 14px;
        font-size: 1.35rem;
    }

    body.magazine-detail .ms-article-author-card .ms-magazine-kicker
    {
        margin-bottom: 8px;
    }

    body.magazine-detail .ms-article-author-card h2
    {
        margin: 0;
        color: var(--magazine-ink);
        font-family: "DM Serif Display", Georgia, serif;
        font-size: 1.28rem;
        font-weight: 400;
        line-height: 1.05;
    }

    body.magazine-detail .ms-article-author-card p
    {
        margin: 12px 0 16px;
        color: var(--magazine-muted);
        font-size: 0.69rem;
        line-height: 1.45;
    }

    body.magazine-detail .ms-article-author-card a
    {
        color: var(--magazine-ink);
        font-size: 0.68rem;
        font-weight: 700;
    }

    body.magazine-detail .ms-article-author-card a .svg-inline--fa,
    body.magazine-detail .ms-article-author-card a i
    {
        margin-left: 6px;
    }

    body.magazine-detail .ms-article-content
    {
        box-sizing: border-box;
        min-width: 0;
        padding-right: 24px;
        color: #3f4944;
    }

    body.magazine-detail .ms-article-body
    {
        font-size: 0.92rem;
        line-height: 1.65;
    }

    body.magazine-detail .ms-article-body :where(p, ul, ol, li, a, span, font, div, small, table, th, td)
    {
        color: inherit;
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }

    body.magazine-detail .ms-article-body :where(strong, b, em, i)
    {
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }

    body.magazine-detail .ms-article-body > *:first-child
    {
        margin-top: 0;
    }

    body.magazine-detail .ms-article-body h2,
    body.magazine-detail .ms-article-body h3,
    body.magazine-detail .ms-article-body h4
    {
        clear: both;
        margin: 28px 0 10px;
        color: var(--magazine-ink);
        font-family: "DM Serif Display", Georgia, serif;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.08;
    }

    body.magazine-detail .ms-article-body h2
    {
        font-size: clamp(1.75rem, 2.35vw, 2.15rem);
    }

    body.magazine-detail .ms-article-body h3
    {
        font-size: clamp(1.4rem, 1.9vw, 1.8rem);
    }

    body.magazine-detail .ms-article-body :is(h2, h3, h4) *,
    body.magazine-detail .ms-article-body :is(h2, h3, h4) font
    {
        color: inherit !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-style: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    body.magazine-detail .ms-article-body p
    {
        margin: 0 0 10px;
    }

    body.magazine-detail .ms-article-body > br,
    body.magazine-detail .ms-article-body p:empty,
    body.magazine-detail .ms-article-body p:has(> br:only-child)
    {
        display: none;
    }

    body.magazine-detail .ms-article-body ul,
    body.magazine-detail .ms-article-body ol:not(.toc)
    {
        margin: 4px 0 14px;
        padding-left: 22px;
    }

    body.magazine-detail .ms-article-body li
    {
        margin-bottom: 5px;
        padding-left: 4px;
    }

    body.magazine-detail .ms-article-body blockquote
    {
        margin: 30px 0;
        padding: 24px 30px;
        border: 0;
        border-radius: 7px;
        background: var(--magazine-mint);
        color: #254438;
        font-family: "DM Serif Display", Georgia, serif;
        font-size: 1.35rem;
        line-height: 1.35;
    }

    body.magazine-detail .ms-article-author-footer
    {
        display: grid;
        margin-top: 44px;
        padding: 20px;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        border: 1px solid var(--magazine-line);
        border-radius: 7px;
        background: var(--magazine-white);
    }

    body.magazine-detail .ms-article-author-footer > span:nth-child(2)
    {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    body.magazine-detail .ms-article-author-footer small
    {
        color: var(--magazine-muted);
        font-size: 0.6rem;
    }

    body.magazine-detail .ms-article-author-footer strong
    {
        color: var(--magazine-ink);
        font-size: 0.78rem;
    }

    body.magazine-detail .ms-article-author-footer em
    {
        margin-top: 3px;
        color: var(--magazine-muted);
        font-size: 0.64rem;
        font-style: normal;
    }

    body.magazine-detail .ms-article-author-footer > a
    {
        color: var(--magazine-ink);
        font-size: 0.68rem;
        font-weight: 700;
    }

    body.magazine-detail .ms-article-author-footer > a .svg-inline--fa,
    body.magazine-detail .ms-article-author-footer > a i
    {
        margin-left: 6px;
    }

    body.magazine-detail .ms-article-related
    {
        padding: 72px 0 22px;
    }

    body.magazine-detail .ms-article-related-grid
    {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    body.magazine-detail .ms-article-related-card
    {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 390px;
        overflow: hidden;
        flex-direction: column;
        border: 1px solid var(--magazine-line);
        border-radius: 7px;
        background: var(--magazine-white);
        color: var(--magazine-ink);
    }

    body.magazine-detail .ms-article-related-card:hover
    {
        color: var(--magazine-ink);
        text-decoration: none;
        transform: translateY(-3px);
        box-shadow: 0 16px 34px rgba(35, 56, 47, 0.09);
    }

    body.magazine-detail .ms-article-related-card__image
    {
        height: 215px;
        overflow: hidden;
        background: #e8ece8;
    }

    body.magazine-detail .ms-article-related-card__body
    {
        padding: 18px 54px 22px 18px;
    }

    body.magazine-detail .ms-article-related-card h3
    {
        margin: 0;
        color: var(--magazine-ink);
        font-family: "DM Serif Display", Georgia, serif;
        font-size: 1.3rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.08;
    }

    body.magazine-detail .ms-article-related-card .ms-magazine-meta
    {
        display: block;
        margin-top: 14px;
    }

    body.magazine-detail .ms-article-related-card .ms-magazine-arrow
    {
        position: absolute;
        right: 14px;
        bottom: 14px;
    }

    @media only screen and (max-width: 980px)
    {
        body.magazine-detail .ms-article-hero
        {
            grid-template-columns: minmax(360px, 1fr) 0.92fr;
        }

        body.magazine-detail .ms-article-hero__content
        {
            padding: 28px;
        }

        body.magazine-detail .ms-article-layout
        {
            grid-template-columns: 190px minmax(0, 1fr);
            gap: 30px;
        }
    }

    @media only screen and (max-width: 760px)
    {
        body.magazine-detail .ms-article-hero,
        body.magazine-detail .ms-article,
        body.magazine-detail .ms-article-related
        {
            width: calc(100% - 30px);
        }

        body.magazine-detail .ms-article-hero
        {
            min-height: 0;
            grid-template-columns: 1fr;
        }

        body.magazine-detail .ms-article-hero__content
        {
            padding: 30px 24px 34px;
        }

        body.magazine-detail .ms-article-hero h1
        {
            font-size: clamp(2.25rem, 11vw, 3.1rem);
        }

        body.magazine-detail .ms-article-byline
        {
            align-items: flex-start;
        }

        body.magazine-detail .ms-article-byline .ms-article-meta
        {
            width: calc(50% - 10px);
        }

        body.magazine-detail .ms-article-hero__image
        {
            min-height: 280px;
            height: 280px;
        }

        body.magazine-detail .ms-article
        {
            margin-top: 24px;
            padding-top: 0;
        }

        body.magazine-detail .ms-article-layout
        {
            grid-template-columns: 1fr;
            gap: 30px;
        }

        body.magazine-detail .ms-article-sidebar
        {
            position: static;
            margin-top: 0;
            order: 2;
        }

        body.magazine-detail .ms-article-toc
        {
            position: static;
            margin-top: 0;
        }

        body.magazine-detail .ms-article-content
        {
            box-sizing: border-box;
            width: 100%;
            padding-right: 14px;
            padding-left: 14px;
            order: 1;
        }

        body.magazine-detail .ms-article-body,
        body.magazine-detail .ms-article-body p,
        body.magazine-detail .ms-article-body li,
        body.magazine-detail .ms-article-body a
        {
            overflow-wrap: anywhere;
            word-break: normal;
        }

        body.magazine-detail .ms-article-body img,
        body.magazine-detail .ms-article-body iframe,
        body.magazine-detail .ms-article-body table
        {
            max-width: 100% !important;
        }

        body.magazine-detail .ms-article-body
        {
            font-size: 0.9rem;
        }

        body.magazine-detail .ms-article-author-footer
        {
            grid-template-columns: 40px minmax(0, 1fr);
        }

        body.magazine-detail .ms-article-author-footer > a
        {
            grid-column: 2;
        }

        body.magazine-detail .ms-article-related
        {
            padding-top: 54px;
        }

        body.magazine-detail .ms-article-related-grid
        {
            grid-template-columns: 1fr;
        }

        body.magazine-detail .ms-article-related-card
        {
            min-height: 0;
        }
    }

    @media only screen and (max-width: 980px)
    {
        body.magazine-home .ms-magazine-topic-grid
        {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        body.magazine-home .ms-magazine-feature-grid
        {
            grid-template-columns: 1fr;
        }

        body.magazine-home .ms-magazine-side-card
        {
            min-height: 180px;
        }
    }

    @media only screen and (max-width: 760px)
    {
        body.magazine-home
        {
            --magazine-section-space: 44px;
        }

        body.magazine-home .ms-magazine-hero,
        body.magazine-home .ms-magazine-section
        {
            width: calc(100% - 30px);
        }

        body.magazine-home .ms-magazine-hero
        {
            min-height: 610px;
            background-image: linear-gradient(180deg, rgba(251, 250, 246, 0.98) 0%, rgba(251, 250, 246, 0.92) 42%, rgba(251, 250, 246, 0.08) 70%, rgba(251, 250, 246, 0) 100%), url("/img/Header%20Fotos/Studententipps%20Header.png");
            background-position: 66% center;
        }

        body.magazine-channel .ms-magazine-channel-hero
        {
            background-image: linear-gradient(180deg, rgba(251, 250, 246, 0.98) 0%, rgba(251, 250, 246, 0.92) 42%, rgba(251, 250, 246, 0.08) 70%, rgba(251, 250, 246, 0) 100%), var(--magazine-channel-image);
        }

        body.magazine-home .ms-magazine-hero__content
        {
            width: auto;
            padding: 46px 12px 280px;
        }

        body.magazine-home .ms-magazine-hero h1
        {
            font-size: clamp(2.25rem, 11.5vw, 3.2rem);
        }

        body.magazine-channel .ms-magazine-channel-hero h1
        {
            font-size: clamp(2.15rem, 10.8vw, 3rem);
            overflow-wrap: anywhere;
        }

        body.magazine-home .ms-magazine-hero__lead
        {
            font-size: 0.95rem;
        }

        body.magazine-home .ms-magazine-hero__copy
        {
            font-size: 0.8rem;
        }

        body.magazine-home .ms-magazine-hero__note
        {
            display: none;
        }

        body.magazine-home .ms-magazine-section
        {
            padding: var(--magazine-section-space) 0;
        }

        body.magazine-home .ms-magazine-heading
        {
            align-items: start;
            flex-direction: column;
            gap: 14px;
        }

        body.magazine-home .ms-magazine-topic-grid,
        body.magazine-home .ms-magazine-archive-grid
        {
            grid-template-columns: 1fr;
        }

        body.magazine-home .ms-magazine-topic
        {
            min-height: 145px;
        }

        body.magazine-home .ms-magazine-lead
        {
            height: auto;
            min-height: 0;
        }

        body.magazine-home .ms-magazine-lead__image
        {
            min-height: 235px;
            flex: 0 0 235px;
        }

        body.magazine-home .ms-magazine-side-list
        {
            height: auto;
            grid-template-rows: none;
        }

        body.magazine-home .ms-magazine-side-card
        {
            min-height: 155px;
            padding-right: 42px;
            grid-template-columns: 96px minmax(0, 1fr);
            gap: 12px;
        }

        body.magazine-home .ms-magazine-side-card h3
        {
            font-size: 1rem;
        }

        body.magazine-home .ms-magazine-side-card .ms-magazine-tag
        {
            max-width: 150px;
        }

        body.magazine-home .ms-magazine-archive-card
        {
            min-height: 0;
        }
    }

/* ##### Job search result pages ######################################################################################## */

body.job-search-results
{
    --job-paper: #faf9f5;
    --job-ink: #111714;
    --job-muted: #66706b;
    --job-line: #dfe4df;
    --job-hero-bg: #eef0e8;
    background: var(--job-paper);
    color: var(--job-ink);
}

body.job-search-results--studentenjobs { --job-hero-bg: #e7f5ed; }
body.job-search-results--duales-studium { --job-hero-bg: #e9edf7; }
body.job-search-results--trainee { --job-hero-bg: #f4e9e5; }

body.job-search-results .breadcrumbscontainer
{
    display: none;
}

body.job-search-results header > .container
{
    display: block;
    width: 100%;
    max-width: none;
    padding: 0;
}

body.job-search-results header,
body.job-search-results .contentwrapper,
body.job-search-results .conentInner,
body.job-search-results main
{
    background-color: var(--job-paper);
}

.ms-job-results
{
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-job-results__hero
{
    margin-bottom: 72px;
    background: var(--job-hero-bg);
}

.ms-job-results__hero-inner
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    min-height: 330px;
    margin: 0 auto;
    padding: 52px 0 92px;
    box-sizing: border-box;
}

.ms-job-results__hero .ms-job-back
{
    display: flex;
    width: fit-content;
    margin-bottom: 28px;
}

.ms-job-results__hero .ms-job-kicker
{
    display: block;
}

.ms-job-results__hero h1
{
    max-width: 880px;
    margin: 10px 0 14px;
    color: var(--job-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.7rem, 4.5vw, 4.5rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.98;
}

.ms-job-results__hero-inner > p
{
    margin: 0;
    color: var(--job-muted);
    font-size: 1rem;
}

.ms-job-results__hero-inner > p strong
{
    margin-right: 4px;
    color: var(--job-ink);
    font-size: 1.35rem;
}

.ms-job-results__search
{
    bottom: -52px;
    width: min(1120px, calc(100% - 64px));
}

body.job-search-results .ms-job-search input,
body.job-search-results .ms-job-search select
{
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: var(--job-ink);
    font-family: inherit;
    font-size: 1rem;
    box-shadow: none !important;
}

body.job-search-results .ms-job-search__group select
{
    width: 96px;
    height: 42px;
    padding: 0 4px 0 14px;
    flex: 0 0 96px;
    border-left: 1px solid var(--job-line) !important;
    cursor: pointer;
}

.ms-job-results__layout
{
    display: grid;
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 38px 0 96px;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
    gap: 48px;
}

body.job-search-results .ms-job-results-header-panel
{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-14px);
    transition: max-height 420ms ease, opacity 250ms ease, transform 250ms ease;
    will-change: max-height, opacity, transform;
}

body.job-search-results.job-search-header-open .ms-job-results-header-panel
{
    max-height: 1400px;
    opacity: 1;
    transform: translateY(0);
}

body.study-search-results .ms-study-results-header-panel
{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-14px);
    transition: max-height 420ms ease, opacity 250ms ease, transform 250ms ease;
    will-change: max-height, opacity, transform;
}

body.study-search-results.study-search-header-open .ms-study-results-header-panel
{
    max-height: 1700px;
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 760px)
{
    body.study-search-results .ms-study-results-header-panel .ms-study-field-hero__media,
    body.study-search-results .ms-study-results-header-panel .ms-study-field-hero__copy,
    body.study-search-results .ms-study-results-header-panel .ms-study-field-facts
    {
        display: none;
    }

    body.study-search-results .ms-study-results-header-panel .ms-study-field-hero
    {
        min-height: 0;
        background: transparent;
    }

    body.study-search-results .ms-study-results-header-panel .ms-study-field-hero__inner
    {
        display: block;
        padding: 10px 15px 14px;
    }

    body.study-search-results .ms-study-results-header-panel .ms-study-autocomplete-search
    {
        width: 100%;
        margin-top: 0;
    }

    body.study-search-results.study-search-header-open .ms-study-results-header-panel
    {
        max-height: 240px;
    }
}

body.mensa-search-results .ms-mensa-results-header-panel
{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-14px);
    transition: max-height 420ms ease, opacity 250ms ease, transform 250ms ease;
    will-change: max-height, opacity, transform;
}

body.mensa-search-results.mensa-search-header-open .ms-mensa-results-header-panel
{
    max-height: 1700px;
    opacity: 1;
    transform: translateY(0);
}

body.events-search-results .ms-events-results-header-panel
{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-14px);
    transition: max-height 420ms ease, opacity 250ms ease, transform 250ms ease;
    will-change: max-height, opacity, transform;
}

body.events-search-results.events-search-header-open .ms-events-results-header-panel
{
    max-height: 1700px;
    opacity: 1;
    transform: translateY(0);
}

body.job-search-results .ms-job-results__layout
{
    padding-top: 12px;
}

body.job-search-results.job-search-header-open .ms-job-results__layout
{
    padding-top: 38px;
}

body.events-partys header .global-site-navigation .ms-job-results-header-toggle--events
{
    display: none;
}

body.job-search-results header .global-site-navigation .ms-job-results-header-toggle,
body.study-search-results header .global-site-navigation .ms-job-results-header-toggle,
body.mensa-search-results header .global-site-navigation .ms-job-results-header-toggle,
body.events-search-results header .global-site-navigation .ms-job-results-header-toggle
{
    display: grid;
    position: absolute;
    z-index: 12;
    top: 50%;
    right: 4px;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    place-items: center;
    border: 1px solid var(--site-nav-line);
    border-radius: 50%;
    background: #fff;
    color: #111714;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

body.job-search-results header .logo .ms-job-results-header-toggle svg,
body.job-search-results header .logo .ms-job-results-header-toggle .svg-inline--fa,
body.job-search-results header .logo .ms-job-results-header-toggle i,
body.study-search-results header .logo .ms-job-results-header-toggle svg,
body.study-search-results header .logo .ms-job-results-header-toggle .svg-inline--fa,
body.study-search-results header .logo .ms-job-results-header-toggle i,
body.mensa-search-results header .logo .ms-job-results-header-toggle svg,
body.mensa-search-results header .logo .ms-job-results-header-toggle .svg-inline--fa,
body.mensa-search-results header .logo .ms-job-results-header-toggle i,
body.events-search-results header .logo .ms-job-results-header-toggle svg,
body.events-search-results header .logo .ms-job-results-header-toggle .svg-inline--fa,
body.events-search-results header .logo .ms-job-results-header-toggle i
{
    display: block;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 1em;
    height: 1em;
    margin: 0 !important;
    line-height: 1;
    transform: none !important;
}

body.job-search-results.job-search-header-open header .global-site-navigation .ms-job-results-header-toggle
{
    border-color: #111714;
    background: #111714;
    color: #fff;
}

body.study-search-results.study-search-header-open header .global-site-navigation .ms-job-results-header-toggle
{
    border-color: var(--catalog-ink);
    background: var(--catalog-ink);
    color: #fff;
}

body.mensa-search-results.mensa-search-header-open header .global-site-navigation .ms-job-results-header-toggle
{
    border-color: var(--mensa-green);
    background: var(--mensa-green);
    color: #fff;
}

body.events-search-results.events-search-header-open header .global-site-navigation .ms-job-results-header-toggle
{
    border-color: #176447;
    background: #176447;
    color: #fff;
}

.ms-job-results__main
{
    min-width: 0;
}

.ms-job-results__intro
{
    max-width: 760px;
    margin: 0 0 28px;
    color: var(--job-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.ms-job-results__page-meta
{
    margin: 0 0 12px;
    color: #59655f;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.35;
}

.ms-job-results__seo-copy
{
    margin: 26px 0 0;
    padding: 22px 24px;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: #fff;
}

.ms-job-results__seo-copy h2
{
    margin: 0 0 10px;
    color: var(--job-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    font-weight: 400;
    line-height: 1.12;
}

.ms-job-results__seo-copy p
{
    margin: 0 0 10px;
    color: var(--job-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.ms-job-results__seo-copy p:last-child
{
    margin-bottom: 0;
}

.ms-job-results__list
{
    display: grid;
    gap: 12px;
}

body.job-search-results .ms-job-results__list .jobad
{
    position: relative;
    min-height: 0;
    margin: 0;
    padding: 28px 30px;
    box-sizing: border-box;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: #fff;
    box-shadow: none;
    transition: border-color 0.18s ease, transform 0.18s ease;
}

body.job-search-results .ms-job-results__list .jobad:hover
{
    border-color: #91cbb1;
    transform: translateY(-2px);
}

body.job-search-results .ms-job-results__list .srtContainer
{
    display: grid;
    min-height: 68px;
    padding: 0;
    grid-template-columns: minmax(0, 1fr) 150px 36px;
    align-items: start;
    gap: 28px;
}

body.job-search-results .ms-job-results__list .srtTitle
{
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
}

body.job-search-results .ms-job-results__list .srtTitle h3
{
    margin: 0;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 400;
    line-height: 1.08;
}

body.job-search-results .ms-job-results__list .srtTitle h3 a
{
    border: 0;
    color: var(--job-ink);
    text-decoration: none;
}

body.job-search-results .ms-job-results__list .srtLogo
{
    display: flex;
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
}

body.job-search-results .ms-job-results__list .companylogo
{
    display: flex;
    width: 150px;
    height: 72px !important;
    padding: 0;
    align-items: center;
    justify-content: flex-end;
    background: transparent;
}

body.job-search-results .ms-job-results__list .companylogo img
{
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 72px !important;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(17, 23, 20, 0.08);
    border-radius: 4px;
    background: #fff;
    object-fit: contain;
}

body.job-search-results .ms-job-results__list .bookmark
{
    position: static;
    width: 32px;
    height: 32px;
    margin: 0;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}

body.job-search-results .ms-job-results__list .firmendaten
{
    margin-top: 10px;
    color: #315548;
    font-weight: 700;
}

body.job-search-results .ms-job-results__list .location
{
    margin-top: 3px;
    color: var(--job-muted);
}

body.job-search-results .ms-job-results__list .description
{
    display: -webkit-box;
    max-width: 720px;
    margin: 20px 0 0;
    overflow: hidden;
    color: var(--job-muted);
    font-size: 0.94rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.job-search-results .ms-job-results__list .more
{
    margin-top: 10px;
}

body.job-search-results .ms-job-results__list .tags
{
    display: flex;
    position: static;
    margin-top: 20px;
    padding: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 7px;
    line-height: normal;
}

body.job-search-results .ms-job-results__list .tag
{
    position: relative;
    display: inline-flex;
    width: auto;
    min-height: 28px;
    margin: 0;
    padding: 5px 11px 5px 28px;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid rgba(49, 85, 72, 0.12);
    border-radius: 999px;
    background: #eef5f1;
    color: #315548;
    font-size: 0.72rem;
    line-height: 1.2;
}

body.job-search-results .ms-job-results__list .tag::after
{
    top: 50%;
    left: 9px;
    font-size: 0.82em;
    transform: translateY(-50%);
}

.ms-job-results__filters
{
    position: sticky;
    top: 24px;
    overflow: hidden;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: #fff;
}

.ms-job-results__filters-head
{
    display: flex;
    width: 100%;
    padding: 20px 22px;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: var(--job-hero-bg);
    color: var(--job-ink);
    font: inherit;
    font-weight: 700;
    text-align: left;
}

.ms-job-results__filters-icons
{
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

body.job-search-results .ms-job-results__filters .sideFilter
{
    margin: 0;
    padding: 20px 22px;
    border: 0;
    border-bottom: 1px solid var(--job-line);
    background: transparent;
}

body.job-search-results .ms-job-results__filters .sideFilter:last-child
{
    border-bottom: 0;
}

body.job-search-results .ms-job-results__filters .sideFilter label
{
    display: block;
    margin-bottom: 10px;
    color: var(--job-ink);
}

body.job-search-results .ms-job-results__filters ul.list
{
    margin: 0;
    padding: 0;
    list-style: none;
}

body.job-search-results .ms-job-results__filters ul.list ul.list
{
    margin: 0;
}

body.job-search-results .ms-job-results__filters li
{
    margin: 0;
    padding: 0;
}

body.job-search-results .ms-job-results__filters li::before
{
    content: none;
}

body.job-search-results .ms-job-results__filters li a,
body.job-search-results .ms-job-results__filters li.mute
{
    display: block;
    padding: 6px 0;
    border: 0;
    color: var(--job-muted);
    text-decoration: none;
}

body.job-search-results .ms-job-results__filters li.active a,
body.job-search-results .ms-job-results__filters li a:hover
{
    color: #1e7a59;
}

body.job-search-results .ms-job-results__filters .ms-job-filter-group > strong
{
    display: block;
    margin-bottom: 10px;
    color: var(--job-ink);
}

body.job-search-results .ms-job-results__filters .ms-job-filter-link
{
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.ms-job-filter-check
{
    display: grid;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    place-items: center;
    border: 1px solid #cbd5cf;
    border-radius: 4px;
    background: #fff;
    color: transparent;
    font-size: 0.62rem;
}

body.job-search-results .ms-job-results__filters li.active .ms-job-filter-check
{
    border-color: #1e7a59;
    background: #1e7a59;
    color: #fff;
}

body.job-search-results .ms-job-filter-link small
{
    color: #8a938e;
    font-size: 0.72rem;
}

.ms-job-results__pagination
{
    margin-top: 36px;
}

.ms-job-results__pagination .pagination
{
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
}

.ms-job-results__pagination .pagination > li
{
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    border: 0;
}

.ms-job-results__pagination .pagination > li > a,
.ms-job-results__pagination .pagination > li > span
{
    display: grid;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    float: none;
    place-items: center;
    border: 1px solid var(--job-line);
    border-radius: 50%;
    background: #fff;
    color: var(--job-ink);
}

.ms-job-results__empty
{
    padding: 56px 40px;
    border: 1px solid var(--job-line);
    border-radius: 5px;
    background: #fff;
    text-align: center;
}

.ms-job-results__empty-icon
{
    display: grid;
    width: 54px;
    height: 54px;
    margin: 0 auto 20px;
    place-items: center;
    border-radius: 50%;
    background: var(--job-hero-bg);
    color: #315548;
}

.ms-job-results__empty h2,
.ms-job-results__editorial h2
{
    margin: 0 0 16px;
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
    letter-spacing: 0;
}

.ms-job-results__editorial
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto 96px;
    padding-top: 52px;
    border-top: 1px solid var(--job-line);
}

@media (max-width: 980px)
{
    .ms-job-results__layout
    {
        grid-template-columns: minmax(0, 1fr) 250px;
        gap: 24px;
    }
}

@media (max-width: 760px)
{
    .ms-job-results__hero-inner,
    .ms-job-results__layout,
    .ms-job-results__editorial
    {
        width: min(100% - 32px, 1240px);
    }

    .ms-job-results__hero
    {
        margin-bottom: 24px;
    }

    .ms-job-results__page-meta
    {
        margin-bottom: 10px;
        font-size: 0.82rem;
    }

    .ms-job-results__hero-inner
    {
        min-height: 0;
        padding: 38px 0 24px;
    }

    .ms-job-results__hero h1
    {
        font-size: 2.65rem;
    }

    .ms-job-results__search
    {
        position: relative;
        bottom: auto;
        width: 100%;
        min-height: 0;
        margin-top: 28px;
        padding: 8px;
        grid-template-columns: 1fr 56px;
        border-radius: 28px;
    }

    .ms-job-results__search .ms-job-search__group
    {
        min-height: 54px;
        padding: 0 14px;
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid var(--job-line);
    }

    .ms-job-results__search .ms-job-search__group--location
    {
        grid-column: 1;
        border-bottom: 0;
    }

    .ms-job-results__search button
    {
        width: 48px;
        height: 48px;
        grid-column: 2;
        grid-row: 2;
    }

    body.job-search-results .ms-job-search__group select
    {
        width: 76px;
        flex-basis: 76px;
        padding-left: 8px;
    }

    .ms-job-results__layout
    {
        padding-top: 24px;
        grid-template-columns: 1fr;
    }

    .ms-job-results__seo-copy
    {
        padding: 18px 16px;
    }

    body.job-search-results .ms-job-results__layout
    {
        padding-top: 8px;
    }

    body.job-search-results.job-search-header-open .ms-job-results__layout
    {
        padding-top: 24px;
    }


@media (max-width: 1360px)
{
    body.job-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.study-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.mensa-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.events-search-results header .global-site-navigation .ms-job-results-header-toggle
    {
        right: 62px;
    }
}

@media (max-width: 760px)
{
    body.job-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.study-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.mensa-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.events-search-results header .global-site-navigation .ms-job-results-header-toggle
    {
        right: 56px;
        width: 38px;
        height: 38px;
    }
}
    .ms-job-results__filters
    {
        position: static;
        grid-row: 1;
    }

    .ms-job-results__filters-head
    {
        cursor: pointer;
    }

    body.job-search-results .ms-job-results__list .jobad
    {
        padding: 22px;
    }

    body.job-search-results .ms-job-results__list .srtContainer
    {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr) 70px 30px;
        gap: 10px;
    }

    body.job-search-results .ms-job-results__list .companylogo
    {
        width: 70px;
        height: 58px !important;
    }

    body.job-search-results .ms-job-results__list .companylogo img
    {
        max-width: 70px !important;
        max-height: 58px !important;
        padding: 6px;
    }

    body.job-search-results .ms-job-results__list .srtTitle h3
    {
        font-size: 1.35rem;
    }

    body.job-search-results .ms-job-results__list .description
    {
        -webkit-line-clamp: 2;
    }
}

/* ##### Mensa ######################################################################################## */

body.mensa-page
{
    --mensa-bg: #faf9f5;
    --mensa-paper: #faf9f5;
    --mensa-surface: #ffffff;
    --mensa-ink: #111714;
    --mensa-muted: #66706b;
    --mensa-line: #dfe4df;
    --mensa-green: #276f59;
    --mensa-mint: #dff7e9;
    background: var(--mensa-bg);
    color: var(--mensa-ink);
}

body.mensa-page header,
body.mensa-page .contentwrapper,
body.mensa-page .conentInner,
body.mensa-page main
{
    background: var(--mensa-bg);
}

body.mensa-page .breadcrumbscontainer
{
    display: none;
}

.ms-mensa
{
    min-height: 70vh;
    padding-bottom: 1px;
    color: var(--mensa-ink);
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-mensa section
{
    margin-bottom: 0;
}

.ms-mensa__hero
{
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 96px));
    min-height: 570px;
    margin: 0 auto;
    overflow: visible;
    background-color: #fdfcf8;
    background-image:
        linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 38%, rgba(253, 252, 248, 0.76) 58%, rgba(253, 252, 248, 0.08) 82%),
        url("/img/Header%20Fotos/Mensa-Header.png");
    background-position: center, center 48%;
    background-repeat: no-repeat;
    background-size: cover;
}

.ms-mensa__hero-inner
{
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 570px;
    padding: 54px 24px 46px;
    box-sizing: border-box;
}

.ms-mensa__intro
{
    max-width: 650px;
}

.ms-mensa__kicker,
.ms-mensa__eyebrow
{
    color: #4a5750;
    font-size: 0.77rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-mensa__hero h1
{
    margin: 12px 0 16px;
    color: #090d0b;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(4.6rem, 7.2vw, 7.2rem);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 0.82;
}

.ms-mensa__intro p
{
    margin: 0;
    color: #59645f;
    font-size: 1.15rem;
}

.ms-mensa__search
{
    display: grid;
    max-width: 900px;
    min-height: 78px;
    margin-top: 38px;
    padding: 9px 10px 9px 24px;
    box-sizing: border-box;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-mensa__search > i
{
    color: var(--mensa-green);
    font-size: 1.05rem;
}

.ms-mensa__search .awesomplete
{
    display: block;
    min-width: 0;
    width: 100%;
    grid-column: 2;
}

.ms-mensa__search .awesomplete > ul
{
    top: calc(100% + 20px);
    left: -48px;
    width: calc(100% + 48px);
    max-height: 360px;
    margin: 0;
    overflow-y: auto;
    border: 1px solid var(--mensa-line);
    border-radius: 8px;
    background: var(--mensa-surface);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.16);
}

.ms-mensa__search .awesomplete > ul > li
{
    padding: 11px 16px;
    border: 0;
    color: var(--mensa-ink);
    font-size: 0.95rem;
    line-height: 1.25;
}

.ms-mensa__search .awesomplete > ul > li:hover,
.ms-mensa__search .awesomplete > ul > li[aria-selected="true"]
{
    background: #e8f5ed;
    color: var(--mensa-ink);
}

.ms-mensa__search .awesomplete li span
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
}

.ms-mensa__search .awesomplete li strong
{
    font-weight: 700;
}

.ms-mensa__search .awesomplete li small
{
    flex: 0 0 auto;
    color: var(--mensa-muted);
    font-size: 0.76rem;
    font-weight: 600;
}

.ms-mensa__search input
{
    width: 100%;
    min-width: 0;
    height: 52px;
    margin: 0;
    padding: 0 6px;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: var(--mensa-ink);
    font-family: inherit;
    font-size: 1.05rem;
    box-shadow: none !important;
}

.ms-mensa__search input:focus
{
    outline: 2px solid var(--mensa-mint);
    outline-offset: 4px;
}

.ms-mensa__search button
{
    display: inline-flex;
    height: 58px;
    padding: 0 24px;
    align-items: center;
    gap: 14px;
    border: 0;
    border-radius: 999px;
    background: #090d0b;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
}

.ms-mensa__stats
{
    display: flex;
    margin-top: 24px;
    flex-wrap: wrap;
    gap: 10px 24px;
    color: #59645f;
    font-size: 0.9rem;
}

.ms-mensa__stats span + span::before
{
    margin-right: 24px;
    color: #aeb7b2;
    content: "·";
}

.ms-mensa__stats strong
{
    color: var(--mensa-ink);
}

.ms-mensa__content
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 56px 0 72px;
}

.ms-mensa__discover,
.ms-mensa__today,
.ms-mensa__results,
.ms-mensa__detail,
.ms-mensa__notice
{
    padding: 40px;
    border-radius: 7px;
    background: var(--mensa-surface);
    color: var(--mensa-ink);
}

.ms-mensa__today,
.ms-mensa__discover
{
    padding: 0;
    background: transparent;
}

.ms-mensa__home
{
    display: grid;
    gap: 64px;
}

.ms-mensa__section-head,
.ms-mensa__detail-head
{
    display: flex;
    margin-bottom: 28px;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
}

.ms-mensa__section-head > div,
.ms-mensa__detail-head > div
{
    min-width: 0;
}

.ms-mensa__section-head h2,
.ms-mensa__detail-head h2
{
    margin: 5px 0 0;
    color: var(--mensa-ink);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(2.75rem, 4.4vw, 4.7rem);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.05;
}

.ms-mensa__section-head > strong
{
    color: var(--mensa-muted);
    white-space: nowrap;
}

.ms-mensa__section-note
{
    flex: 0 0 auto;
    color: var(--mensa-muted);
    font-size: 0.9rem;
}

.ms-mensa__today-grid
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ms-mensa__today-meal
{
    display: flex;
    min-height: 240px;
    padding: 20px;
    box-sizing: border-box;
    flex-direction: column;
    border: 1px solid var(--mensa-line);
    border-radius: 6px;
    background: #ffffff;
    color: var(--mensa-ink);
    text-decoration: none;
    transition: border-color 0.18s ease, transform 0.18s ease;
}

.ms-mensa__today-image
{
    display: block;
    position: relative;
    height: 138px;
    margin: -20px -20px 18px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    background: #f6f4ee;
}

.ms-mensa__today-image img,
.ms-mensa__canteen-image img,
.ms-mensa__meal-image img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-mensa__today-meal:hover
{
    border-color: #8dbdaa;
    color: var(--mensa-ink);
    transform: translateY(-2px);
}

.ms-mensa__today-place
{
    color: var(--mensa-green);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-mensa__today-place i
{
    margin-right: 5px;
}

.ms-mensa__today-category
{
    margin-top: 24px;
    color: var(--mensa-muted);
    font-size: 0.76rem;
}

.ms-mensa__today-meal > strong
{
    margin-top: 5px;
    overflow-wrap: anywhere;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.22;
}

.ms-mensa__today-canteen
{
    margin-top: 9px;
    overflow-wrap: anywhere;
    color: var(--mensa-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.ms-mensa__today-footer
{
    display: flex;
    margin-top: auto;
    padding-top: 18px;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    color: var(--mensa-ink);
    font-size: 0.83rem;
    font-weight: 800;
}

.ms-mensa__today-footer i
{
    color: var(--mensa-green);
}

.ms-mensa__city-grid
{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.ms-mensa__city-grid a
{
    display: grid;
    min-height: 112px;
    padding: 22px;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: center;
    gap: 4px 14px;
    border: 1px solid var(--mensa-line);
    border-radius: 6px;
    background: #ffffff;
    color: var(--mensa-ink);
    text-decoration: none;
    transition: background 0.18s ease;
}

.ms-mensa__city-grid a:hover
{
    color: var(--mensa-ink);
    background: var(--mensa-mint);
    box-shadow: 0 12px 28px rgba(34, 57, 47, 0.09);
}

.ms-mensa__city-grid span
{
    font-size: 1.3rem;
    font-weight: 800;
}

.ms-mensa__city-grid small
{
    color: var(--mensa-muted);
}

.ms-mensa__city-grid i
{
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    color: var(--mensa-green);
}

.ms-mensa__canteen-grid
{
    display: grid;
    gap: 10px;
}

.ms-mensa__canteen
{
    display: grid;
    min-height: 112px;
    padding: 22px 24px;
    box-sizing: border-box;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--mensa-line);
    border-radius: 5px;
    background: #ffffff;
    color: var(--mensa-ink);
    text-decoration: none;
    transition: border-color 0.18s ease, transform 0.18s ease;
}

.ms-mensa__canteen:hover
{
    border-color: #8dbdaa;
    color: var(--mensa-ink);
    transform: translateY(-2px);
}

.ms-mensa__canteen-icon
{
    display: grid;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--mensa-mint);
    color: var(--mensa-green);
    place-items: center;
}

.ms-mensa__canteen--with-image
{
    grid-template-columns: 96px minmax(0, 1fr) auto;
}

.ms-mensa__canteen-image
{
    display: block;
    position: relative;
    width: 96px;
    height: 76px;
    overflow: hidden;
    border-radius: 5px;
    background: #f6f4ee;
}

.ms-mensa__canteen-copy
{
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ms-mensa__canteen-copy small,
.ms-mensa__canteen-copy em
{
    color: var(--mensa-green);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-mensa__canteen-copy strong
{
    margin: 2px 0 3px;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1.15;
}

.ms-mensa__canteen-copy > span
{
    color: var(--mensa-muted);
    font-size: 0.9rem;
}

.ms-mensa__canteen-copy .ms-mensa__canteen-dish
{
    margin-top: 7px;
    color: var(--mensa-green);
    font-size: 0.82rem;
    font-weight: 700;
}

.ms-mensa__canteen-copy em
{
    margin-top: 7px;
    color: var(--mensa-muted);
    text-transform: none;
}

.ms-mensa__canteen-meta
{
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--mensa-muted);
    white-space: nowrap;
}

.ms-mensa__canteen-meta i
{
    color: var(--mensa-green);
}

.ms-mensa__back
{
    display: inline-flex;
    margin-bottom: 26px;
    align-items: center;
    gap: 9px;
    border: 0;
    color: var(--mensa-green);
    font-weight: 800;
}

.ms-mensa__detail-head
{
    align-items: start;
}

.ms-mensa__detail-head p
{
    margin: 12px 0 0;
    color: var(--mensa-muted);
}

.ms-mensa__detail-head p i
{
    margin-right: 6px;
    color: var(--mensa-green);
}

.ms-mensa__detail-links
{
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 18px;
}

.ms-mensa__detail-links a
{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--mensa-green);
    font-size: 0.88rem;
    font-weight: 800;
    white-space: nowrap;
}

.ms-mensa__detail-links a:hover,
.ms-mensa__detail-links a:focus
{
    color: var(--mensa-ink);
}

.ms-mensa__detail-links i
{
    font-size: 0.76rem;
}

.ms-mensa__universities
{
    display: flex;
    max-width: 360px;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.ms-mensa__universities span,
.ms-mensa__notes span
{
    padding: 5px 9px;
    border-radius: 3px;
    background: var(--mensa-mint);
    color: #2c5d4d;
    font-size: 0.76rem;
    font-weight: 700;
}

.ms-mensa__dates
{
    display: flex;
    margin: 8px 0 36px;
    overflow-x: auto;
    border-bottom: 1px solid var(--mensa-line);
}

.ms-mensa__dates a
{
    display: flex;
    min-width: 92px;
    padding: 12px 16px 14px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--mensa-muted);
    text-decoration: none;
}

.ms-mensa__dates a:hover
{
    color: var(--mensa-green);
}

.ms-mensa__dates a.active
{
    border-color: var(--mensa-green);
    color: var(--mensa-ink);
}

.ms-mensa__dates small
{
    text-transform: uppercase;
}

.ms-mensa__dates strong
{
    margin-top: 3px;
}

.ms-mensa__week
{
    display: grid;
    gap: 28px;
}

.ms-mensa__day
{
    scroll-margin-top: 24px;
    padding: 28px;
    border: 1px solid var(--mensa-line);
    border-radius: 5px;
    background: #ffffff;
}

.ms-mensa__day--selected
{
    border-color: #8dbdaa;
    box-shadow: inset 4px 0 0 var(--mensa-green);
}

.ms-mensa__day-head
{
    display: flex;
    margin-bottom: 24px;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.ms-mensa__day-head span
{
    color: var(--mensa-green);
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-mensa__day-head h3
{
    margin: 3px 0 0;
    color: var(--mensa-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0;
}

.ms-mensa__day-head small
{
    color: var(--mensa-muted);
}

.ms-mensa__menu
{
    display: grid;
    gap: 28px;
}

.ms-mensa__category h4
{
    margin: 0 0 12px;
    color: var(--mensa-green);
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-mensa__meal-list
{
    border-top: 1px solid var(--mensa-line);
}

.ms-mensa__meal
{
    display: grid;
    padding: 22px 0;
    grid-template-columns: minmax(0, 1fr) 345px;
    gap: 32px;
    border-bottom: 1px solid var(--mensa-line);
}

.ms-mensa__meal--with-image
{
    grid-template-columns: 112px minmax(0, 1fr) 345px;
}

.ms-mensa__meal-image
{
    display: block;
    position: relative;
    width: 112px;
    height: 88px;
    overflow: hidden;
    border-radius: 5px;
    background: #f6f4ee;
}

.ms-mensa__image-hint
{
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 2;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(18, 29, 44, 0.82);
    color: #ffffff;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
}

.ms-mensa__meal h5
{
    margin: 0;
    color: var(--mensa-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 1.25;
}

.ms-mensa__day-empty
{
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-top: 1px solid var(--mensa-line);
    color: var(--mensa-muted);
}

.ms-mensa__day-empty i
{
    color: var(--mensa-green);
}

.ms-mensa__notes
{
    display: flex;
    margin-top: 11px;
    flex-wrap: wrap;
    gap: 5px;
}

.ms-mensa__prices
{
    display: grid;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-self: center;
}

.ms-mensa__prices div
{
    padding: 0 12px;
    border-left: 1px solid var(--mensa-line);
}

.ms-mensa__prices dt
{
    color: var(--mensa-muted);
    font-size: 0.73rem;
}

.ms-mensa__prices dd
{
    margin: 3px 0 0;
    color: var(--mensa-ink);
    font-size: 1.05rem;
    font-weight: 800;
}

.ms-mensa__notice,
.ms-mensa__empty
{
    text-align: center;
}

.ms-mensa__notice
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.ms-mensa__notice > i,
.ms-mensa__empty > i
{
    color: var(--mensa-green);
    font-size: 1.7rem;
}

.ms-mensa__notice h2,
.ms-mensa__empty h3
{
    margin: 8px 0 4px;
    color: var(--mensa-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
}

.ms-mensa__notice p,
.ms-mensa__empty p
{
    margin: 0;
    color: var(--mensa-muted);
}

.ms-mensa__empty
{
    padding: 72px 24px;
}

.ms-mensa__empty--compact
{
    padding: 36px 24px;
}

.ms-mensa__source
{
    margin: 24px 0 0;
    color: var(--mensa-muted);
    font-size: 0.78rem;
    text-align: center;
}

.ms-mensa__source a
{
    color: var(--mensa-ink);
}

@media only screen and (max-width: 850px)
{
    .ms-mensa__today-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-mensa__city-grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-mensa__meal
    {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ms-mensa__meal--with-image
    {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .ms-mensa__meal--with-image .ms-mensa__prices
    {
        grid-column: 1 / -1;
    }

    .ms-mensa__meal-image
    {
        width: 96px;
        height: 76px;
    }

    .ms-mensa__prices
    {
        max-width: 390px;
    }
}

@media only screen and (max-width: 600px)
{
    .ms-mensa__hero-inner,
    .ms-mensa__content
    {
        width: calc(100% - 28px);
    }

    .ms-mensa__hero
    {
        width: 100%;
        min-height: 620px;
    }

    .ms-mensa__hero-inner
    {
        width: calc(100% - 28px);
        min-height: 620px;
        margin: 0 auto;
        padding: 48px 0 38px;
    }

    .ms-mensa__hero
    {
        background-image:
            linear-gradient(180deg, rgba(253, 252, 248, 0.98) 0%, rgba(253, 252, 248, 0.94) 54%, rgba(253, 252, 248, 0.5) 100%),
            url("/img/Header%20Fotos/Mensa-Header.png");
        background-position: center, 60% center;
    }

    .ms-mensa__hero h1
    {
        font-size: 4rem;
        line-height: 0.88;
    }

    .ms-mensa__search
    {
        min-height: 0;
        padding: 8px;
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .ms-mensa__search button
    {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .ms-mensa__search .awesomplete > ul
    {
        top: calc(100% + 12px);
        left: -40px;
        width: calc(100% + 40px);
    }

    .ms-mensa__search .awesomplete li span
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .ms-mensa__stats span + span::before
    {
        display: none;
    }

    .ms-mensa__discover,
    .ms-mensa__today,
    .ms-mensa__results,
    .ms-mensa__detail,
    .ms-mensa__notice
    {
        padding: 24px 18px;
    }

    .ms-mensa__discover,
    .ms-mensa__today
    {
        padding: 0;
    }

    .ms-mensa__section-head,
    .ms-mensa__detail-head
    {
        align-items: start;
        flex-direction: column;
    }

    .ms-mensa__detail-links
    {
        justify-content: flex-start;
    }

    .ms-mensa__city-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-mensa__today-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-mensa__today-meal
    {
        min-height: 210px;
    }

    .ms-mensa__canteen
    {
        padding: 18px;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 14px;
    }

    .ms-mensa__canteen--with-image
    {
        grid-template-columns: 76px minmax(0, 1fr);
    }

    .ms-mensa__canteen-image
    {
        width: 76px;
        height: 68px;
    }

    .ms-mensa__canteen-icon
    {
        width: 40px;
        height: 40px;
    }

    .ms-mensa__canteen-meta
    {
        grid-column: 2;
        justify-content: space-between;
    }

    .ms-mensa__universities
    {
        justify-content: flex-start;
    }

    .ms-mensa__prices
    {
        width: 100%;
    }

    .ms-mensa__day
    {
        padding: 22px 16px;
    }

    .ms-mensa__prices div:first-child
    {
        padding-left: 0;
        border-left: 0;
    }
}

/* ##### Global site navigation ######################################################################################## */

header .global-site-navigation
{
    --site-nav-paper: #faf9f5;
    --site-nav-white: #ffffff;
    --site-nav-ink: #111714;
    --site-nav-line: #dfe4df;
    display: grid;
    width: min(1240px, calc(100% - 96px));
    max-width: none;
    min-height: 66px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    background: var(--site-nav-paper);
}

header .global-site-navigation .homelink
{
    justify-self: start;
}

body.home header .global-site-navigation
{
    width: min(1240px, calc(100% - 96px));
    min-height: 66px;
    margin: 0 auto;
    padding: 0;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    background: transparent;
}

body.home header .global-site-navigation .homelink
{
    align-self: center;
}

body.home header .global-site-navigation .ms-home-nav
{
    width: 100%;
    height: 66px;
    margin: 0;
    align-items: center;
    justify-content: center;
}

body.home header .global-site-navigation .ms-home-nav > ul
{
    width: 100%;
}

header .global-site-navigation .logo-grid
{
    display: flex;
    align-items: center;
}

header .global-site-navigation #logo-grid-left
{
    display: grid;
    width: 29px;
    height: 29px;
    margin-right: 2.5px;
    border-radius: 50%;
    place-items: center;
    overflow: hidden;
    background: transparent;
}

header .global-site-navigation #logo-grid-left::after
{
    content: none;
}

header .global-site-navigation .sitelogo,
body.home header .global-site-navigation .sitelogo,
body.studiengaenge-az header .global-site-navigation .sitelogo
{
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
}

header .global-site-navigation .lg,
header .global-site-navigation .lg .hl
{
    color: var(--site-nav-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.35rem;
    font-weight: 700;
}

header .global-site-navigation .ms-home-nav
{
    display: flex;
    position: static;
    width: 100%;
    height: 66px;
    margin: 0;
    align-items: center;
    justify-content: center;
}

header .global-site-navigation .ms-home-nav > ul
{
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

header .global-site-navigation .ms-home-nav > ul > li
{
    margin: 0;
    flex: 0 0 auto;
}

header .global-site-navigation .ms-home-nav > ul > li > a
{
    border: 0;
    color: #252c28;
    font-size: 0.9rem;
    font-weight: 500;
}

header .global-site-navigation .ms-home-actions
{
    display: flex;
    width: 282px;
    margin: 0;
    align-items: center;
    justify-self: end;
    justify-content: flex-end;
    gap: 12px;
}

header .global-site-navigation .ms-home-actions a
{
    display: inline-flex;
    min-height: 42px;
    border: 0;
    align-items: center;
    justify-content: center;
    color: var(--site-nav-ink);
    font-size: 0.78rem;
    font-weight: 600;
}

header .global-site-navigation .ms-home-actions__search
{
    display: grid;
    position: relative;
    width: 42px;
    height: 42px;
    min-height: 42px;
    flex: 0 0 42px;
    line-height: 1;
    place-items: center;
}

header .global-site-navigation .ms-home-actions__search i,
header .global-site-navigation .ms-home-actions__search .svg-inline--fa
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    transform: translate(-50%, -50%);
}

header .global-site-navigation .ms-home-actions__login
{
    min-width: 104px;
    padding: 0 20px;
    border: 1px solid var(--site-nav-line);
    border-radius: 24px;
    background: var(--site-nav-white);
}

header .global-site-navigation .ms-home-actions .ms-home-actions__primary
{
    min-width: 112px;
    padding: 0 20px;
    gap: 12px;
    border-radius: 24px;
    background: var(--site-nav-ink);
    color: var(--site-nav-white);
}

@media (min-width: 1361px)
{
    body > #menutoggle + label
    {
        display: none;
    }
}

@media (max-width: 1360px)
{
    body > #menutoggle + label
    {
        display: block;
        top: 19px;
        right: 24px;
        left: auto;
    }

    header .global-site-navigation
    {
        display: flex;
        width: min(1240px, calc(100% - 48px));
    }

    header .global-site-navigation .ms-home-nav,
    header .global-site-navigation .ms-home-actions
    {
        display: none;
    }
}

@media (min-width: 761px) and (max-width: 1360px)
{
    body.job-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.study-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.mensa-search-results header .global-site-navigation .ms-job-results-header-toggle,
    body.events-search-results header .global-site-navigation .ms-job-results-header-toggle
    {
        right: 32px;
    }
}

@media (max-width: 760px)
{
    body > #menutoggle + label
    {
        right: 18px;
    }

    header .global-site-navigation
    {
        width: calc(100% - 30px);
        min-height: 62px;
    }
}

@media (max-width: 1360px)
{
    nav.sidemenu
    {
        width: min(86vw, 360px);
        height: 100dvh;
        padding-top: calc(72px + env(safe-area-inset-top, 0px));
        border-right: 1px solid var(--border-color);
        background: var(--main-bg-color);
        box-shadow: 0 8px 28px rgba(20, 25, 35, 0.16);
        transform: translate3d(-100%, 0, 0);
        transition: transform .35s ease;
        color: var(--main-fg-color);
    }

    #menutoggle:checked~.contentwrapper
    {
        transform: translate3d(min(86vw, 360px), 0, 0);
    }

    #menutoggle:checked~.contentwrapper .menuOverlay
    {
        background: rgba(18, 26, 38, 0.22);
    }

    #menutoggle:checked+label>.menutoggle-icon,
    #menutoggle:checked+label>.menutoggle-icon:before,
    #menutoggle:checked+label>.menutoggle-icon:after
    {
        background: var(--main-fg-color);
    }

    nav.sidemenu strong
    {
        margin: 0;
        padding: 12px 16px;
        border-bottom: 1px solid var(--border-color);
        color: var(--main-fg-color);
        font-size: 21px;
        line-height: 1.22;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
    }

    nav.sidemenu strong:first-child
    {
        margin-top: 0;
    }

    nav.sidemenu strong a
    {
        display: inline-flex;
        position: relative;
        width: auto;
        max-width: 100%;
        align-items: center;
        gap: 10px;
        color: inherit;
        text-decoration: none;
        border-bottom: 0 !important;
        box-shadow: none !important;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-weight: inherit;
        font-size: 21px;
        line-height: 1.22;
    }

    nav.sidemenu strong.ms-mobile-menu-point > a::after
    {
        content: "";
        position: absolute;
        left: calc(1.15em + 10px);
        right: -8px;
        bottom: 0;
        width: auto;
        height: 1px;
        background: var(--main-hl-color);
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .45s cubic-bezier(0.29, 0.18, 0.26, 0.83);
    }

    nav.sidemenu strong.ms-mobile-menu-point > a::before
    {
        display: inline-block;
        width: 1.15em;
        color: #21da9f;
        font-family: "Font Awesome 6 Free";
        font-size: 0.86em;
        font-weight: 900;
        text-align: center;
    }

    nav.sidemenu strong.ms-mobile-menu-point--study > a::before { content: "\f19d"; }
    nav.sidemenu strong.ms-mobile-menu-point--tips > a::before { content: "\f0eb"; }
    nav.sidemenu strong.ms-mobile-menu-point--jobs > a::before { content: "\f0b1"; }
    nav.sidemenu strong.ms-mobile-menu-point--mensa > a::before { content: "\f2e7"; }
    nav.sidemenu strong.ms-mobile-menu-point--libraries > a::before { content: "\f02d"; }
    nav.sidemenu strong.ms-mobile-menu-point--housing > a::before { content: "\f015"; }
    nav.sidemenu strong.ms-mobile-menu-point--campus > a::before { content: "\f041"; }
    nav.sidemenu strong.ms-mobile-menu-point--events > a::before { content: "\f073"; }
    nav.sidemenu strong.ms-mobile-menu-point--magazine > a::before { content: "\f1ea"; }

    nav.sidemenu strong a:hover,
    nav.sidemenu strong a:focus-visible
    {
        background: transparent;
        color: var(--main-fg-color);
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    nav.sidemenu strong a:active
    {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    nav.sidemenu strong.ms-mobile-menu-point > a:hover::after,
    nav.sidemenu strong.ms-mobile-menu-point > a:focus-visible::after
    {
        transform: scaleX(1);
    }

    nav.sidemenu strong.ms-mobile-menu-point--links,
    nav.sidemenu strong:last-of-type
    {
        display: none;
    }

    nav.sidemenu strong.ms-mobile-menu-point--tips
    {
        display: none;
    }

    nav.sidemenu ul
    {
        display: none;
    }
}

/* ##### Study program result card ##################################################################################### */

body:not(.homepage) main.ms-study-results-page > .diag,
body:not(.homepage) main.ms-study-results-page > .diag-content,
.ms-study-results-page .ms-study-field-content__inner
{
    width: min(1240px, calc(100% - 96px));
}

body:not(.homepage) main.ms-study-results-page > .diag .content.container,
body:not(.homepage) main.ms-study-results-page > .diag-content > .content.container
{
    width: 100%;
}

body:not(.homepage) main.ms-study-results-page > .diag
{
    padding: 27px 0 25px;
}

body:not(.homepage) main.ms-study-results-page > .diag .homehead
{
    max-width: 1040px;
    font-size: clamp(1.9rem, 3.2vw, 2.8rem);
    line-height: 1.08;
}

body:not(.homepage) main.ms-study-results-page > .diag-content
{
    margin-bottom: 40px;
    padding: 20px 0 42px;
}

body:not(.homepage) main.ms-study-results-page .beforeResults
{
    margin-bottom: 18px;
    align-items: center;
}

body:not(.homepage) main.ms-study-results-page .beforeResults h2,
.ms-study-results-page .ms-study-field-results__head h2
{
    margin: 0;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    line-height: 1.18;
}

body.study-field-page .ms-study-field-hero__inner
{
    display: grid;
    padding: 24px 24px 20px;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    align-items: start;
    gap: 16px 28px;
}

body.study-field-page .ms-study-field-hero__copy
{
    width: 100%;
}

body.study-field-page .ms-study-field-hero h1
{
    margin: 7px 0 10px;
    font-size: clamp(2.2rem, 4vw, 3.35rem);
    line-height: 1;
}

body.study-field-page .ms-study-field-hero__copy > p
{
    margin-bottom: 12px;
    font-size: 1rem;
    line-height: 1.4;
}

body.study-field-page .ms-study-field-facts
{
    width: 100%;
    margin-top: 0;
    padding: 10px 14px 11px;
}

body.study-field-page .ms-study-field-facts.has-image
{
    display: grid;
    min-height: 154px;
    padding-right: 0;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 44%);
    grid-template-rows: auto 1fr;
    column-gap: 14px;
}

body.study-field-page .ms-study-field-facts__image
{
    min-width: 0;
    margin: -10px 0 -11px;
    grid-column: 2;
    grid-row: 1 / 3;
}

body.study-field-page .ms-study-field-facts__image img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.study-field-page .ms-study-field-facts__title
{
    margin-bottom: 7px;
}

body.study-field-page .ms-study-field-facts dl
{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.study-field-page .ms-study-field-facts dl > div
{
    padding: 9px 12px;
    border-top: 1px solid var(--study-line);
    border-left: 0;
}

body.study-field-page .ms-study-field-facts dl > div:nth-child(-n + 2)
{
    padding-top: 2px;
    border-top: 0;
}

body.study-field-page .ms-study-field-facts dl > div:nth-child(odd)
{
    padding-left: 0;
}

body.study-field-page .ms-study-field-facts dl > div:nth-child(even)
{
    padding-right: 0;
    border-left: 1px solid var(--study-line);
}

body.study-field-page .ms-study-field-facts dl > div:last-child:nth-child(odd)
{
    grid-column: 1 / -1;
}

body.study-field-page .ms-study-field-facts dd
{
    font-size: 1.3rem;
}

body.study-field-page .ms-study-field-facts dt
{
    margin-top: 3px;
    font-size: 0.72rem;
}

/* ##### University detail page ######################################################################################## */

body.university-detail-page .ms-university-detail-hero .ms-study-field-hero__copy
{
    align-self: center;
}

body.university-detail-page .ms-university-detail-hero h1
{
    max-width: 760px;
    overflow-wrap: anywhere;
}

body.university-detail-page .ms-study-field-facts dd
{
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    line-height: 1.2;
}

body.university-detail-page .ms-study-autocomplete-search--with-university
{
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(220px, 1.05fr) minmax(220px, 0.9fr) minmax(300px, 1.25fr) 58px;
}

body.university-detail-page .ms-study-autocomplete-search .ms-catalog-filter__field--university
{
    grid-template-columns: 30px minmax(0, 1fr);
}

.ms-university-facts-contact
{
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--study-line);
}

.ms-university-facts-contact__content
{
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1.2fr);
    gap: 14px;
}

.ms-university-facts-contact address
{
    display: flex;
    margin: 0;
    flex-direction: column;
    color: #425249;
    font-size: 0.82rem;
    font-style: normal;
    line-height: 1.4;
}

.ms-university-facts-contact .ms-university-detail-contact-links
{
    gap: 5px;
    padding-left: 14px;
    border-left: 1px solid var(--study-line);
    font-size: 0.82rem;
}

.ms-university-detail-logo
{
    display: flex;
    min-height: 70px;
    margin-bottom: 8px;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--study-line);
    border-radius: 6px;
    background: #fff;
}

.ms-university-detail-illustration
{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    aspect-ratio: 468 / 190;
    border-radius: 6px;
    background: #e8f5ed;
}

.ms-university-detail-illustration img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ms-university-detail-logo img
{
    width: auto;
    max-width: 210px;
    height: auto;
    max-height: 64px;
    object-fit: contain;
}

.ms-university-detail-logo > i
{
    color: #345d51;
    font-size: 2rem;
}

.ms-university-detail-content
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 20px 0 72px;
}

.ms-university-detail-layout
{
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(280px, 0.9fr);
    align-items: start;
    gap: 24px;
}

.ms-university-detail-results,
.ms-university-detail-sidebar
{
    min-width: 0;
}

.ms-university-detail-results .ms-study-field-results__head
{
    margin-bottom: 18px;
}

.ms-university-detail-results .ms-study-field-results__head h2
{
    margin: 5px 0 0;
}

.ms-university-detail-results .ms-program-result
{
    grid-template-columns: minmax(0, 1fr);
}

.ms-university-detail-results .ms-program-result__university
{
    display: none;
}

.ms-university-detail-results .ms-program-result__main
{
    padding-right: 26px;
}

.ms-program-result__details--inline
{
    display: inline-flex;
    width: fit-content;
    margin-top: 18px;
    align-items: center;
    gap: 9px;
}

.ms-university-detail-sidebar
{
    display: grid;
    gap: 18px;
    position: sticky;
    top: 84px;
}

.ms-university-detail-panel
{
    padding: 20px;
    border: 1px solid var(--study-line);
    border-radius: 6px;
    background: #fff;
}

.ms-university-detail-panel h2
{
    margin: 5px 0 16px;
    color: var(--study-ink);
    font-size: 1.45rem;
    line-height: 1.1;
}

.ms-university-detail-panel ul
{
    margin: 0;
    padding: 0;
}

.ms-university-detail-panel li
{
    list-style: none;
}

.ms-university-detail-panel details
{
    border-top: 1px solid var(--study-line);
}

.ms-university-detail-panel details > summary
{
    display: flex;
    padding: 11px 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--study-ink);
    cursor: pointer;
}

.ms-university-detail-panel details[open] > summary > i
{
    transform: rotate(180deg);
}

.ms-university-detail-panel details ul
{
    padding: 0 0 10px;
}

.ms-university-detail-panel details li a
{
    display: flex;
    padding: 7px 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    color: #425249;
    font-size: 0.88rem;
}

.ms-university-detail-panel details li a i
{
    color: #7a8a82;
    font-size: 0.72rem;
}

.ms-university-detail-panel details li a.is-active
{
    color: #176d4d;
    font-weight: 700;
}

.ms-university-detail-panel details li a.is-active i
{
    color: #176d4d;
}

.ms-university-detail-panel address
{
    display: flex;
    margin: 0 0 16px;
    flex-direction: column;
    color: #59655f;
    font-style: normal;
    line-height: 1.55;
}

.ms-university-detail-panel address strong
{
    margin-bottom: 4px;
    color: var(--study-ink);
}

.ms-university-detail-contact-links
{
    display: grid;
    gap: 8px;
}

.ms-university-detail-contact-links a
{
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    border: 0;
    color: #176d4d;
    overflow-wrap: anywhere;
}

.ms-university-detail-contact-links i
{
    width: 16px;
    flex: 0 0 16px;
    text-align: center;
}

.ms-university-detail-more-links
{
    display: grid;
    margin-top: 18px;
    padding-top: 16px;
    gap: 8px;
    border-top: 1px solid var(--study-line);
}

.ms-university-detail-more-links strong
{
    color: var(--study-ink);
    font-size: 0.82rem;
    text-transform: uppercase;
}

.ms-university-detail-more-links a
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    color: #425249;
    font-size: 0.88rem;
}

.ms-university-detail-more-panel .ms-university-detail-more-links
{
    margin: 0;
    padding: 0;
    border: 0;
}

.ms-university-detail-pagination
{
    margin: 20px 0 28px;
    text-align: center;
}

.ms-university-detail-description
{
    max-width: 900px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--study-line);
    color: #303934;
    line-height: 1.72;
}

.ms-university-detail-description h2
{
    margin: 7px 0 14px;
    color: var(--study-ink);
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    line-height: 1.1;
}

.ms-university-detail-description--profile
{
    max-width: none;
    margin-top: 40px;
    padding: 26px 30px;
    border: 1px solid var(--study-line);
    border-radius: 8px;
    background: #ffffff;
}

.ms-university-detail-description--profile .ms-study-field-kicker
{
    display: block;
    margin-bottom: 10px;
}

.ms-university-detail-description--faq
{
    max-width: none;
    margin-top: 40px;
    padding: 24px 30px;
    border: 1px solid var(--study-line);
    border-radius: 8px;
    background: #ffffff;
}

.ms-university-detail-description--faq h2
{
    margin: 7px 0 18px;
    font-size: clamp(1.45rem, 2.2vw, 2.1rem);
    line-height: 1.2;
}

.ms-university-detail-faq
{
    display: grid;
    gap: 10px;
}

.ms-university-detail-faq details
{
    padding: 0;
    border: 1px solid var(--study-line);
    border-radius: 6px;
    background: #f8fbf9;
    overflow: hidden;
}

.ms-university-detail-faq summary
{
    position: relative;
    display: block;
    margin: 0;
    padding: 14px 18px 14px 44px;
    cursor: pointer;
    color: var(--study-ink);
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.35;
    list-style: none;
}

.ms-university-detail-faq summary::-webkit-details-marker
{
    display: none;
}

.ms-university-detail-faq summary::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #2f4f42;
    border-bottom: 2px solid #2f4f42;
    transform: translateY(-58%) rotate(-45deg);
    transition: transform 0.18s ease;
}

.ms-university-detail-faq details[open] summary
{
    border-bottom: 1px solid var(--study-line);
    background: #f2f8f5;
}

.ms-university-detail-faq details[open] summary::before
{
    transform: translateY(-42%) rotate(45deg);
}

.ms-university-detail-faq details > p
{
    margin: 0;
    padding: 14px 18px 16px;
    color: #31413a;
    line-height: 1.62;
}

.ms-university-detail-richtext
{
    max-width: 920px;
}

.ms-university-detail-richtext > :first-child
{
    margin-top: 0;
}

.ms-university-detail-richtext h2
{
    margin: 26px 0 10px;
    font-size: clamp(1.28rem, 2.2vw, 1.8rem);
    line-height: 1.25;
}

.ms-university-detail-richtext h3,
.ms-university-detail-richtext h4
{
    margin: 20px 0 9px;
    color: var(--study-ink);
    line-height: 1.3;
}

.ms-university-detail-richtext p,
.ms-university-detail-richtext ul,
.ms-university-detail-richtext ol
{
    margin: 0 0 14px;
}

.ms-university-detail-richtext ul,
.ms-university-detail-richtext ol
{
    padding-left: 22px;
}

.ms-university-detail-richtext li + li
{
    margin-top: 6px;
}

.ms-university-detail-richtext a
{
    color: var(--study-accent);
}

.ms-university-detail-richtext a:hover,
.ms-university-detail-richtext a:focus
{
    color: var(--study-ink);
}

@media (max-width: 960px)
{
    body.university-detail-page .ms-study-autocomplete-search--with-university
    {
        grid-template-columns: repeat(3, minmax(0, 1fr)) 58px;
    }

    .ms-university-detail-layout
    {
        grid-template-columns: 1fr;
    }

    .ms-university-detail-sidebar
    {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ms-university-detail-description--profile
    {
        padding: 22px;
    }

    .ms-university-detail-description--faq
    {
        padding: 20px 22px;
    }
}

@media (max-width: 720px)
{
    body.university-detail-page .ms-study-autocomplete-search--with-university
    {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 48px;
    }

    body.university-detail-page .ms-study-autocomplete-search--with-university .ms-catalog-filter__field--subject,
    body.university-detail-page .ms-study-autocomplete-search--with-university .ms-catalog-filter__field--location
    {
        grid-column: 1 / -1;
    }

    body.university-detail-page .ms-study-autocomplete-search--with-university .ms-catalog-filter__field--university
    {
        grid-column: 1;
    }

    body.university-detail-page .ms-study-autocomplete-search--with-university .ms-catalog-filter__submit
    {
        grid-column: 2;
        grid-row: 3;
    }

    .ms-university-facts-contact__content
    {
        grid-template-columns: 1fr;
    }

    .ms-university-facts-contact .ms-university-detail-contact-links
    {
        padding: 10px 0 0;
        border-top: 1px solid var(--study-line);
        border-left: 0;
    }

    .ms-university-detail-content
    {
        width: calc(100% - 30px);
        padding-bottom: 52px;
    }

    .ms-university-detail-sidebar
    {
        grid-template-columns: 1fr;
    }

    .ms-university-detail-results .ms-program-result__main,
    .ms-university-detail-panel
    {
        padding: 16px;
    }
}

body.study-field-page .ms-study-field-facts__tags
{
    margin-top: 8px;
    padding-top: 8px;
}

body.study-field-page .ms-study-field-search
{
    width: min(860px, calc(100vw - 128px));
    min-height: 62px;
    margin-top: 0;
    padding: 6px;
    grid-column: 1 / -1;
    grid-template-columns: 1.2fr 0.9fr 48px;
}

body.study-field-page .ms-study-field-search__field
{
    padding: 0 16px;
    gap: 10px;
}

body.study-field-page .ms-study-field-search__field input
{
    height: 46px;
    font-size: 0.92rem;
}

body.study-field-page .ms-study-field-search button
{
    width: 46px;
    height: 46px;
    margin: 1px 0 0;
}

.ms-study-results-page .ms-study-field-content__inner
{
    padding-top: 20px;
}

.ms-study-results-page .ms-study-field-subjects
{
    margin-bottom: 42px;
}

.ms-study-results-page .ms-study-field-subjects h2
{
    margin: 6px 0 18px;
    font-size: clamp(1.5rem, 2.5vw, 2.1rem);
    line-height: 1.1;
}

.ms-study-results-page .ms-study-field-results__head
{
    margin-bottom: 18px;
}

.ms-study-results-page .ms-study-filter-bar
{
    margin-bottom: 20px;
}

body.study-program-detail-page main.StudienangebotDetails > .diag-content
{
    margin: 0 auto 40px;
    padding: 0;
}

body.study-program-detail-page main.StudienangebotDetails > .diag-content > .content.container
{
    width: min(1240px, calc(100% - 96px));
    padding: 24px 0 72px;
}

body.study-program-detail-page .StudienangebotDetails .content-left,
body.study-program-detail-page .StudienangebotDetails .content-right
{
    padding: 24px 28px 28px;
}

body.study-program-detail-page .StudienangebotDetails .content-left .fachbeschreibung:first-of-type > h2:first-child,
body.study-program-detail-page .StudienangebotDetails .content-right > h2:first-child
{
    margin-top: 0;
}

@media (max-width: 1280px)
{
    body:not(.homepage) main.ms-study-results-page > .diag,
    body:not(.homepage) main.ms-study-results-page > .diag-content,
    .ms-study-results-page .ms-study-field-content__inner
    {
        width: calc(100% - 48px);
    }

    body.study-program-detail-page main.StudienangebotDetails > .diag-content > .content.container
    {
        width: calc(100% - 48px);
    }
}

@media (max-width: 760px)
{
    body:not(.homepage) main.ms-study-results-page > .diag,
    body:not(.homepage) main.ms-study-results-page > .diag-content,
    .ms-study-results-page .ms-study-field-content__inner
    {
        width: calc(100% - 30px);
    }

    body:not(.homepage) main.ms-study-results-page > .diag
    {
        padding: 22px 0 20px;
    }

    body:not(.homepage) main.ms-study-results-page > .diag .homehead
    {
        font-size: clamp(1.75rem, 8vw, 2.35rem);
    }

    body:not(.homepage) main.ms-study-results-page > .diag-content
    {
        padding: 20px 0 36px;
    }

    body.study-field-page .ms-study-field-hero__inner
    {
        grid-template-columns: 1fr;
        padding: 20px 15px;
    }

    body.study-field-page .ms-study-field-facts.has-image
    {
        padding: 0 14px 14px;
        grid-template-columns: 1fr;
        grid-template-rows: 150px auto auto;
        row-gap: 10px;
    }

    body.study-field-page .ms-study-field-facts__image
    {
        width: calc(100% + 28px);
        margin: 0 -14px;
        grid-column: 1;
        grid-row: 1;
    }

    body.study-field-page .ms-study-field-facts.has-image .ms-study-field-facts__title
    {
        margin: 0;
        grid-row: 2;
    }

    body.study-field-page .ms-study-field-facts.has-image dl
    {
        grid-row: 3;
    }

    body.study-field-page .ms-study-field-hero h1
    {
        font-size: clamp(2rem, 10vw, 2.75rem);
    }

    body.study-field-page .ms-study-field-search
    {
        width: 100%;
        min-height: 174px;
        padding: 8px;
        grid-template-columns: 1fr;
    }

    body.study-program-detail-page main.StudienangebotDetails > .diag-content > .content.container
    {
        width: calc(100% - 30px);
        padding: 18px 0 54px;
    }

    body.study-program-detail-page .StudienangebotDetails .content-left,
    body.study-program-detail-page .StudienangebotDetails .content-right
    {
        padding: 20px 16px 22px;
    }
}

body.study-field-page header,
body.study-field-page header > .container,
body.study-field-page .ms-study-field-hero,
body.study-field-page main.ms-study-results-page,
body.study-field-page .ms-study-field-content
{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.study-field-page main.ms-study-results-page,
body.study-field-page .ms-study-field-content
{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.study-field-page .ms-study-field-content__inner
{
    padding-top: 20px !important;
}

body.study-field-page .ms-study-field-results__head,
body.study-field-page .ms-study-field-results__head h2,
body.study-field-page .ms-study-field-subjects h2,
body.study-program-detail-page .StudienangebotDetails .content-left h2:first-child,
body.study-program-detail-page .StudienangebotDetails .content-right h2:first-child
{
    margin-top: 0 !important;
}

.ms-study-results-page .filterButtonContainer
{
    display: none;
}

.ms-study-filter-bar
{
    display: flex;
    position: relative;
    z-index: 10000;
    width: 100%;
    margin: 0 0 28px;
    align-items: center;
    gap: 7px;
    color: #26302b;
    font-family: "Barlow Semi Condensed", sans-serif;
    isolation: isolate;
}

.ms-study-filter
{
    position: relative;
    min-width: 0;
    flex: 0 1 auto;
}

.ms-study-filter[open]
{
    z-index: 10001;
}

.ms-study-filter summary
{
    display: flex;
    min-height: 32px;
    padding: 0 11px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #dfe4df;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(17, 23, 20, 0.07);
    color: #26302b;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
}

.ms-study-filter summary::-webkit-details-marker
{
    display: none;
}

.ms-study-filter summary i,
.ms-study-filter summary .svg-inline--fa
{
    width: 0.75em;
    transition: transform 0.2s ease;
}

.ms-study-filter[open] summary i,
.ms-study-filter[open] summary .svg-inline--fa
{
    transform: rotate(180deg);
}

.ms-study-filter.is-active summary
{
    border-color: #25b97f;
    background: #edf9f4;
}

.ms-study-filter__panel
{
    position: absolute;
    z-index: 10002;
    top: calc(100% + 9px);
    left: 0;
    width: max-content;
    min-width: 280px;
    max-width: min(420px, calc(100vw - 30px));
    max-height: 390px;
    padding: 18px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #dfe4df;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 14px 35px rgba(17, 23, 20, 0.16);
    font-size: 0.7rem;
}

.ms-study-filter:nth-last-of-type(-n + 2) .ms-study-filter__panel
{
    right: 0;
    left: auto;
}

.ms-study-filter__panel > strong
{
    display: none;
}

.ms-study-filter__panel .stfacets
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.ms-study-filter__panel .stfacets li
{
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #edf0ed;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
}

.ms-study-filter__panel .stfacets li:last-child
{
    border-bottom: 0;
}

.ms-study-filter__panel .stfacets li:has(a) > a
{
    display: grid;
    position: relative;
    width: 100%;
    min-height: 46px;
    margin: 0 !important;
    padding: 12px 12px 12px 0 !important;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 10px;
    box-sizing: border-box;
    border: 0;
    color: #26302b;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    box-shadow: none !important;
    transform: none !important;
}

.ms-study-filter__panel .stfacets li:has(a) > a::before
{
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    margin: 0;
    transform: translateY(-50%);
    color: #26302b;
    font-size: 0.7rem;
    line-height: 1;
    text-align: center;
}

.ms-study-filter__panel .stfacets li:has(a) > a > span
{
    min-width: 0;
    grid-column: 2;
    overflow-wrap: anywhere;
}

.ms-study-filter__panel .stfacets li:has(a) > a:hover,
.ms-study-filter__panel .stfacets li:has(a) > a:focus,
.ms-study-filter__panel .stfacets li:has(a) > a:active
{
    border: 0;
    background: #f3f8f5;
    color: #147653;
    text-decoration: none;
    box-shadow: none !important;
    transform: none !important;
}

.ms-study-filter__panel .stfacets .aktiv a
{
    background: #edf8f3;
    color: #147653;
    font-weight: 700;
    box-shadow: none !important;
}

.ms-study-filter__panel .stfacets .filterInactive
{
    color: #9ca7a1;
}

.ms-study-filter__panel small
{
    grid-column: 3;
    flex: 0 0 auto;
    justify-self: end;
    color: #78837d;
    font-size: 0.7rem;
    white-space: nowrap;
}

.ms-study-filter--location .ms-study-filter__panel
{
    width: 290px;
}

.ms-study-filter--location form
{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.ms-study-filter--location label
{
    color: #5c6761;
    font-size: 0.7rem;
    font-weight: 600;
}

.ms-study-filter--location input,
.ms-study-filter--location select
{
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid #d4dbd7;
    border-radius: 5px;
    background: #ffffff;
    color: #26302b;
    font-size: 0.7rem;
}

.ms-study-filter--location button
{
    min-height: 42px;
    grid-column: 1 / -1;
    border: 0;
    border-radius: 21px;
    background: #18211d;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
}

.ms-study-filter-reset
{
    margin-left: auto;
    flex: 0 0 auto;
    color: #4d5852;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

.ms-study-filter-reset:hover
{
    color: #147653;
}

@media (max-width: 1180px)
{
    .ms-study-filter-bar
    {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .ms-study-filter-reset
    {
        min-height: 32px;
        padding: 0 7px;
    }
}

@media (max-width: 700px)
{
    .ms-study-filter-bar
    {
        display: none;
    }

    .ms-study-results-page .filterButtonContainer
    {
        display: block;
    }
}

.includeErgebnisManticore.ms-program-result
{
    display: grid;
    position: relative;
    z-index: 1;
    margin: 0 0 18px;
    padding: 0;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 34%);
    border: 1px solid #dfe4df;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: none;
    color: #1c2621;
}

.ms-program-result__main
{
    min-width: 0;
    padding: 24px 28px 22px;
}

.ms-program-result__header
{
    display: flex;
    position: relative;
    min-height: 34px;
    padding-right: 42px;
    align-items: flex-start;
}

.ms-program-result__header > a
{
    color: #151c18;
}

.ms-program-result__header > a:hover
{
    color: #1e7a59;
    text-decoration: none;
}

body:not(.homepage) .includeErgebnisManticore.ms-program-result h3,
.includeErgebnisManticore.ms-program-result h3
{
    margin: 0;
    color: inherit;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.65rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.08;
}

.ms-program-result__header .bookmark
{
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #1d2923;
    font-size: 1.25rem;
    text-align: center;
}

.ms-program-result__meta
{
    display: flex;
    margin-top: 14px;
    flex-wrap: wrap;
    gap: 10px 28px;
}

.ms-program-result__meta a
{
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    border: 0;
    color: #405049;
    font-size: 0.95rem;
    font-weight: 500;
}

.ms-program-result__meta a:hover
{
    color: #1e7a59;
    text-decoration: underline;
}

.ms-program-result__meta i,
.ms-program-result__meta .svg-inline--fa
{
    width: 18px;
    flex: 0 0 18px;
    color: #17201b;
}

.ms-program-result__description
{
    margin: 18px 0 20px;
    color: #52605a;
    font-size: 0.96rem;
    line-height: 1.55;
}

.ms-program-result__tags
{
    display: flex;
    flex-wrap: wrap;
    gap: 9px 10px;
}

.ms-program-result__tags > span
{
    display: inline-flex;
    min-height: 34px;
    padding: 6px 13px;
    border: 1px solid transparent;
    border-radius: 18px;
    align-items: center;
    gap: 8px;
    background: #eaf8f1;
    color: #285c49;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
}

.ms-program-result__tags i,
.ms-program-result__tags .svg-inline--fa
{
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.ms-program-result__tags > .ms-program-result__tag--outline
{
    border-color: #d8dfdb;
    background: #ffffff;
    color: #46544d;
}

.ms-program-result__tags > .ms-program-result__tag--start
{
    border-color: #f4d7d5;
    background: #fff0ef;
    color: #d45151;
}

.ms-program-result__university
{
    display: flex;
    min-width: 0;
    padding: 24px 24px 22px;
    flex-direction: column;
    border-left: 1px solid #e5e9e6;
    background: #fcfcfa;
}

.ms-program-result__logo
{
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: center;
}

.ms-program-result__logo img
{
    display: block;
    width: auto;
    max-width: 210px;
    height: auto;
    max-height: 76px;
    object-fit: contain;
}

.ms-program-result__logo > i
{
    color: #78a393;
    font-size: 2.5rem;
}

.ms-program-result__university-address
{
    display: flex;
    margin-top: 14px;
    flex-direction: column;
    color: #52605a;
    font-size: 0.88rem;
    line-height: 1.45;
}

.ms-program-result__university-address strong
{
    margin-bottom: 5px;
    color: #1c2621;
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.ms-program-result__actions
{
    display: grid;
    margin-top: auto;
    padding-top: 22px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.ms-program-result__actions a
{
    display: inline-flex;
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid #cfd7d2;
    border-radius: 23px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #1c2621;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.ms-program-result__actions a:hover
{
    border-color: #1c2621;
    color: #1c2621;
    text-decoration: none;
}

.ms-program-result__actions .ms-program-result__details
{
    border-color: #111714;
    background: #111714;
    color: #ffffff;
}

.ms-program-result__actions .ms-program-result__details:hover
{
    background: #2b3932;
    color: #ffffff;
}

@media (max-width: 980px)
{
    .includeErgebnisManticore.ms-program-result
    {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 32%);
    }

    .ms-program-result__main
    {
        padding: 22px;
    }

    .ms-program-result__university
    {
        padding: 22px 18px;
    }

    .ms-program-result__actions
    {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px)
{
    .includeErgebnisManticore.ms-program-result
    {
        display: block;
    }

    .ms-program-result__main
    {
        padding: 20px 16px;
    }

    body:not(.homepage) .includeErgebnisManticore.ms-program-result h3,
    .includeErgebnisManticore.ms-program-result h3
    {
        font-size: 1.35rem;
    }

    .ms-program-result__meta
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .ms-program-result__description
    {
        font-size: 0.9rem;
    }

    .ms-program-result__tags > span
    {
        min-height: 32px;
        padding: 5px 10px;
        font-size: 0.76rem;
    }

    .ms-program-result__university
    {
        padding: 18px 16px 20px;
        border-top: 1px solid #e5e9e6;
        border-left: 0;
    }

    .ms-program-result__logo
    {
        min-height: 64px;
        justify-content: flex-start;
    }

    .ms-program-result__logo img
    {
        max-width: 180px;
        max-height: 60px;
    }

    .ms-program-result__actions
    {
        margin-top: 0;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px)
{
    .ms-program-result__actions
    {
        grid-template-columns: 1fr;
    }
}

/* University pages already identify the provider in the header, so result content uses the full card. */
.ms-university-detail-results .includeErgebnisManticore.ms-program-result
{
    grid-template-columns: minmax(0, 1fr);
}

.ms-university-detail-results .ms-program-result__main
{
    width: 100%;
    padding: 24px 28px;
    box-sizing: border-box;
}

@media (max-width: 700px)
{
    .ms-university-detail-results .ms-program-result__main
    {
        padding: 20px 16px;
    }
}

/* ##### Error pages ############################################################################################# */

body.error-page .contentwrapper,
body.error-page .conentInner
{
    background: #faf9f5;
}

.ms-error-page
{
    width: min(1240px, calc(100% - 96px));
    margin: 0 auto;
    padding: 44px 0 72px;
    color: #18211d;
    font-family: "Barlow Semi Condensed", sans-serif;
}

.ms-error-hero
{
    display: grid;
    min-height: 420px;
    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #dfe6e1;
    border-radius: 8px;
    background: #ffffff;
}

.ms-error-hero__visual
{
    position: relative;
    display: grid;
    min-height: 420px;
    place-content: center;
    overflow: hidden;
    background-color: #18211d;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 36px 36px;
    color: #ffffff;
    text-align: center;
}

.ms-error-hero__visual span
{
    color: #ffffff;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(7rem, 13vw, 11rem);
    font-weight: 400;
    line-height: 0.82;
}

.ms-error-hero__visual i
{
    position: absolute;
    right: 28px;
    bottom: 28px;
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    background: #25b97f;
    color: #111714;
    font-size: 1.45rem;
}

.ms-error-hero__content
{
    display: flex;
    padding: 54px clamp(36px, 5vw, 72px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ms-error-kicker
{
    display: inline-flex;
    margin-bottom: 16px;
    align-items: center;
    gap: 10px;
    color: #16865c;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ms-error-kicker::before
{
    width: 26px;
    height: 2px;
    background: #25b97f;
    content: "";
}

.ms-error-hero__content h1
{
    max-width: 640px;
    margin: 0 0 20px;
    color: #111714;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.55rem, 5vw, 4.5rem);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: 0;
}

.ms-error-hero__content > p
{
    max-width: 590px;
    margin: 0 0 12px;
    color: #5b6761;
    font-size: 1.08rem;
    line-height: 1.6;
}

.ms-error-hero__content > strong
{
    color: #29352f;
    font-size: 0.95rem;
    font-weight: 600;
}

.ms-error-actions
{
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 10px;
}

.ms-error-action
{
    display: inline-flex;
    min-height: 46px;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    border: 1px solid #cad5ce;
    border-radius: 7px;
    background: #ffffff;
    color: #18211d;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.ms-error-action:hover,
.ms-error-action:focus-visible
{
    border-color: #25b97f;
    background: #f2fbf7;
    color: #111714;
    text-decoration: none;
}

.ms-error-action--primary
{
    border-color: #18211d;
    background: #18211d;
    color: #ffffff;
}

.ms-error-action--primary:hover,
.ms-error-action--primary:focus-visible
{
    border-color: #25b97f;
    background: #25b97f;
    color: #111714;
}

.ms-error-explore
{
    padding: 48px 0 0;
}

.ms-error-explore > header
{
    margin-bottom: 22px;
    background: transparent;
}

.ms-error-explore > header .ms-error-kicker
{
    margin-bottom: 8px;
}

.ms-error-explore h2
{
    margin: 0;
    color: #111714;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0;
}

.ms-error-links
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ms-error-links > a
{
    display: grid;
    min-height: 104px;
    padding: 18px;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    border: 1px solid #dfe6e1;
    border-radius: 7px;
    background: #ffffff;
    color: #18211d;
    text-decoration: none;
    transition: border-color 160ms ease, transform 160ms ease;
}

.ms-error-links > a:hover,
.ms-error-links > a:focus-visible
{
    border-color: #25b97f;
    color: #18211d;
    text-decoration: none;
    transform: translateY(-2px);
}

.ms-error-links > a > i:first-child
{
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: #e6f8f0;
    color: #16865c;
    font-size: 0.92rem;
}

.ms-error-links > a > i:last-child
{
    color: #849089;
    font-size: 0.8rem;
    transition: color 160ms ease, transform 160ms ease;
}

.ms-error-links > a:hover > i:last-child,
.ms-error-links > a:focus-visible > i:last-child
{
    color: #16865c;
    transform: translateX(3px);
}

.ms-error-links span
{
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.ms-error-links strong
{
    color: #18211d;
    font-size: 0.92rem;
    line-height: 1.15;
}

.ms-error-links small
{
    color: #69756f;
    font-size: 0.76rem;
    line-height: 1.3;
}

@media (max-width: 1020px)
{
    .ms-error-page
    {
        width: min(100% - 48px, 920px);
    }

    .ms-error-hero
    {
        grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr);
    }

    .ms-error-links
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px)
{
    .ms-error-page
    {
        width: calc(100% - 32px);
        padding: 24px 0 48px;
    }

    .ms-error-hero
    {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .ms-error-hero__visual
    {
        min-height: 200px;
    }

    .ms-error-hero__visual span
    {
        font-size: 7rem;
    }

    .ms-error-hero__visual i
    {
        right: 18px;
        bottom: 18px;
        width: 50px;
        height: 50px;
        font-size: 1.1rem;
    }

    .ms-error-hero__content
    {
        padding: 32px 22px 28px;
    }

    .ms-error-hero__content h1
    {
        font-size: 2.55rem;
    }

    .ms-error-hero__content > p
    {
        font-size: 1rem;
    }

    .ms-error-actions
    {
        width: 100%;
        flex-direction: column;
    }

    .ms-error-action
    {
        width: 100%;
        box-sizing: border-box;
    }

    .ms-error-explore
    {
        padding-top: 36px;
    }

    .ms-error-links
    {
        grid-template-columns: 1fr;
    }
}

/* Campus departures */
.ms-campus-departures
{
    --campus-ink: #111714;
    --campus-green: #176447;
    --campus-mint: #c9f4df;
    --campus-paper: #faf9f5;
    --campus-line: #d9e4dd;
    background: var(--campus-paper);
    color: var(--campus-ink);
}

.ms-campus-departures__hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    min-height: 570px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fdfcf8;
    background-image: linear-gradient(90deg, #fdfcf8 0%, rgba(253, 252, 248, 0.98) 38%, rgba(253, 252, 248, 0.72) 52%, rgba(253, 252, 248, 0) 66%), url("/img/Header Fotos/Campus Abfahrten Header.png");
    background-position: center;
    background-size: cover;
    color: var(--campus-ink);
}

.ms-campus-departures__hero-inner,
.ms-campus-departures__content
{
    width: min(1120px, 100%);
    margin: 0 auto;
}

@media only screen and (min-width: 761px)
{
    .ms-campus-departures__content
    {
        width: min(1240px, calc(100% - 96px));
        padding-right: 0;
        padding-left: 0;
    }
}

.ms-campus-departures__hero-inner
{
    position: relative;
    z-index: 1;
    width: 58%;
    margin: 0;
    padding: 62px 0 42px 24px;
    box-sizing: border-box;
}

.ms-campus-departures__kicker,
.ms-campus-departures__eyebrow
{
    display: block;
    color: var(--campus-green);
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ms-campus-departures__hero .ms-campus-departures__kicker
{
    color: var(--campus-green);
}

.ms-campus-departures__hero h1,
.ms-campus-departures__content h2
{
    margin: 12px 0 0;
    font-family: "DM Serif Display", Georgia, serif;
    font-weight: 400;
}

.ms-campus-departures__hero h1
{
    color: #090d0b;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(4.5rem, 7vw, 7rem);
    font-weight: 500;
    line-height: 0.86;
}

.ms-campus-departures__hero p
{
    max-width: 510px;
    margin: 28px 0 0;
    color: #59645f;
    font-size: 1.15rem;
    line-height: 1.5;
}

.ms-campus-departures__hero .ms-campus-departures__form
{
    position: relative;
    z-index: 2;
    width: min(760px, calc(100vw - 144px));
    min-height: 82px;
    margin-top: 32px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(28, 49, 40, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 20px 55px rgba(29, 56, 45, 0.12);
}

.ms-campus-departures__hero .ms-campus-departures__search-row
{
    min-height: 62px;
    grid-template-columns: minmax(160px, 0.7fr) minmax(240px, 1.3fr) 58px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.ms-campus-departures__hero .ms-campus-departures__search-field
{
    display: flex;
    min-width: 0;
    height: 58px;
    margin: 0;
    padding: 0 20px;
    align-items: center;
    gap: 14px;
    border-right: 1px solid var(--campus-line);
}

.ms-campus-departures__hero .ms-campus-departures__search-field > i
{
    color: #33483f;
    font-size: 1.05rem;
}

.ms-campus-departures__hero .awesomplete
{
    position: relative;
    z-index: 30001;
    display: block;
    width: 100%;
    min-width: 0;
    height: 58px;
}

.ms-campus-departures__hero .ms-campus-departures__search-field,
.ms-campus-departures__hero .awesomplete,
.ms-campus-departures__hero .ms-campus-departures__search-field input
{
    border-color: #fff !important;
}

.ms-campus-departures__hero .ms-campus-departures__search-field
{
    border-right-color: var(--campus-line) !important;
}

.ms-campus-departures__hero .awesomplete > ul
{
    top: calc(100% + 10px);
    left: 0;
    z-index: 30002;
    width: 100%;
    min-width: 250px;
    max-height: 320px;
    margin: 0;
    overflow-y: auto;
    border: 1px solid #dfe4df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(29, 56, 45, 0.14);
}

.ms-campus-departures__hero .awesomplete > ul > li
{
    padding: 11px 16px;
    border: 0;
    background: #fff;
    color: #111714;
    font-size: 0.88rem;
    line-height: 1.25;
}

.ms-campus-departures__hero .awesomplete > ul > li:hover,
.ms-campus-departures__hero .awesomplete > ul > li[aria-selected="true"]
{
    background: #e8f5ed;
    color: #111714;
}

.ms-campus-departures__hero .awesomplete mark
{
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
}

.ms-campus-departures__hero.ms-autocomplete-layer
{
    z-index: 30000;
    overflow: visible !important;
}

.ms-campus-departures__hero.ms-autocomplete-layer > .ms-campus-departures__hero-inner
{
    z-index: 30001;
    overflow: visible !important;
}

.ms-campus-departures__hero .ms-campus-departures__search-field input
{
    height: 58px;
    padding: 0;
    font-size: 1rem;
}

.ms-campus-departures__hero .ms-campus-departures__search-row button
{
    width: 58px;
    height: 58px;
    margin: 0;
    border-radius: 50%;
    background: #18211d;
}

.ms-campus-departures__content
{
    padding: 0 24px 82px;
}

.ms-campus-departures__panel
{
    margin-top: 50px;
    padding: 30px;
    border: 1px solid var(--campus-line);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.ms-campus-departures__panel--highlight
{
    animation: campusPanelHighlight 1.4s ease;
}

@keyframes campusPanelHighlight
{
    0% {
        border-color: var(--campus-green);
        box-shadow: 0 0 0 4px rgba(23, 100, 71, 0.18);
    }
    100% {
        border-color: var(--campus-line);
        box-shadow: none;
    }
}

.ms-campus-departures__panel-heading
{
    display: flex;
    align-items: flex-start;
    min-width: 0;
    flex: 1 1 74px;
}

.ms-campus-departures__content h2
{
    font-size: 2rem;
    line-height: 1.1;
}

.ms-campus-departures__panel-heading > i
{
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 50%;
    background: var(--campus-mint);
    color: var(--campus-green);
    font-size: 1.25rem;
}

.ms-campus-departures__form
{
    margin-top: 28px;
}

.ms-campus-departures__form label
{
    display: block;
    margin-bottom: 8px;
    font-size: 0.92rem;
    font-weight: 700;
}

.ms-campus-departures__search-row
{
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 54px;
    min-height: 60px;
    align-items: center;
    border: 1px solid #a8c4b5;
    border-radius: 6px;
    background: #fff;
}

.ms-campus-departures__search-row > i
{
    padding-left: 20px;
    color: var(--campus-green);
}

.ms-campus-departures__search-row input
{
    width: 100%;
    min-width: 0;
    padding: 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--campus-ink);
    font-size: 1rem;
}

.ms-campus-departures__search-row button
{
    display: grid;
    width: 54px;
    height: 54px;
    margin-right: 2px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: var(--campus-green);
    color: #fff;
    font-size: 1rem;
}

.ms-campus-departures__hint
{
    margin: 12px 0 0;
    color: #64746b;
    font-size: 0.9rem;
}

.ms-campus-departures__hint--empty
{
    margin: 22px auto 0;
    padding: 10px 24px 24px;
    text-align: center;
    color: #64746b;
    font-size: 1.15rem;
    line-height: 1.45;
}

.ms-campus-departures__hint--empty strong,
.ms-campus-departures__hint--empty span
{
    display: block;
}

.ms-campus-departures__hint--empty strong
{
    margin-bottom: 14px;
    color: #526b7e;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.15;
}

.ms-campus-departures__board
{
    margin-top: 26px;
}

.ms-campus-departures__live-head
{
    display: flex;
    padding: 0 0 18px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #e5ede8;
}

.ms-campus-departures__map
{
    width: 100%;
    height: 100%;
    min-height: 230px;
    border: 1px solid var(--campus-line);
    border-radius: 12px;
    overflow: hidden;
}

.ms-campus-departures__map .leaflet-tile-pane
{
    filter: grayscale(35%) saturate(65%) brightness(1.08) contrast(0.95);
}

.campus-map-marker
{
    display: flex;
    width: max-content !important;
    height: auto !important;
    max-width: 260px;
    align-items: center;
    gap: 6px;
    pointer-events: none;
}

.campus-map-marker__pin
{
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    background: var(--campus-green);
    box-shadow: 0 2px 6px rgba(17, 23, 20, 0.25);
    color: #fff;
    font-size: 0.85rem;
}

.campus-map-marker__label
{
    display: block;
    min-width: 0;
    max-width: 220px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #16261f;
    box-shadow: 0 2px 6px rgba(17, 23, 20, 0.2);
    color: #fff;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
    white-space: normal;
}

.campus-map-recenter
{
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--campus-green);
    box-shadow: 0 2px 6px rgba(17, 23, 20, 0.3);
    color: #fff;
    cursor: pointer;
    font-size: 0.9rem;
}

.ms-campus-departures__live-icon
{
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 50%;
    background: #e5f6eb;
    color: var(--campus-green);
}

.ms-campus-departures__live-head strong,
.ms-campus-departures__live-head small
{
    display: block;
}

.ms-campus-departures__live-head strong
{
    color: #111714;
    font-size: 1.3rem;
    line-height: 1.1;
}

.ms-campus-departures__live-head small
{
    margin-top: 5px;
    color: #64746b;
    font-size: 0.8rem;
}

.ms-campus-departures__live-head small i
{
    margin-right: 5px;
    color: #25b97f;
    font-size: 0.5rem;
}

.ms-campus-departures__change
{
    margin-left: auto;
    padding: 10px 14px;
    border: 1px solid #d7e6dc;
    border-radius: 7px;
    background: #fff;
    color: var(--campus-green);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.ms-campus-departures__change i
{
    margin-right: 7px;
}

.ms-campus-departures__filters
{
    display: flex;
    margin: 14px 0;
    align-items: center;
    gap: 8px;
}

.ms-campus-departures__filters button
{
    padding: 8px 14px;
    border: 0;
    border-radius: 6px;
    background: #edf2ef;
    color: #52645a;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.ms-campus-departures__filters button.is-active
{
    background: var(--campus-green);
    color: #fff;
}

.ms-campus-departures__direct
{
    display: flex;
    margin: 0 0 0 auto;
    align-items: center;
    gap: 8px;
    color: #52645a;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.ms-campus-departures__direct input
{
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--campus-green);
}

.ms-campus-departures__cards
{
    display: grid;
}

.ms-campus-departures__card
{
    display: block;
    min-height: 112px;
    padding: 0;
    margin-top: 12px;
    border: 1px solid #e5ede8;
    border-radius: 8px;
    background: #fff;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.departure-card--expanded
{
    position: relative;
    box-shadow: 0 16px 34px rgba(23, 100, 71, 0.1);
}

.departure-card--expanded .departure-card__summary
{
    padding-left: 22px;
    border-left: 4px solid var(--campus-green);
}

.departure-card__summary
{
    display: grid;
    min-height: 122px;
    padding: 24px 34px;
    grid-template-columns: 150px minmax(0, 1fr) 92px auto;
    align-items: center;
    gap: 14px;
}

.ms-campus-departures__card:first-child
{
    background: #f5faf6;
}

.ms-campus-departures__card time
{
    display: block;
    color: #111714;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 0.9;
}

.departure-time .departure-status
{
    margin-top: 9px;
}

.ms-campus-departures__card-info
{
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    gap: 8px 12px;
}

.ms-campus-departures__line
{
    padding: 6px 10px;
    border-radius: 5px;
    background: var(--campus-green);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
}

.ms-campus-departures__card-info strong
{
    min-width: 0;
    color: #111714;
    font-size: 1.2rem;
    line-height: 1.1;
}

.ms-campus-departures__card-info p
{
    grid-column: 1 / -1;
    margin: 0;
    color: #64746b;
    font-size: 0.84rem;
}

.departure-transport
{
    display: grid;
    width: 88px;
    height: 88px;
    grid-column: 3;
    place-items: center;
    overflow: hidden;
}

.departure-transport img
{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ms-campus-departures__route
{
    display: none;
}

.departure-card--expanded .route-details
{
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(420px, 1fr);
    column-gap: 28px;
    align-items: stretch;
    padding: 0 22px 22px 22px;
    background: #f4faf6;
}

.ms-campus-departures__route-content
{
    display: grid;
    grid-column: 1;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 360px;
    padding: 0 22px 18px;
    border: 1px solid #cfe0d5;
    border-radius: 8px;
    background: #e5f1e8;
}

.route-details .ms-campus-departures__map
{
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 360px;
    min-height: 320px;
    max-height: 400px;
    margin: 0;
    align-self: start;
    aspect-ratio: auto;
}

.route-toggle
{
    display: flex;
    grid-column: 4;
    min-height: 38px;
    padding: 7px 10px;
    align-self: center;
    align-items: center;
    justify-self: end;
    gap: 9px;
    border: 1px solid #cfe0d5;
    border-radius: 6px;
    background: #fff;
    color: var(--campus-green);
    cursor: pointer;
    font-weight: 700;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.84rem;
    white-space: nowrap;
}

.departure-card--expanded .route-toggle i
{
    transform: rotate(180deg);
}

.ms-campus-departures__timeline
{
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--stop-count), minmax(0, 1fr));
    width: 100%;
    min-height: 83px;
    max-height: 91px;
    margin-top: 32px;
    padding: 8px 24px;
    align-self: center;
    align-items: flex-start;
    overflow: visible;
    border-radius: 0;
    background: transparent;
}

.ms-campus-departures__more
{
    display: flex;
    position: relative;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

.ms-campus-departures__more button
{
    padding: 10px 18px;
    border: 0;
    border-radius: 999px;
    background: #e7f6ed;
    color: var(--campus-green);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.ms-campus-departures__more button i
{
    margin-right: 8px;
}

.ms-campus-departures__more a
{
    position: absolute;
    right: 0;
    color: #64746b;
    font-size: 0.78rem;
}

.ms-campus-departures__more a i
{
    margin-left: 5px;
    font-size: 0.7rem;
}

.ms-campus-departures__timeline-stop
{
    display: flex;
    position: relative;
    min-width: 0;
    flex: none;
    flex-direction: column;
    align-items: center;
    color: #64746b;
    font-size: 0.78rem;
    line-height: 1.2;
    text-align: center;
    z-index: 1;
}

.ms-campus-departures__timeline-stop > span,
.ms-campus-departures__timeline-stop > small
{
    display: block;
}

.ms-campus-departures__timeline-stop > small
{
    margin-top: 2px;
    color: #718078;
    font-size: 0.68rem;
    font-weight: 600;
}

.route-stop__name
{
    display: block;
    min-height: 2.4em;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.route-stop__name > span
{
    display: block;
}

.route-stop__dot
{
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    margin-bottom: 7px;
    border-radius: 50%;
    background: #b9cec2;
}

.route-line
{
    position: absolute;
    top: 14px;
    right: 30px;
    left: 30px;
    height: 2px;
    z-index: 0;
    background: #b9cec2;
}

.route-info
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0;
    padding: 14px 0 0;
    border-top: 1px solid #dce9e0;
    border-radius: 0;
    background: transparent;
    transform: translateY(-5%);
}

.route-info__item
{
    display: flex;
    min-width: 0;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-left: 1px solid #dce9e0;
    text-align: left;
}

.route-info__item:first-child
{
    padding-left: 0;
    border-left: 0;
}

.route-info__item:last-child
{
    padding-right: 0;
}

.route-info__item > i
{
    color: var(--campus-green);
    font-size: 1rem;
}

.route-info__item small,
.route-info__item strong
{
    display: block;
}

.route-info__item small
{
    color: #64746b;
    font-size: 0.82rem;
    font-weight: 600;
}

.route-info__item strong
{
    margin-top: 2px;
    color: #284438;
    font-size: 1rem;
    line-height: 1.15;
}

.ms-campus-departures__timeline-stop.is-origin,
.ms-campus-departures__timeline-stop.is-destination
{
    color: #176447;
    font-weight: 700;
}

.ms-campus-departures__timeline-stop.is-origin .route-stop__dot,
.ms-campus-departures__timeline-stop.is-destination .route-stop__dot
{
    width: 14px;
    height: 14px;
    flex-basis: 14px;
    margin-bottom: 3px;
    border: 3px solid #f6faf7;
    box-shadow: 0 0 0 2px var(--campus-green);
    background: var(--campus-green);
}

.ms-campus-departures__timeline-stop.is-origin .route-stop__time,
.ms-campus-departures__timeline-stop.is-destination .route-stop__time
{
    color: var(--campus-green);
    font-weight: 800;
}

.ms-campus-departures__timeline-stop.is-origin
{
    align-items: flex-start;
    text-align: left;
}

.ms-campus-departures__timeline-stop.is-destination
{
    align-items: flex-end;
    text-align: right;
}

.ms-campus-departures__timeline-stop.is-destination .route-stop__dot
{
    background: #f6faf7;
}

.ms-campus-departures__status
{
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.ms-campus-departures__status.is-on-time
{
    background: #def6e8;
    color: #176447;
}

.ms-campus-departures__status.is-delayed
{
    background: #fff0cf;
    color: #8b5700;
}

.ms-campus-departures__status.is-cancelled
{
    background: #fbe2e0;
    color: #a02a23;
}

.ms-campus-departures__nearby
{
    margin-top: 76px;
}

.ms-campus-departures__section-heading
{
    margin-bottom: 22px;
}

.ms-campus-departures__campus-grid
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ms-campus-departures__campus
{
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    min-height: 100px;
    padding: 18px;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--campus-line);
    border-radius: 6px;
    background: transparent;
    color: var(--campus-ink);
    text-align: left;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.ms-campus-departures__campus:hover,
.ms-campus-departures__campus:focus-visible
{
    border-color: #75ad91;
    background: #fff;
}

.ms-campus-departures__campus-icon
{
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: #e7f7ed;
    color: var(--campus-green);
}

.ms-campus-departures__campus strong,
.ms-campus-departures__campus small
{
    display: block;
}

.ms-campus-departures__campus strong
{
    font-size: 1rem;
    line-height: 1.15;
}

.ms-campus-departures__campus small
{
    margin-top: 5px;
    color: #64746b;
    font-size: 0.82rem;
    line-height: 1.2;
}

.ms-campus-departures__campus > i
{
    color: var(--campus-green);
}

@media only screen and (min-width: 761px) and (max-width: 1050px)
{
    .departure-card--expanded .route-details
    {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 18px;
    }

    .ms-campus-departures__route-content
    {
        min-height: 320px;
    }

    .route-details .ms-campus-departures__map
    {
        grid-column: 1;
        grid-row: auto;
        height: 320px;
    }
}

@media only screen and (max-width: 760px)
{
    .ms-campus-departures__hero
    {
        width: calc(100% - 30px);
        min-height: 500px;
        border-radius: 8px;
        background-image: linear-gradient(90deg, rgba(253, 252, 248, 0.96) 0%, rgba(253, 252, 248, 0.82) 58%, rgba(253, 252, 248, 0) 78%), url("/img/Header Fotos/Campus Abfahrten Header.png");
        background-position: 60% center;
    }

    .ms-campus-departures__hero-inner
    {
        width: 100%;
        padding: 46px 20px 36px;
    }

    .ms-campus-departures__hero h1
    {
        font-size: 3.2rem;
        line-height: 0.95;
    }

    .ms-campus-departures__hero .ms-campus-departures__form
    {
        width: 100%;
        min-height: auto;
        padding: 8px;
        border-radius: 12px;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-row button
    {
        width: 48px;
        height: 48px;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-row
    {
        grid-template-columns: minmax(0, 1fr) 48px;
        min-height: 0;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-field:first-of-type
    {
        grid-column: 1 / -1;
        border-right: 0 !important;
        border-bottom: 1px solid var(--campus-line) !important;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-field:last-of-type
    {
        grid-column: 1;
        border-right-color: var(--campus-line) !important;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-row input
    {
        padding: 0 10px;
    }

    .ms-campus-departures__change
    {
        padding: 9px;
        font-size: 0;
    }

    .ms-campus-departures__change i
    {
        margin: 0;
        font-size: 0.9rem;
    }

    .ms-campus-departures__filters
    {
        overflow-x: auto;
    }

    .ms-campus-departures__direct
    {
        margin-left: 8px;
    }

    .ms-campus-departures__filters button
    {
        flex: 0 0 auto;
    }

    .departure-card__summary
    {
        padding: 18px;
        grid-template-columns: 76px minmax(0, 1fr) 64px;
        gap: 12px;
    }

    .departure-transport
    {
        width: 64px;
        height: 64px;
    }

    .route-toggle
    {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
        justify-self: stretch;
    }

    .ms-campus-departures__card time
    {
        font-size: 1.65rem;
    }

    .ms-campus-departures__card-info
    {
        gap: 8px 10px;
    }

    .ms-campus-departures__card-info strong
    {
        font-size: 1.05rem;
    }

    .ms-campus-departures__timeline-stop
    {
        min-width: 0;
        font-size: 0.7rem;
    }

    .route-info
    {
        grid-template-columns: 1fr;
        gap: 10px;
        transform: none;
    }

    .route-info__item,
    .route-info__item:first-child,
    .route-info__item:last-child
    {
        padding: 10px 0 0;
        justify-content: flex-start;
        border-left: 0;
        border-top: 1px solid #c9dcd0;
    }

    .route-info__item:first-child
    {
        border-top: 0;
    }

    .campus-map-marker__label
    {
        max-width: 150px;
        font-size: 0.72rem;
    }

    .ms-campus-departures__more
    {
        justify-content: flex-start;
    }

    .ms-campus-departures__more a
    {
        display: none;
    }

    .ms-campus-departures__campus-grid
    {
        grid-template-columns: 1fr;
    }

    .ms-campus-departures__board th,
    .ms-campus-departures__board td
    {
        padding: 12px 10px;
    }
}

/* Student housing */
.ms-studiwohnen
{
    --housing-ink: #14201a;
    --housing-green: #167651;
    --housing-mint: #d8f5e5;
    --housing-paper: #f7f6f1;
    --housing-line: #d9e2dc;
    background: var(--housing-paper);
    color: var(--housing-ink);
}

.ms-studiwohnen [hidden]
{
    display: none !important;
}

.ms-studiwohnen__hero
{
    position: relative;
    width: min(1240px, calc(100% - 96px));
    min-height: 470px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 8px;
    background-color: #dff0e6;
    background-image:
        linear-gradient(90deg, rgba(247, 246, 241, 0.98) 0%, rgba(247, 246, 241, 0.88) 48%, rgba(247, 246, 241, 0.08) 75%),
        url("/img/Header Fotos/Finanzen und Wohnen.png");
    background-position: center;
    background-size: cover;
}

.ms-studiwohnen__hero-inner,
.ms-studiwohnen__content
{
    width: min(1120px, 100%);
    margin: 0 auto;
}

.ms-studiwohnen__hero-inner
{
    position: relative;
    width: 62%;
    margin: 0;
    padding: 68px 0 50px 52px;
    box-sizing: border-box;
}

.ms-studiwohnen__hero-image
{
    display: none;
}

.ms-studiwohnen__kicker
{
    display: block;
    color: var(--housing-green);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-studiwohnen__hero h1
{
    margin: 12px 0 0;
    color: #101713;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(4rem, 6.5vw, 6.6rem);
    font-weight: 500;
    line-height: 0.86;
    letter-spacing: 0;
}

.ms-studiwohnen__hero-inner > p
{
    max-width: 560px;
    margin: 26px 0 0;
    color: #4d5b54;
    font-size: 1.08rem;
    line-height: 1.55;
}

.ms-studiwohnen__search
{
    width: min(620px, calc(100vw - 160px));
    margin-top: 30px;
    grid-template-columns: minmax(0, 1fr) 58px;
}

.ms-studiwohnen.is-autocomplete-open .ms-studiwohnen__hero
{
    z-index: 5;
    overflow: visible;
}

.ms-studiwohnen__search.ms-hero-search > .ms-hero-search__field
{
    grid-column: 1;
    border-top: 0;
    border-right: 1px solid var(--ms-line);
    border-bottom: 0;
}

.ms-studiwohnen__search button
{
    grid-column: 2;
    grid-row: 1;
    align-self: center;
}

.ms-studiwohnen__search button:disabled
{
    cursor: wait;
    opacity: 0.45;
}

.ms-studiwohnen__content
{
    padding: 62px 24px 80px;
    box-sizing: border-box;
}

.ms-studiwohnen__results-head
{
    display: flex;
    margin-bottom: 24px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ms-studiwohnen__results-head h2
{
    margin: 8px 0 0;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.1;
}

.ms-studiwohnen__reset
{
    padding: 9px 12px;
    border: 0;
    background: transparent;
    color: #4d5b54;
    font-size: 0.84rem;
    font-weight: 700;
}

.ms-studiwohnen__reset i
{
    margin-right: 6px;
}

.ms-studiwohnen__status
{
    display: grid;
    min-height: 230px;
    margin: 0;
    padding: 36px;
    place-content: center;
    justify-items: center;
    box-sizing: border-box;
    border: 1px solid var(--housing-line);
    border-radius: 8px;
    background: #ffffff;
    color: #647169;
    text-align: center;
}

.ms-studiwohnen__status > i
{
    margin-bottom: 18px;
    color: var(--housing-green);
    font-size: 1.6rem;
}

.ms-studiwohnen__status strong,
.ms-studiwohnen__status span
{
    display: block;
}

.ms-studiwohnen__status strong
{
    margin-bottom: 7px;
    color: var(--housing-ink);
    font-size: 1.2rem;
}

.ms-studiwohnen__map-section
{
    margin: 0 0 28px;
}

.ms-studiwohnen__map-head
{
    display: flex;
    margin-bottom: 16px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.ms-studiwohnen__map-head h3
{
    margin: 7px 0 0;
    color: var(--housing-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.65rem;
    font-weight: 400;
    line-height: 1.15;
}

.ms-studiwohnen__map-head p
{
    margin: 7px 0 0;
    color: #647169;
    font-size: 0.86rem;
}

.ms-studiwohnen__map-legend
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.ms-studiwohnen__map-legend span
{
    display: inline-flex;
    min-height: 36px;
    padding: 6px 10px 6px 7px;
    box-sizing: border-box;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--housing-line);
    border-radius: 6px;
    background: #ffffff;
    color: #3f4c45;
    font-size: 0.78rem;
    font-weight: 700;
}

.ms-studiwohnen__map-legend i
{
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: var(--housing-green);
    color: #ffffff;
    font-size: 0.7rem;
}

.ms-studiwohnen__map-legend .is-university i
{
    border-radius: 5px;
    background: #c54f3c;
}

.ms-studiwohnen__map-legend .is-shopping i
{
    border-radius: 5px;
    background: #256da8;
}

.ms-studiwohnen__map-legend .is-station i
{
    border-radius: 5px;
    background: #c47a16;
}

.ms-studiwohnen__map
{
    width: 100%;
    height: 520px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid var(--housing-line);
    border-radius: 8px;
    background: #e8eee9;
}

.ms-housing-map__marker-shell
{
    border: 0;
    background: transparent;
}

.ms-housing-map__marker
{
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    box-sizing: border-box;
    border: 3px solid #ffffff;
    background: var(--housing-green);
    color: #ffffff;
    font-size: 0.88rem;
    box-shadow: 0 5px 13px rgba(20, 32, 26, 0.3);
}

.ms-housing-map__marker--housing
{
    border-radius: 50%;
}

.ms-housing-map__marker--university
{
    border-radius: 7px;
    background: #c54f3c;
    font-size: 0.95rem;
}

.ms-housing-map__marker--shopping
{
    border-radius: 7px;
    background: #256da8;
    font-size: 0.95rem;
}

.ms-housing-map__marker--station
{
    border-radius: 7px;
    background: #c47a16;
    font-size: 0.95rem;
}

.ms-housing-map__popup
{
    display: grid;
    min-width: 190px;
    gap: 5px;
    color: #3f4c45;
    font-family: "Barlow", sans-serif;
}

.ms-housing-map__popup strong
{
    color: var(--housing-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1rem;
    font-weight: 400;
}

.ms-housing-map__popup span,
.ms-housing-map__popup small
{
    line-height: 1.35;
}

.ms-housing-map__popup small
{
    color: #647169;
}

.ms-housing-map__popup a
{
    margin-top: 3px;
    color: var(--housing-green);
    font-weight: 700;
}

.ms-studiwohnen__map .leaflet-control-zoom a
{
    color: var(--housing-ink);
}

.ms-studiwohnen__grid
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ms-studiwohnen__card
{
    display: flex;
    min-width: 0;
    padding: 24px;
    flex-direction: column;
    border: 1px solid var(--housing-line);
    border-radius: 8px;
    background: #ffffff;
}

.ms-studiwohnen__card-head
{
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
}

.ms-studiwohnen__card-icon
{
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: var(--housing-mint);
    color: var(--housing-green);
    font-size: 1.05rem;
}

.ms-studiwohnen__card h3
{
    margin: 0;
    color: var(--housing-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.ms-studiwohnen__card-head p
{
    margin: 4px 0 0;
    color: #6a766f;
    font-size: 0.84rem;
}

.ms-studiwohnen__details
{
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.ms-studiwohnen__details li
{
    display: grid;
    padding: 11px 0;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 10px;
    border-top: 1px solid #edf0ed;
}

.ms-studiwohnen__details li > i
{
    margin-top: 3px;
    color: var(--housing-green);
    text-align: center;
}

.ms-studiwohnen__details small,
.ms-studiwohnen__details strong
{
    display: block;
}

.ms-studiwohnen__details small
{
    margin-bottom: 2px;
    color: #748078;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
}

.ms-studiwohnen__details strong
{
    color: #2e3a34;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.ms-studiwohnen__actions
{
    display: flex;
    margin-top: auto;
    padding-top: 20px;
    flex-wrap: wrap;
    gap: 8px;
}

.ms-studiwohnen__action
{
    display: inline-flex;
    min-height: 40px;
    padding: 8px 13px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #cbd6cf;
    border-radius: 6px;
    color: var(--housing-ink);
    font-size: 0.8rem;
    font-weight: 700;
}

.ms-studiwohnen__action:hover
{
    color: var(--housing-green);
    text-decoration: none;
}

.ms-studiwohnen__action--primary
{
    border-color: var(--housing-ink);
    background: var(--housing-ink);
    color: #ffffff;
}

.ms-studiwohnen__action--primary:hover
{
    color: #ffffff;
}

.ms-studiwohnen__source
{
    margin: 26px 0 0;
    color: #718078;
    font-size: 0.76rem;
}

@media (max-width: 760px)
{
    .ms-studiwohnen__hero
    {
        display: grid;
        width: calc(100% - 30px);
        min-height: 0;
        grid-template-columns: 1fr;
        background: #fdfcf8;
    }

    .ms-studiwohnen__hero-inner
    {
        width: 100%;
        padding: 38px 24px 34px;
    }

    .ms-studiwohnen__hero h1
    {
        font-size: 3.6rem;
        line-height: 0.92;
    }

    .ms-studiwohnen__search
    {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 50px;
        padding: 8px;
        border-radius: 999px;
    }

    .ms-studiwohnen__search.ms-hero-search > .ms-hero-search__field
    {
        grid-column: 1;
        padding: 0 12px;
        border-top: 0;
        border-right: 1px solid var(--ms-line);
        border-bottom: 0;
    }

    .ms-studiwohnen__search button
    {
        grid-column: 2;
        grid-row: 1;
        width: 50px;
        height: 50px;
        margin: 0;
    }

    .ms-studiwohnen__hero-image
    {
        display: block;
        position: relative;
        width: 100%;
        min-height: 240px;
        border-radius: 0 0 8px 8px;
        background-image:
            linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 38%),
            url("/img/Header Fotos/Finanzen und Wohnen.png");
        background-position: center, 62% center;
        background-size: cover;
    }

    .ms-studiwohnen__content
    {
        padding: 44px 16px 58px;
    }

    .ms-studiwohnen__results-head
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .ms-studiwohnen__results-head h2
    {
        font-size: 1.8rem;
    }

    .ms-studiwohnen__map-head
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .ms-studiwohnen__map-legend
    {
        justify-content: flex-start;
    }

    .ms-studiwohnen__map
    {
        height: 420px;
    }

    .ms-studiwohnen__grid
    {
        grid-template-columns: minmax(0, 1fr);
    }

    .ms-studiwohnen__card
    {
        padding: 20px 16px;
    }
}

/* Student housing detail */
.ms-housing-detail
{
    --housing-detail-ink: #14201a;
    --housing-detail-green: #167651;
    --housing-detail-mint: #d8f5e5;
    --housing-detail-paper: #f7f6f1;
    --housing-detail-line: #d9e2dc;
    padding-bottom: 80px;
    background: var(--housing-detail-paper);
    color: var(--housing-detail-ink);
}

.ms-housing-detail__hero
{
    width: min(1240px, calc(100% - 96px));
    min-height: 350px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #17372a;
    background-image:
        linear-gradient(90deg, rgba(20, 32, 26, 0.98) 0%, rgba(20, 32, 26, 0.9) 48%, rgba(20, 32, 26, 0.35) 100%),
        url("/img/Header Fotos/Finanzen und Wohnen.png");
    background-position: center;
    background-size: cover;
    color: #ffffff;
}

.ms-housing-detail__hero-inner
{
    width: min(1120px, calc(100% - 64px));
    margin: 0 auto;
    padding: 46px 0 52px;
}

.ms-housing-detail__back
{
    display: inline-flex;
    margin-bottom: 48px;
    align-items: center;
    gap: 9px;
    color: #dce9e2;
    font-size: 0.82rem;
    font-weight: 700;
}

.ms-housing-detail__back:hover
{
    color: #ffffff;
    text-decoration: none;
}

.ms-housing-detail__kicker
{
    display: block;
    color: var(--housing-detail-green);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ms-housing-detail__hero .ms-housing-detail__kicker
{
    color: #75ddb0;
}

.ms-housing-detail__hero h1
{
    max-width: 820px;
    margin: 10px 0 18px;
    color: #ffffff;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.7rem, 5vw, 4.8rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.ms-housing-detail__hero p
{
    display: flex;
    margin: 0;
    align-items: flex-start;
    gap: 10px;
    color: #dce9e2;
    font-size: 1rem;
}

.ms-housing-detail__hero p i
{
    margin-top: 4px;
    color: #75ddb0;
}

.ms-housing-detail__layout,
.ms-housing-detail__related
{
    width: min(1120px, calc(100% - 48px));
    margin-right: auto;
    margin-left: auto;
}

.ms-housing-detail__layout
{
    display: grid;
    margin-top: 48px;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.75fr);
    align-items: start;
    gap: 22px;
}

.ms-housing-detail__main,
.ms-housing-detail__contact
{
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid var(--housing-detail-line);
    border-radius: 8px;
    background: #ffffff;
}

.ms-housing-detail__main h2,
.ms-housing-detail__contact h2,
.ms-housing-detail__related h2
{
    margin: 8px 0 0;
    color: var(--housing-detail-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
}

.ms-housing-detail__facts
{
    display: grid;
    margin: 28px 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--housing-detail-line);
}

.ms-housing-detail__facts > div
{
    min-width: 0;
    padding: 18px 16px 18px 0;
    border-bottom: 1px solid var(--housing-detail-line);
}

.ms-housing-detail__facts > div:nth-child(even)
{
    padding-right: 0;
    padding-left: 16px;
    border-left: 1px solid var(--housing-detail-line);
}

.ms-housing-detail__facts dt
{
    display: flex;
    margin-bottom: 7px;
    align-items: center;
    gap: 8px;
    color: #6b776f;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-housing-detail__facts dt i
{
    width: 16px;
    color: var(--housing-detail-green);
    text-align: center;
}

.ms-housing-detail__facts dd
{
    margin: 0;
    color: #26332c;
    font-size: 0.94rem;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.ms-housing-detail__units
{
    margin-top: 30px;
}

.ms-housing-detail__units h3
{
    margin: 0 0 14px;
    color: var(--housing-detail-ink);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 1.4rem;
    font-weight: 400;
}

.ms-housing-detail__unit-list
{
    border-top: 1px solid var(--housing-detail-line);
}

.ms-housing-detail__unit-list article
{
    padding: 16px 0;
    border-bottom: 1px solid var(--housing-detail-line);
}

.ms-housing-detail__unit-list article > strong
{
    display: block;
    margin-bottom: 9px;
    color: var(--housing-detail-ink);
    font-size: 0.96rem;
}

.ms-housing-detail__unit-list dl
{
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.ms-housing-detail__unit-list dl > div
{
    display: flex;
    gap: 5px;
    color: #59675f;
    font-size: 0.82rem;
}

.ms-housing-detail__unit-list dt
{
    font-weight: 700;
}

.ms-housing-detail__unit-list dt::after
{
    content: ":";
}

.ms-housing-detail__unit-list dd
{
    margin: 0;
}

.ms-housing-detail__notice
{
    display: grid;
    margin: 24px 0 0;
    padding: 16px;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 10px;
    border-radius: 6px;
    background: #edf7f1;
    color: #52645a;
    font-size: 0.84rem;
    line-height: 1.5;
}

.ms-housing-detail__notice i
{
    margin-top: 3px;
    color: var(--housing-detail-green);
}

.ms-housing-detail__contact
{
    position: sticky;
    top: 20px;
}

.ms-housing-detail__contact-actions
{
    margin-top: 25px;
}

.ms-housing-detail__contact-actions a
{
    display: grid;
    min-width: 0;
    padding: 15px 0;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border-top: 1px solid var(--housing-detail-line);
    color: var(--housing-detail-ink);
}

.ms-housing-detail__contact-actions a:hover
{
    color: var(--housing-detail-green);
    text-decoration: none;
}

.ms-housing-detail__contact-actions a.ms-housing-detail__contact-primary
{
    margin-bottom: 10px;
    padding: 15px;
    border: 0;
    border-radius: 6px;
    background: var(--housing-detail-ink);
    color: #ffffff;
}

.ms-housing-detail__contact-actions a.ms-housing-detail__contact-primary:hover
{
    background: #293b32;
    color: #ffffff;
}

.ms-housing-detail__contact-actions a.ms-housing-detail__contact-primary small
{
    color: #bbcbc2;
}

.ms-housing-detail__contact-actions a > i
{
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: var(--housing-detail-mint);
    color: var(--housing-detail-green);
}

.ms-housing-detail__contact-actions small,
.ms-housing-detail__contact-actions strong
{
    display: block;
    overflow-wrap: anywhere;
}

.ms-housing-detail__contact-actions small
{
    margin-bottom: 2px;
    color: #748078;
    font-size: 0.72rem;
}

.ms-housing-detail__contact-actions strong
{
    font-size: 0.9rem;
}

.ms-housing-detail__contact-empty
{
    margin: 20px 0 0;
    color: #6b776f;
    font-size: 0.84rem;
    line-height: 1.45;
}

.ms-housing-detail__related
{
    margin-top: 58px;
}

.ms-housing-detail__related-head
{
    display: flex;
    margin-bottom: 20px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.ms-housing-detail__related-head > a
{
    color: var(--housing-detail-green);
    font-size: 0.84rem;
    font-weight: 700;
}

.ms-housing-detail__related-grid
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ms-housing-detail__related-grid > a
{
    display: grid;
    min-width: 0;
    min-height: 94px;
    padding: 17px;
    box-sizing: border-box;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--housing-detail-line);
    border-radius: 7px;
    background: #ffffff;
    color: var(--housing-detail-ink);
}

.ms-housing-detail__related-grid > a:hover
{
    border-color: #81b69d;
    color: var(--housing-detail-green);
    text-decoration: none;
}

.ms-housing-detail__related-icon
{
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: var(--housing-detail-mint);
    color: var(--housing-detail-green);
}

.ms-housing-detail__related-grid strong,
.ms-housing-detail__related-grid small
{
    display: block;
    overflow-wrap: anywhere;
}

.ms-housing-detail__related-grid strong
{
    font-size: 0.95rem;
}

.ms-housing-detail__related-grid small
{
    margin-top: 5px;
    color: #6b776f;
    font-size: 0.8rem;
}

@media (max-width: 850px)
{
    .ms-housing-detail__layout
    {
        grid-template-columns: minmax(0, 1fr);
    }

    .ms-housing-detail__contact
    {
        position: static;
    }
}

@media (max-width: 760px)
{
    .ms-housing-detail
    {
        padding-bottom: 58px;
    }

    .ms-housing-detail__hero
    {
        width: calc(100% - 30px);
        min-height: 330px;
    }

    .ms-housing-detail__hero-inner
    {
        width: calc(100% - 32px);
        padding: 34px 0 40px;
    }

    .ms-housing-detail__back
    {
        margin-bottom: 42px;
    }

    .ms-housing-detail__hero h1
    {
        font-size: 2.5rem;
    }

    .ms-housing-detail__layout,
    .ms-housing-detail__related
    {
        width: calc(100% - 32px);
    }

    .ms-housing-detail__layout
    {
        margin-top: 32px;
    }

    .ms-housing-detail__main,
    .ms-housing-detail__contact
    {
        padding: 22px 18px;
    }

    .ms-housing-detail__facts
    {
        grid-template-columns: minmax(0, 1fr);
    }

    .ms-housing-detail__facts > div,
    .ms-housing-detail__facts > div:nth-child(even)
    {
        padding: 15px 0;
        border-left: 0;
    }

    .ms-housing-detail__related-head
    {
        align-items: flex-start;
        flex-direction: column;
    }

    .ms-housing-detail__related-grid
    {
        grid-template-columns: minmax(0, 1fr);
    }
}

.ms-mensa__hero-image,
.ms-campus-departures__hero-image,
body.magazine-home .ms-magazine-hero__image
{
    display: none;
}

@media only screen and (max-width: 760px)
{
    body.home .ms-hero
    {
        display: grid;
        width: calc(100% - 30px);
        min-height: 0;
        margin-top: 18px;
        margin-right: auto;
        margin-left: auto;
        grid-template-columns: 1fr;
        border-radius: 8px;
    }

    body.home .ms-hero__content
    {
        width: 100%;
        min-height: 0;
        padding: 38px 24px 34px;
        box-sizing: border-box;
    }

    body.home .ms-hero h1
    {
        font-size: 3.6rem;
        line-height: 0.92;
    }

    body.home .ms-hero__content > p
    {
        max-width: none;
        margin: 20px 0 28px;
        font-size: 1rem;
        line-height: 1.5;
    }

    body.home .ms-hero-search
    {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        margin: 0;
    }

    body.home .ms-hero__media
    {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 240px;
        border-radius: 0 0 8px 8px;
        background-position: 62% center;
    }

    body.home .ms-hero__media::after
    {
        display: block;
        inset: 0 0 auto;
        width: 100%;
        height: 38%;
        background: linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 100%);
    }

    body.home .ms-hero__accent--left
    {
        left: 16px;
        bottom: 176px;
        width: 120px;
        height: 180px;
    }

    .ms-jobs-hero,
    .ms-mensa__hero,
    .ms-campus-departures__hero,
    body.magazine-home .ms-magazine-hero
    {
        display: grid;
        width: calc(100% - 30px);
        min-height: 0;
        margin-right: auto;
        margin-left: auto;
        overflow: hidden;
        grid-template-columns: 1fr;
        border-radius: 8px;
        background: #fdfcf8;
    }

    .ms-jobs-hero__content,
    .ms-mensa__hero-inner,
    .ms-campus-departures__hero-inner,
    body.magazine-home .ms-magazine-hero__content
    {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 38px 24px 34px;
        box-sizing: border-box;
    }

    .ms-jobs-hero h1,
    .ms-mensa__hero h1,
    .ms-campus-departures__hero h1,
    body.magazine-home .ms-magazine-hero h1
    {
        margin-top: 12px;
        font-size: 3.6rem;
        line-height: 0.92;
        letter-spacing: 0;
    }

    .ms-jobs-hero p,
    .ms-mensa__intro p,
    .ms-campus-departures__hero p,
    body.magazine-home .ms-magazine-hero__lead,
    body.magazine-home .ms-magazine-hero__copy
    {
        font-size: 1rem;
        line-height: 1.5;
    }

    .ms-jobs-hero__image,
    .ms-mensa__hero-image,
    .ms-campus-departures__hero-image,
    body.magazine-home .ms-magazine-hero__image
    {
        display: block;
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 240px;
        border-radius: 0 0 8px 8px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ms-jobs-hero__image
    {
        grid-row: 2;
        background-position: 58% center;
    }

    .ms-jobs-hero__image::after
    {
        inset: 0 0 auto;
        width: 100%;
        height: 38%;
        background: linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 100%);
    }

    .ms-mensa__hero-image
    {
        background-image:
            linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 38%),
            url("/img/Header%20Fotos/Mensa-Header.png");
        background-position: center, 60% center;
    }

    .ms-campus-departures__hero-image
    {
        background-image:
            linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 38%),
            url("/img/Header Fotos/Campus Abfahrten Header.png");
        background-position: center, 60% center;
    }

    body.magazine-home .ms-magazine-hero__image
    {
        background-image:
            linear-gradient(180deg, #fdfcf8 0%, rgba(253, 252, 248, 0) 38%),
            url("/img/Header%20Fotos/Studententipps%20Header.png");
        background-position: center, 66% center;
    }

    body.magazine-home .ms-magazine-hero__note
    {
        display: none;
    }

    .ms-jobs-search
    {
        position: relative;
        width: 100%;
        min-height: 0;
        margin-top: 28px;
        padding: 10px;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 66px) 66px;
        border-radius: 22px;
    }

    .ms-jobs-search.is-km-in-submit
    {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 66px) auto;
    }

    .ms-jobs-search .ms-job-search__group
    {
        grid-column: 1;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__group
    {
        grid-column: 1 / -1;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__group--location
    {
        border-bottom: 1px solid var(--job-line);
    }

    .ms-jobs-search .ms-job-search__radius-mobile
    {
        display: none;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__submit
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        grid-column: 1 / -1;
        margin-top: 8px;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__radius-mobile
    {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        align-items: center;
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius
    {
        display: flex;
        width: 100%;
        height: 56px;
        flex: 1 1 auto;
        border: 0 !important;
        border-left: 0 !important;
        background: transparent;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius__trigger
    {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0 6px 0 0;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 0.95rem;
        text-align: left;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius__trigger::before
    {
        content: "\f140";
        display: inline-flex;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        flex: 0 0 24px;
        color: #1b2520;
        font-family: "Font Awesome 6 Free";
        font-size: 1rem;
        font-weight: 900;
        line-height: 1;
    }

    .ms-jobs-search.is-km-in-submit .ms-job-search__radius-mobile .ms-job-radius__trigger > i
    {
        margin-left: auto;
    }

    .ms-jobs-hero .ms-jobs-search > .ms-job-search__submit > button[type="submit"]
    {
        position: static;
        right: auto;
        bottom: auto;
        width: 56px;
        height: 56px;
        margin: 0;
        flex: 0 0 56px;
        justify-self: auto;
        align-self: center;
    }

    .ms-jobs-hero .ms-jobs-search.is-km-in-submit > .ms-job-search__submit > button[type="submit"]
    {
        margin: 0;
    }

    .ms-mensa__search
    {
        min-height: 78px;
        margin-top: 28px;
        padding: 9px 10px 9px 20px;
        grid-template-columns: 24px minmax(0, 1fr) 58px;
        border-radius: 999px;
    }

    .ms-mensa__search button
    {
        width: 58px;
        height: 58px;
        padding: 0;
        grid-column: 3;
        border-radius: 50%;
        justify-content: center;
        font-size: 0;
    }

    .ms-mensa__search button i,
    .ms-mensa__search button .svg-inline--fa
    {
        display: block;
        width: 1em;
        height: 1em;
        font-size: 1rem;
    }

    .ms-mensa__stats
    {
        display: none;
    }

    .ms-campus-departures__hero .ms-campus-departures__form
    {
        width: 100%;
        min-height: 0;
        margin-top: 28px;
        padding: 10px;
        border-radius: 22px;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-row
    {
        grid-template-columns: 1fr;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-field:first-of-type,
    .ms-campus-departures__hero .ms-campus-departures__search-field:last-of-type
    {
        grid-column: 1;
        border-right: 0 !important;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-field:last-of-type
    {
        border-bottom: 0 !important;
    }

    .ms-campus-departures__hero .ms-campus-departures__search-row button
    {
        width: 52px;
        height: 52px;
        margin-top: 8px;
        grid-column: 1;
        justify-self: center;
    }

    .ms-campus-departures__panel
    {
        margin-top: 0;
    }
}
    @media handheld, only screen and (max-width: 610px)
    {
        .searchbarhome form[data-mobile-km-placement] .startbtn
        {
            display: flex;
            align-items: stretch;
            gap: 6px;
        }

        .searchbarhome form[data-mobile-km-placement] .startbtn .btn
        {
            flex: 1 1 auto;
            margin: 0;
        }

        .searchbarhome form[data-mobile-km-placement] [data-km-mobile-slot]
        {
            display: none;
            flex: 0 0 102px;
            align-items: center;
            padding: 0 8px;
            border: 2px solid var(--main-bg-color);
            border-radius: var(--border-radius);
            background: var(--main-bg-color);
            box-sizing: border-box;
        }

        .searchbarhome form[data-mobile-km-placement].is-km-mobile [data-km-mobile-slot]
        {
            display: flex;
        }

        .searchbarhome form[data-mobile-km-placement] [data-km-mobile-slot] .kmselect
        {
            width: 100%;
            height: 100%;
            min-height: 42px;
        }
    }
.study-field-info-page .info-field-hero {
    background: #f7f5ef;
    padding: 24px 0 52px;
}

body.study-field-info .breadcrumbscontainer {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}

body.study-field-info .breadcrumbs {
    margin-bottom: 0;
}

body.study-field-info .breadcrumb {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.study-field-info-page .info-field-hero__shell {
    min-height: 540px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #fbfaf6;
    box-shadow: 0 10px 34px rgba(18, 35, 30, .08);
}

.study-field-info-page .info-field-hero__media {
    position: absolute;
    inset: 0 0 0 43%;
}

.study-field-info-page .info-field-hero__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #fbfaf6 0%, rgba(251, 250, 246, .94) 8%, rgba(251, 250, 246, .25) 42%, rgba(251, 250, 246, 0) 68%);
    content: "";
}

.study-field-info-page .info-field-hero__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.study-field-info-page .info-field-hero__copy {
    width: 52%;
    position: relative;
    z-index: 2;
    padding: 76px 48px 92px;
}

.study-field-info-page .info-field-hero__copy h1 {
    max-width: 760px;
    margin: 0 0 22px;
    color: #0d1916;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px, 4.4vw, 72px);
    font-weight: 500;
    line-height: .99;
    letter-spacing: -.035em;
}

.study-field-info-page .info-field-hero__copy > p:not(.info-page-kicker) {
    max-width: 650px;
    margin: 0;
    color: #263a34;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;
}

.study-field-info-page .info-field-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.study-field-info-page .info-field-hero__actions a {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 0 28px;
    border: 2px solid #0c6454;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.study-field-info-page .info-field-hero__primary {
    background: #0c6454;
    color: #fff;
}

.study-field-info-page .info-field-hero__primary:hover {
    background: #084b40;
    border-color: #084b40;
    color: #fff;
}

.study-field-info-page .info-field-hero__secondary {
    background: rgba(255, 255, 255, .7);
    color: #315b54;
}

.study-field-info-page .info-field-hero__facts {
    width: 286px;
    position: absolute;
    z-index: 3;
    top: 82px;
    right: 38px;
    padding: 25px 22px 20px;
    border: 1px solid rgba(85, 185, 151, .25);
    border-radius: 14px;
    background: rgba(220, 248, 237, .92);
    box-shadow: 0 18px 42px rgba(19, 66, 54, .14);
    backdrop-filter: blur(7px);
}

.study-field-info-page .info-field-hero__facts h2 {
    margin: 0 0 18px;
    color: #103b33;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
}

.study-field-info-page .info-field-hero__facts dl {
    display: grid;
    gap: 8px;
    margin: 0;
}

.study-field-info-page .info-field-hero__facts dl > div {
    min-height: 64px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    padding: 8px 12px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .7);
}

.study-field-info-page .info-field-hero__facts dt {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    margin: 0;
    border-radius: 50%;
    background: #fff;
    color: #159170;
}

.study-field-info-page .info-field-hero__facts dt i,
.study-field-info-page .info-field-hero__facts dt svg {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.study-field-info-page .info-field-hero__facts dd {
    margin: 0;
    color: #183e36;
}

.study-field-info-page .info-field-hero__facts strong,
.study-field-info-page .info-field-hero__facts span {
    display: block;
}

.study-field-info-page .info-field-hero__facts strong {
    font-size: 24px;
    line-height: 1;
}

.study-field-info-page .info-field-hero__facts span {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
}

.study-field-info-page .info-field-hero__nav {
    min-height: 100px;
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: -36px 22px 0;
    border: 1px solid #e6e7e3;
    border-radius: 12px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 12px 34px rgba(18, 35, 30, .09);
}

.study-field-info-page .info-field-hero__nav a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #253d37;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.study-field-info-page .info-field-hero__nav a + a::before {
    width: 1px;
    height: 42px;
    position: absolute;
    left: 0;
    background: #e8ebe8;
    content: "";
}

.study-field-info-page .info-field-hero__nav i {
    font-size: 24px;
}

.study-field-info-page .info-field-hero__nav a:hover,
.study-field-info-page .info-field-hero__nav .is-active {
    color: #0c735e;
}

.study-field-info-page .info-field-hero__nav .is-active::after {
    height: 3px;
    position: absolute;
    right: 28%;
    bottom: 0;
    left: 28%;
    border-radius: 3px 3px 0 0;
    background: #20a37f;
    content: "";
}

.study-field-info-page .info-field-glance {
    padding: 58px 0 64px;
    background: #fff;
}

.study-field-info-page .info-field-glance__heading {
    margin-bottom: 22px;
}

.study-field-info-page .info-field-glance__heading .info-page-kicker {
    margin-bottom: 4px;
}

.study-field-info-page .info-field-glance__heading h2 {
    margin: 0 0 5px;
    color: #111b18;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.025em;
}

.study-field-info-page .info-field-glance__heading > p:last-child {
    margin: 0;
    color: #5d6965;
    font-size: 16px;
}

.study-field-info-page .info-field-glance__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.study-field-info-page .info-field-glance__grid article {
    min-height: 180px;
    padding: 22px 20px;
    border: 1px solid #e6e9e7;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 46, 39, .045);
}

.study-field-info-page .info-field-glance__grid article > i,
.study-field-info-page .info-field-glance__grid article > svg {
    width: 30px;
    height: 30px;
    margin-bottom: 17px;
    color: #126658;
    font-size: 28px;
}

.study-field-info-page .info-field-glance__grid h3 {
    margin: 0 0 12px;
    color: #182622;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.study-field-info-page .info-field-glance__grid p {
    margin: 0;
    color: #475651;
    font-size: 14px;
    line-height: 1.45;
}

.study-field-info-page .info-field-locations {
    padding: 58px 0 68px;
    background: #f9faf7;
}

.study-field-info-page .info-field-locations__heading {
    margin-bottom: 20px;
}

.study-field-info-page .info-field-locations__heading .info-page-kicker {
    margin-bottom: 4px;
}

.study-field-info-page .info-field-locations__heading h2 {
    margin: 0 0 6px;
    color: #111b18;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.025em;
}

.study-field-info-page .info-field-locations__heading > p:last-child {
    max-width: 850px;
    margin: 0;
    color: #5d6965;
    font-size: 16px;
    line-height: 1.45;
}

.study-field-info-page .info-field-locations__layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 20px;
    align-items: stretch;
}

.study-field-info-page .info-field-locations .info-field-map {
    height: 650px;
    border-color: #d9e4df;
    border-radius: 9px;
    box-shadow: 0 8px 24px rgba(19, 46, 39, .06);
}

.study-field-info-page .info-field-locations .leaflet-tile-pane {
    filter: sepia(.08) saturate(.72) hue-rotate(72deg) brightness(1.08);
}

.study-field-info-page .info-field-map__city-label {
    padding: 4px 9px;
    border: 0;
    border-radius: 7px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 2px 8px rgba(20, 55, 45, .13);
    color: #243832;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
}

.study-field-info-page .info-field-map__city-label::before {
    display: none;
}

.study-field-info-page .info-field-map__legend {
    min-width: 122px;
    display: grid;
    gap: 7px;
    padding: 13px 14px;
    border: 1px solid #dce7e2;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 16px rgba(20, 55, 45, .12);
    color: #2d403a;
    font-size: 10px;
}

.study-field-info-page .info-field-map__legend strong {
    margin-bottom: 2px;
    font-size: 11px;
    line-height: 1.25;
}

.study-field-info-page .info-field-map__legend span {
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
}

.study-field-info-page .info-field-map__legend i {
    display: block;
    justify-self: center;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    background: #30b58a;
}

.study-field-info-page .info-field-map__legend .is-xl {
    width: 24px;
    height: 24px;
    background: #006b53;
}

.study-field-info-page .info-field-map__legend .is-lg {
    width: 19px;
    height: 19px;
    background: #078b68;
}

.study-field-info-page .info-field-map__legend .is-md {
    width: 15px;
    height: 15px;
    background: #12a477;
}

.study-field-info-page .info-field-map__legend .is-sm {
    width: 11px;
    height: 11px;
    background: #30b58a;
}

.study-field-info-page .info-field-map__legend .is-xs {
    width: 7px;
    height: 7px;
    background: #55c49a;
}

.study-field-info-page .info-field-locations__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.study-field-info-page .info-field-locations__featured {
    min-height: 205px;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(150px, .75fr);
    overflow: hidden;
    border: 1px solid #d8ece4;
    border-radius: 9px;
    background: #e8f8f1;
}

.study-field-info-page .info-field-locations__featured > div {
    padding: 24px 24px 20px;
}

.study-field-info-page .info-field-locations__featured span {
    display: block;
    margin-bottom: 3px;
    color: #275f54;
    font-size: 12px;
    font-weight: 800;
}

.study-field-info-page .info-field-locations__featured h3 {
    margin: 0 0 8px;
    color: #15241f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.1;
}

.study-field-info-page .info-field-locations__featured p {
    margin: 0 0 16px;
    color: #40534d;
    font-size: 14px;
    line-height: 1.45;
}

.study-field-info-page .info-field-locations__featured a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 0 16px;
    border: 1px solid #47786f;
    border-radius: 6px;
    background: rgba(255, 255, 255, .72);
    color: #244e46;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.study-field-info-page .info-field-locations__featured img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.study-field-info-page .info-field-locations__top-universities {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 18px;
}

.study-field-info-page .info-field-locations__top-universities h3 {
    margin: 0 0 8px;
    color: #263a34;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
}

.study-field-info-page .info-field-locations__top-universities ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.study-field-info-page .info-field-locations__top-universities a {
    height: 100%;
    min-height: 39px;
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr) 8px;
    gap: 7px;
    align-items: center;
    padding: 5px 8px;
    border: 1px solid #e2e7e4;
    border-radius: 7px;
    background: #fff;
    color: #24352f;
    text-decoration: none;
}

.study-field-info-page .info-field-locations__top-universities a:hover {
    border-color: #a7d8c8;
    background: #f1faf6;
}

.study-field-info-page .info-field-locations__top-universities a > strong {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e8f8f1;
    color: #14715f;
    font-size: 11px;
}

.study-field-info-page .info-field-locations__top-universities span,
.study-field-info-page .info-field-locations__top-universities b,
.study-field-info-page .info-field-locations__top-universities small {
    min-width: 0;
    display: block;
}

.study-field-info-page .info-field-locations__top-universities b {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.study-field-info-page .info-field-locations__top-universities small {
    margin-top: 1px;
    overflow: hidden;
    color: #68746f;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.study-field-info-page .info-field-locations__top-universities i,
.study-field-info-page .info-field-locations__top-universities svg {
    color: #71817b;
    font-size: 9px;
}

.study-field-info-page .info-field-locations__popular-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 26px 0 12px;
}

.study-field-info-page .info-field-locations__popular-heading h3 {
    margin: 0;
    color: #263a34;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
}

.study-field-info-page .info-field-locations__popular-heading button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #216d5e;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.study-field-info-page .info-field-locations__popular-heading button [data-city-list-less] {
    display: none;
}

.study-field-info-page .info-field-locations__popular-heading button i,
.study-field-info-page .info-field-locations__popular-heading button svg {
    transition: transform .2s ease;
}

.study-field-info-page .info-field-locations__popular-heading button[aria-expanded="true"] [data-city-list-more] {
    display: none;
}

.study-field-info-page .info-field-locations__popular-heading button[aria-expanded="true"] [data-city-list-less] {
    display: inline;
}

.study-field-info-page .info-field-locations__popular-heading button[aria-expanded="true"] i,
.study-field-info-page .info-field-locations__popular-heading button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.study-field-info-page .info-field-locations__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.study-field-info-page .info-field-locations__list:not(.is-expanded) .is-collapsible {
    display: none;
}

.study-field-info-page .info-field-locations__list li {
    min-width: 0;
}

.study-field-info-page .info-field-locations__list a {
    min-height: 65px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 10px;
    gap: 8px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid #e2e7e4;
    border-radius: 7px;
    background: #fff;
    color: #24352f;
    text-decoration: none;
}

.study-field-info-page .info-field-locations__list a:hover {
    border-color: #a7d8c8;
    background: #f1faf6;
}

.study-field-info-page .info-field-locations__list a > strong {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f0f3f1;
    color: #45534e;
    font-size: 12px;
}

.study-field-info-page .info-field-locations__list li:first-child a {
    background: #e8f8f1;
}

.study-field-info-page .info-field-locations__list li:first-child a > strong {
    background: #14715f;
    color: #fff;
}

.study-field-info-page .info-field-locations__list span,
.study-field-info-page .info-field-locations__list b,
.study-field-info-page .info-field-locations__list small {
    min-width: 0;
    display: block;
}

.study-field-info-page .info-field-locations__list b {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.study-field-info-page .info-field-locations__list small {
    margin-top: 2px;
    overflow: hidden;
    color: #68746f;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.study-field-info-page .info-field-locations__list i,
.study-field-info-page .info-field-locations__list svg {
    color: #71817b;
    font-size: 10px;
}

.study-field-info-page .info-field-start {
    padding: 58px 0 68px;
    background: #fff;
}

.study-field-info-page .info-field-start__heading {
    margin-bottom: 22px;
}

.study-field-info-page .info-field-start__heading .info-page-kicker {
    margin-bottom: 4px;
}

.study-field-info-page .info-field-start__heading h2 {
    margin: 0 0 6px;
    color: #111b18;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.025em;
}

.study-field-info-page .info-field-start__heading > p:last-child {
    max-width: 920px;
    margin: 0;
    color: #5d6965;
    font-size: 16px;
    line-height: 1.45;
}

.study-field-info-page .info-field-start__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.study-field-info-page .info-field-start__grid article {
    min-height: 260px;
    padding: 22px 22px 18px;
    border: 1px solid #e3e8e5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(19, 46, 39, .045);
}

.study-field-info-page .info-field-start__grid h3 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 15px;
    color: #20312c;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
}

.study-field-info-page .info-field-start__grid h3 i,
.study-field-info-page .info-field-start__grid h3 svg {
    width: 27px;
    height: 27px;
    color: #19a478;
    font-size: 25px;
}

.study-field-info-page .info-field-start__grid ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.study-field-info-page .info-field-start__grid li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    padding: 10px 0;
    border-top: 1px solid #e9ecea;
    color: #4e5d58;
    font-size: 13px;
    line-height: 1.35;
}

.study-field-info-page .info-field-start__grid li:first-child {
    border-top: 0;
}

.study-field-info-page .info-field-start__grid li strong {
    color: #273a34;
    font-size: 12px;
    white-space: nowrap;
}

.study-field-info-page .info-field-start > .container > .info-deadline-box {
    margin-top: 24px;
}

.study-field-info-page .info-field-start > .container > .info-data-note {
    margin-top: 18px;
}

.study-field-info-page .info-field-deadlines {
    padding: 62px 0 68px;
    background: #f8faf8;
}

.study-field-info-page .info-field-deadlines__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 30px;
    align-items: center;
    margin-bottom: 22px;
}

.study-field-info-page .info-field-deadlines__heading .info-page-kicker {
    margin-bottom: 5px;
}

.study-field-info-page .info-field-deadlines__heading h2 {
    max-width: 920px;
    margin: 0 0 10px;
    color: #111b18;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 3.4vw, 52px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.study-field-info-page .info-field-deadlines__heading > div:first-child > p:last-child {
    max-width: 980px;
    margin: 0;
    color: #69756f;
    font-size: 16px;
    line-height: 1.5;
}

.study-field-info-page .info-field-deadlines__illustration {
    width: 190px;
    height: 150px;
    position: relative;
    display: grid;
    place-items: center;
    justify-self: end;
    border-radius: 50% 42% 48% 38%;
    background: #e7f4ef;
    color: #146b5b;
}

.study-field-info-page .info-field-deadlines__illustration i:first-child,
.study-field-info-page .info-field-deadlines__illustration svg:first-child {
    width: 76px;
    height: 76px;
    font-size: 72px;
}

.study-field-info-page .info-field-deadlines__illustration i:last-child,
.study-field-info-page .info-field-deadlines__illustration svg:last-child {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 34px;
    bottom: 26px;
    padding: 5px;
    border-radius: 50%;
    background: #e7f4ef;
    font-size: 38px;
}

.study-field-info-page .info-field-deadlines__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.study-field-info-page .info-field-deadlines__toolbar > span {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid #dbe3df;
    border-radius: 23px;
    background: #fff;
    color: #42544e;
    font-size: 13px;
    font-weight: 700;
}

.study-field-info-page .info-field-deadlines__toolbar .is-active {
    border-color: #0d715f;
    background: #0d715f;
    color: #fff;
}

.study-field-info-page .info-field-deadlines__toolbar .info-field-deadlines__sort {
    margin-left: auto;
    border-radius: 7px;
}

.study-field-info-page .info-field-deadlines__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.study-field-info-page .info-field-deadlines__grid article {
    min-height: 195px;
    padding: 18px;
    border: 1px solid #e1e7e4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(19, 46, 39, .04);
}

.study-field-info-page .info-field-deadlines__grid header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.study-field-info-page .info-field-deadlines__grid header > i,
.study-field-info-page .info-field-deadlines__grid header > svg {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%;
    background: #eaf7f2;
    color: #12715f;
    box-sizing: border-box;
    font-size: 20px;
}

.study-field-info-page .info-field-deadlines__grid header strong {
    color: #25352f;
    font-size: 15px;
    line-height: 1.25;
}

.study-field-info-page .info-field-deadlines__grid header > span {
    padding: 7px 10px;
    border-radius: 16px;
    background: #eaf7f2;
    color: #28705f;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.study-field-info-page .info-field-deadlines__badge {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 9px 0 14px 54px;
    padding: 4px 10px;
    border-radius: 14px;
    background: #eaf7f2;
    color: #28705f;
    font-size: 11px;
    font-weight: 700;
}

.study-field-info-page .info-field-deadlines__example {
    padding-top: 12px;
    border-top: 1px solid #e5e9e7;
}

.study-field-info-page .info-field-deadlines__example small {
    display: block;
    margin-bottom: 5px;
    color: #78837f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.study-field-info-page .info-field-deadlines__example a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    color: #126b5b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}

.study-field-info-page .info-field-deadlines__footer {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 16px;
}

.study-field-info-page .info-field-deadlines__footer::before,
.study-field-info-page .info-field-deadlines__footer::after {
    height: 1px;
    flex: 1;
    background: #dbe2de;
    content: "";
}

.study-field-info-page .info-field-deadlines__footer a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 0 22px;
    border-radius: 7px;
    background: #0d715f;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.study-field-info-page .info-field-deadlines > .container > .info-data-note {
    margin-top: 18px;
}

.study-field-info-page .info-field-fit {
    padding: 58px 0 68px;
    background: #fff;
}

.study-field-info-page .info-field-fit__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 22px;
}

.study-field-info-page .info-field-fit__heading .info-page-kicker {
    margin-bottom: 4px;
}

.study-field-info-page .info-field-fit__heading h2 {
    margin: 0 0 7px;
    color: #111b18;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 3.2vw, 49px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.study-field-info-page .info-field-fit__heading p:last-child {
    max-width: 1000px;
    margin: 0;
    color: #64716c;
    font-size: 16px;
    line-height: 1.5;
}

.study-field-info-page .info-field-fit__heading > a {
    flex: 0 0 auto;
    margin-bottom: 6px;
    color: #1d6c5d;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.study-field-info-page .info-field-fit__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.study-field-info-page .info-field-fit__grid article {
    min-height: 178px;
    padding: 21px 24px;
    border: 1px solid #e1ece5;
    border-radius: 9px;
    background: #f2f9f2;
}

.study-field-info-page .info-field-fit__grid h3 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 14px;
    color: #244239;
    font-family: inherit;
    font-size: 17px;
    font-weight: 800;
}

.study-field-info-page .info-field-fit__grid h3 i,
.study-field-info-page .info-field-fit__grid h3 svg {
    width: 27px;
    height: 27px;
    color: #207866;
    font-size: 25px;
}

.study-field-info-page .info-field-fit__grid ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.study-field-info-page .info-field-fit__grid li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    color: #4d5e58;
    font-size: 14px;
    line-height: 1.4;
}

.study-field-info-page .info-field-fit__grid li > i,
.study-field-info-page .info-field-fit__grid li > svg {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    color: #20806c;
    font-size: 14px;
}

.study-field-info-page .info-field-costs {
    padding: 60px 0 70px;
    background: #f8faf8;
}

.study-field-info-page .info-field-costs__heading {
    margin-bottom: 20px;
}

.study-field-info-page .info-field-costs__heading .info-page-kicker {
    margin-bottom: 4px;
}

.study-field-info-page .info-field-costs__heading h2 {
    margin: 0 0 7px;
    color: #111b18;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 3.2vw, 49px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.study-field-info-page .info-field-costs__heading > p:last-child {
    max-width: 950px;
    margin: 0;
    color: #64716c;
    font-size: 16px;
    line-height: 1.5;
}

.study-field-info-page .info-field-costs__coverage {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 28px;
    padding: 16px 18px;
    border: 1px solid #cce6dc;
    border-radius: 8px;
    background: #edf8f3;
    color: #25483f;
}

.study-field-info-page .info-field-costs__coverage > i,
.study-field-info-page .info-field-costs__coverage > svg {
    width: 26px;
    height: 26px;
    color: #14715f;
    font-size: 24px;
}

.study-field-info-page .info-field-costs__coverage strong,
.study-field-info-page .info-field-costs__coverage span {
    display: block;
}

.study-field-info-page .info-field-costs__coverage strong {
    font-size: 15px;
}

.study-field-info-page .info-field-costs__coverage span {
    margin-top: 3px;
    color: #5f6f69;
    font-size: 13px;
}

.study-field-info-page .info-field-costs__group-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 13px;
}

.study-field-info-page .info-field-costs__group-heading span {
    color: #1d7665;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.study-field-info-page .info-field-costs__group-heading h3 {
    margin: 2px 0 0;
    color: #263a34;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
}

.study-field-info-page .info-field-costs__group-heading > p {
    max-width: 590px;
    margin: 0;
    color: #6c7874;
    font-size: 12px;
    line-height: 1.4;
    text-align: right;
}

.study-field-info-page .info-field-costs__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.study-field-info-page .info-field-costs__grid article {
    min-height: 270px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #e0e6e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 46, 39, .04);
}

.study-field-info-page .info-field-costs__grid header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.study-field-info-page .info-field-costs__grid header strong,
.study-field-info-page .info-field-costs__grid header span {
    display: block;
}

.study-field-info-page .info-field-costs__grid header strong {
    color: #153d34;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1.05;
}

.study-field-info-page .info-field-costs__grid header span {
    margin-top: 5px;
    color: #697671;
    font-size: 11px;
}

.study-field-info-page .info-field-costs__grid header b {
    padding: 6px 9px;
    border-radius: 14px;
    background: #eaf7f2;
    color: #28705f;
    font-size: 10px;
    white-space: nowrap;
}

.study-field-info-page .info-field-costs__grid article > h3 {
    margin: 0 0 4px;
    color: #24352f;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.study-field-info-page .info-field-costs__grid article > p {
    margin: 0 0 12px;
    color: #64716c;
    font-size: 13px;
}

.study-field-info-page .info-field-costs__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}

.study-field-info-page .info-field-costs__tags span {
    padding: 5px 8px;
    border-radius: 5px;
    background: #f0f3f1;
    color: #52615c;
    font-size: 10px;
    font-weight: 700;
}

.study-field-info-page .info-field-costs__grid article > a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    color: #126b5b;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.study-field-info-page .info-field-costs__additional {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 18px;
    margin-top: 24px;
    padding: 22px 24px;
    border: 1px solid #dce5e1;
    border-radius: 9px;
    background: #fff;
}

.study-field-info-page .info-field-costs__additional > i,
.study-field-info-page .info-field-costs__additional > svg {
    width: 46px;
    height: 46px;
    padding: 11px;
    border-radius: 50%;
    background: #eaf7f2;
    color: #14715f;
    box-sizing: border-box;
    font-size: 24px;
}

.study-field-info-page .info-field-costs__additional h3 {
    margin: 0 0 5px;
    color: #263a34;
    font-family: inherit;
    font-size: 18px;
    font-weight: 800;
}

.study-field-info-page .info-field-costs__additional p {
    margin: 0;
    color: #64716c;
    font-size: 14px;
}

.study-field-info-page .info-field-costs__additional nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 13px;
}

.study-field-info-page .info-field-costs__additional nav a {
    color: #146b5b;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 1199px) {
    .study-field-info-page .info-field-hero__copy {
        width: 55%;
        padding-right: 30px;
        padding-left: 36px;
    }

    .study-field-info-page .info-field-hero__copy h1 {
        font-size: 52px;
    }

    .study-field-info-page .info-field-hero__copy > p:not(.info-page-kicker) {
        font-size: 16px;
    }

    .study-field-info-page .info-field-hero__facts {
        width: 250px;
        right: 24px;
    }

    .study-field-info-page .info-field-glance__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .study-field-info-page .info-field-locations__layout {
        grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    }

    .study-field-info-page .info-field-locations .info-field-map {
        height: 610px;
    }

    .study-field-info-page .info-field-deadlines__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-field-costs__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .study-field-info-page .info-field-hero__shell {
        min-height: 0;
        overflow: visible;
    }

    .study-field-info-page .info-field-hero__media {
        height: 330px;
        position: relative;
        inset: auto;
    }

    .study-field-info-page .info-field-hero__media::after {
        background: linear-gradient(0deg, #fbfaf6 0%, rgba(251, 250, 246, 0) 45%);
    }

    .study-field-info-page .info-field-hero__copy {
        width: auto;
        padding: 34px 34px 30px;
    }

    .study-field-info-page .info-field-hero__facts {
        width: auto;
        position: relative;
        top: auto;
        right: auto;
        display: block;
        margin: 0 28px 28px;
    }

    .study-field-info-page .info-field-hero__facts h2 br {
        display: none;
    }

    .study-field-info-page .info-field-hero__facts dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-field-hero__nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-right: 14px;
        margin-left: 14px;
    }

    .study-field-info-page .info-field-hero__nav a {
        min-height: 88px;
    }

    .study-field-info-page .info-field-hero__nav a:nth-child(4)::before {
        display: none;
    }

    .study-field-info-page .info-field-glance {
        padding-top: 44px;
    }

    .study-field-info-page .info-field-locations__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-locations .info-field-map {
        height: 400px;
    }

    .study-field-info-page .info-field-locations__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-field-start__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-start__grid article {
        min-height: 0;
    }

    .study-field-info-page .info-field-deadlines__heading {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-deadlines__illustration {
        display: none;
    }

    .study-field-info-page .info-field-deadlines__toolbar .info-field-deadlines__sort {
        margin-left: 0;
    }

    .study-field-info-page .info-field-fit__heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .study-field-info-page .info-field-fit__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-fit__grid article {
        min-height: 0;
    }

    .study-field-info-page .info-field-costs__group-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .study-field-info-page .info-field-costs__group-heading > p {
        text-align: left;
    }
}

@media (max-width: 600px) {
    .study-field-info-page .info-field-hero {
        padding-top: 10px;
        padding-bottom: 34px;
    }

    .study-field-info-page .info-field-hero__media {
        height: 220px;
    }

    .study-field-info-page .info-field-hero__copy {
        padding: 24px 20px 26px;
    }

    .study-field-info-page .info-field-hero__copy h1 {
        margin-bottom: 16px;
        font-size: 38px;
        line-height: 1.04;
    }

    .study-field-info-page .info-field-hero__copy > p:not(.info-page-kicker) {
        font-size: 15px;
    }

    .study-field-info-page .info-field-hero__actions {
        display: grid;
        margin-top: 22px;
    }

    .study-field-info-page .info-field-hero__actions a {
        min-height: 52px;
        padding: 0 18px;
    }

    .study-field-info-page .info-field-hero__facts {
        margin: 0 14px 20px;
        padding: 20px 14px 14px;
    }

    .study-field-info-page .info-field-hero__facts dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-hero__facts dl > div {
        min-height: 56px;
    }

    .study-field-info-page .info-field-hero__nav {
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: -12px;
    }

    .study-field-info-page .info-field-hero__nav a:nth-child(3)::before,
    .study-field-info-page .info-field-hero__nav a:nth-child(5)::before {
        display: none;
    }

    .study-field-info-page .info-field-glance {
        padding: 36px 0 42px;
    }

    .study-field-info-page .info-field-glance__heading h2 {
        font-size: 34px;
    }

    .study-field-info-page .info-field-glance__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-glance__grid article {
        min-height: 0;
    }

    .study-field-info-page .info-field-locations {
        padding: 38px 0 44px;
    }

    .study-field-info-page .info-field-locations__heading h2 {
        font-size: 34px;
    }

    .study-field-info-page .info-field-locations .info-field-map {
        height: 330px;
    }

    .study-field-info-page .info-field-map__city-label {
        display: none;
    }

    .study-field-info-page .info-field-map__legend {
        min-width: 105px;
        gap: 5px;
        padding: 10px;
    }

    .study-field-info-page .info-field-locations__featured {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-locations__featured img {
        height: 180px;
    }

    .study-field-info-page .info-field-locations__top-universities ol {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-locations__popular-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .study-field-info-page .info-field-locations__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-start {
        padding: 38px 0 44px;
    }

    .study-field-info-page .info-field-start__heading h2 {
        font-size: 34px;
    }

    .study-field-info-page .info-field-start__grid article {
        padding: 20px 16px 14px;
    }

    .study-field-info-page .info-field-deadlines {
        padding: 40px 0 46px;
    }

    .study-field-info-page .info-field-deadlines__heading h2 {
        font-size: 34px;
    }

    .study-field-info-page .info-field-deadlines__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-deadlines__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .study-field-info-page .info-field-deadlines__toolbar > span {
        justify-content: center;
    }

    .study-field-info-page .info-field-deadlines__grid header {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .study-field-info-page .info-field-deadlines__grid header > span {
        grid-column: 2;
        justify-self: start;
    }

    .study-field-info-page .info-field-deadlines__badge {
        margin-left: 50px;
    }

    .study-field-info-page .info-field-fit {
        padding: 38px 0 44px;
    }

    .study-field-info-page .info-field-fit__heading h2 {
        font-size: 34px;
    }

    .study-field-info-page .info-field-fit__grid article {
        padding: 20px 18px;
    }

    .study-field-info-page .info-field-costs {
        padding: 38px 0 46px;
    }

    .study-field-info-page .info-field-costs__heading h2 {
        font-size: 34px;
    }

    .study-field-info-page .info-field-costs__coverage {
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 14px;
    }

    .study-field-info-page .info-field-costs__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-costs__grid article {
        min-height: 0;
    }

    .study-field-info-page .info-field-costs__additional {
        grid-template-columns: minmax(0, 1fr);
        padding: 19px;
    }

    .study-field-info-page .info-field-costs__additional nav {
        align-items: flex-start;
        flex-direction: column;
    }
}

.study-field-info-page .info-city-hero {
    --city-bg: #fbfaf6;
    --city-surface: #fff;
    --city-mint: #eaf7f1;
    --city-mint-soft: #f3faf6;
    --city-green: #006b57;
    --city-green-dark: #004f41;
    --city-text: #102019;
    --city-muted: #66736d;
    --city-border: #dde6e1;
    padding: 22px 0 0;
    background: var(--city-bg);
}

.study-field-info-page .info-city-hero > .container,
.study-field-info-page .info-city-offers > .container {
    width: calc(100% - 40px);
    max-width: 1440px;
}

.study-field-info-page .info-city-hero__shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
    overflow: hidden;
    border: 1px solid #d8ece4;
    border-radius: 10px;
    background: #e8f8f1;
    box-shadow: 0 12px 32px rgba(19, 46, 39, .07);
}

.study-field-info-page .info-city-hero__copy {
    align-self: center;
    padding: 48px 52px 44px;
}

.study-field-info-page .info-city-hero__copy .info-page-kicker {
    margin-bottom: 12px;
}

.study-field-info-page .info-city-hero__copy h1 {
    max-width: 820px;
    margin: 0;
    color: #14231e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 4.1vw, 67px);
    font-weight: 500;
    letter-spacing: -.035em;
    line-height: .98;
}

.study-field-info-page .info-city-hero__copy .info-page-intro {
    max-width: 820px;
    margin: 24px 0 0;
    color: #40534d;
    font-size: 17px;
    line-height: 1.55;
}

.study-field-info-page .info-city-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.study-field-info-page .info-city-hero__actions a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.study-field-info-page .info-city-hero__primary {
    background: #176b5b;
    color: #fff;
}

.study-field-info-page .info-city-hero__primary:hover {
    background: #105848;
    color: #fff;
}

.study-field-info-page .info-city-hero__secondary {
    border: 1px solid #47786f;
    background: rgba(255, 255, 255, .72);
    color: #244e46;
}

.study-field-info-page .info-city-hero__media {
    min-height: 410px;
    position: relative;
}

.study-field-info-page .info-city-hero__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(232, 248, 241, .18), rgba(232, 248, 241, 0) 36%);
    content: "";
}

.study-field-info-page .info-city-hero__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.study-field-info-page .info-city-hero__facts {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid #cfe5dc;
    background: rgba(255, 255, 255, .78);
}

.study-field-info-page .info-city-hero__facts > div {
    min-height: 90px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 18px 28px;
    border-left: 1px solid #d8e7e1;
}

.study-field-info-page .info-city-hero__facts > div:first-child {
    border-left: 0;
}

.study-field-info-page .info-city-hero__facts dt {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #53635d;
    font-size: 13px;
    font-weight: 700;
}

.study-field-info-page .info-city-hero__facts dt i,
.study-field-info-page .info-city-hero__facts dt svg {
    color: #18806c;
    font-size: 17px;
}

.study-field-info-page .info-city-hero__facts dd {
    margin: 0;
    color: #17352d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 33px;
    line-height: 1;
}

.study-field-info-page .info-city-hero__nav {
    min-height: 84px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0 18px;
    overflow: hidden;
    border: 1px solid #dfe7e3;
    border-top: 0;
    border-radius: 0 0 9px 9px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(19, 46, 39, .05);
}

.study-field-info-page .info-city-hero__nav a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #3f514b;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.study-field-info-page .info-city-hero__nav a::before {
    width: 1px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #e3e9e6;
    content: "";
    transform: translateY(-50%);
}

.study-field-info-page .info-city-hero__nav a:first-child::before {
    display: none;
}

.study-field-info-page .info-city-hero__nav a:hover,
.study-field-info-page .info-city-hero__nav a.is-active {
    background: #f1faf6;
    color: #166553;
}

.study-field-info-page .info-city-hero__nav i,
.study-field-info-page .info-city-hero__nav svg {
    color: #24816e;
    font-size: 15px;
}

.study-field-info-page .info-city-hero__shell {
    grid-template-columns: minmax(0, 1fr) 360px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.study-field-info-page .info-city-hero__copy {
    padding: 28px 40px 32px 0;
}

.study-field-info-page .info-city-hero__copy h1 {
    max-width: 760px;
    font-size: clamp(42px, 4vw, 62px);
    line-height: .98;
}

.study-field-info-page .info-city-hero__copy .info-page-intro {
    max-width: 760px;
    margin-top: 17px;
    font-size: 15px;
    line-height: 1.5;
}

.study-field-info-page .info-city-hero__location {
    align-self: center;
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 23px 25px;
    border-radius: 8px;
    background: #f1f8f3;
}

.study-field-info-page .info-city-hero__location > i,
.study-field-info-page .info-city-hero__location > svg {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    padding: 19px;
    border-radius: 50%;
    background: #e2f3d6;
    color: #173b31;
    font-size: 23px;
}

.study-field-info-page .info-city-hero__location strong,
.study-field-info-page .info-city-hero__location span {
    display: block;
}

.study-field-info-page .info-city-hero__location strong {
    margin-bottom: 5px;
    color: #182820;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.study-field-info-page .info-city-hero__location span {
    color: #52625c;
    font-size: 14px;
    line-height: 1.45;
}

.study-field-info-page .info-city-hero__facts {
    min-height: 92px;
    border-top: 1px solid #dfe6e2;
    border-bottom: 1px solid #dfe6e2;
    background: transparent;
}

.study-field-info-page .info-city-hero__facts > div {
    min-height: 92px;
    grid-template-columns: 38px minmax(0, 1fr);
    justify-content: start;
    padding: 18px 28px;
    border-color: #dfe6e2;
}

.study-field-info-page .info-city-hero__facts dt {
    display: block;
}

.study-field-info-page .info-city-hero__facts dt i,
.study-field-info-page .info-city-hero__facts dt svg {
    color: #173b31;
    font-size: 23px;
}

.study-field-info-page .info-city-hero__facts dd {
    font-family: inherit;
    font-size: inherit;
    line-height: 1.3;
}

.study-field-info-page .info-city-hero__facts dd strong,
.study-field-info-page .info-city-hero__facts dd span {
    display: block;
}

.study-field-info-page .info-city-hero__facts dd strong {
    color: #1e312a;
    font-size: 14px;
}

.study-field-info-page .info-city-hero__facts dd span {
    margin-top: 3px;
    color: #69756f;
    font-size: 11px;
}

.study-field-info-page .info-city-offers {
    --city-bg: #fbfaf6;
    --city-surface: #fff;
    --city-mint: #eaf7f1;
    --city-mint-soft: #f3faf6;
    --city-green: #006b57;
    --city-green-dark: #004f41;
    --city-text: #102019;
    --city-muted: #66736d;
    --city-border: #dde6e1;
    padding: 26px 0 72px;
    background: var(--city-bg);
}

.study-field-info-page .info-city-offers__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 36px;
    margin: 22px 0 18px;
}

.study-field-info-page .info-city-offers__heading h2 {
    max-width: 900px;
    margin: 0;
    color: #17251f;
    font-family: inherit;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
}

.study-field-info-page .info-city-offers__heading p:last-child {
    max-width: 780px;
    margin: 16px 0 0;
    color: #596761;
    font-size: 16px;
    line-height: 1.55;
}

.study-field-info-page .info-city-offers__views {
    display: inline-flex;
    gap: 7px;
}

.study-field-info-page .info-city-offers__views button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #d8e3de;
    border-radius: 6px;
    background: #fff;
    color: #63706b;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
}

.study-field-info-page .info-city-offers__views button.is-active {
    border-color: #9fcfbe;
    background: #eaf8f3;
    color: #176b5b;
}

.study-field-info-page .info-city-offers__toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
}

.study-field-info-page .info-city-offers__toolbar > label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--city-muted);
    font-size: 12px;
}

.study-field-info-page .info-city-offers__toolbar select {
    min-height: 38px;
    padding: 0 28px 0 10px;
    border: 1px solid var(--city-border);
    border-radius: 6px;
    background: #fff;
    color: var(--city-text);
    font-family: inherit;
    font-size: 12px;
}

.study-field-info-page .info-city-offers__filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 9px;
    padding: 17px;
    border-radius: 12px;
    background: var(--city-mint);
}

.study-field-info-page .info-city-offers__filters label {
    min-width: 0;
    position: relative;
    display: block;
    padding: 7px 12px 8px;
    border: 1px solid #dce6df;
    border-radius: 10px;
    background: #fff;
}

.study-field-info-page .info-city-offers__filters label > span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6c7873;
    font-size: 10px;
}

.study-field-info-page .info-city-offers__filters label > span i,
.study-field-info-page .info-city-offers__filters label > span svg {
    color: var(--city-green);
    font-size: 11px;
}

.study-field-info-page .info-city-offers__filters select {
    width: 100%;
    height: 23px;
    padding: 0 18px 0 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #293c35;
    font-family: inherit;
    font-size: 12px;
}

.study-field-info-page .info-city-offers__filters > button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    border: 0;
    border-radius: 6px;
    background: #176b5b;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
}

.study-field-info-page .info-city-offers__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 24px;
}

.study-field-info-page .info-city-offers__grid:not(.is-expanded) .is-collapsible {
    display: none;
}

.study-field-info-page .info-city-offers__grid article[hidden],
.study-field-info-page .info-city-offers__more[hidden],
.study-field-info-page .info-city-offers__pagination[hidden],
.study-field-info-page .info-city-offers__empty[hidden] {
    display: none !important;
}

.study-field-info-page .info-city-offers__grid article {
    height: 100%;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    padding: 26px;
    border: 1px solid #dce7e2;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(19, 46, 39, .035);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.study-field-info-page .info-city-offers__grid article header {
    position: relative;
    padding: 0 42px 0 0;
    background: transparent;
}

.study-field-info-page .info-city-offers__grid article:hover {
    border-color: #9ed4c3;
    box-shadow: 0 6px 16px rgba(20, 85, 70, .065);
    transform: translateY(-2px);
}

.study-field-info-page .info-city-offers__grid header > span:not(.bookmark) {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #176b5b;
    font-size: 11px;
    font-weight: 800;
}

.study-field-info-page .info-city-offers__grid header > span:not(.bookmark) img {
    width: 56px;
    height: 42px;
    flex: 0 0 56px;
    display: block;
    object-fit: contain;
    object-position: left center;
}

.study-field-info-page .info-city-offers__grid header > span:not(.bookmark) b {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.25;
}

.study-field-info-page .info-city-offers__bookmark {
    width: 36px;
    height: 36px;
    position: absolute;
    top: -4px;
    right: 0;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    color: #1d3039;
    cursor: pointer;
    font-size: 24px;
}

.study-field-info-page .info-city-offers__bookmark:hover {
    background: #f1f7f4;
    color: #176b5b;
}

.study-field-info-page .info-city-offers__grid h3 {
    min-width: 0;
    margin: 0;
    color: #1b3029;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
}

.study-field-info-page .info-city-offers__grid h3 a {
    color: inherit;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.study-field-info-page .info-city-offers__grid h3 a:hover {
    color: #176b5b;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.study-field-info-page .info-city-offers__grid header small {
    display: block;
    margin-top: 4px;
    color: #71807a;
    font-size: 14px;
}

.study-field-info-page .info-city-offers__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 13px;
}

.study-field-info-page .info-city-offers__badges span {
    padding: 7px 12px;
    border-radius: 999px;
    background: #e8f8f1;
    color: #347162;
    font-size: 11px;
}

.study-field-info-page .info-city-offers__badges span:nth-child(n + 2) {
    background: #e4f5f4;
}

.study-field-info-page .info-city-offers__grid dl {
    margin: 20px 0;
}

.study-field-info-page .info-city-offers__grid dl > div {
    display: block;
    padding: 8px 0;
    border-top: 1px solid var(--city-border);
    border-bottom: 1px solid var(--city-border);
    padding-bottom: 15px;
}

.study-field-info-page .info-city-offers__grid dt {
    color: #71807a;
    font-size: 10px;
    font-weight: 500;
}

.study-field-info-page .info-city-offers__grid dd {
    min-width: 0;
    margin: 0;
    color: #33463f;
    font-size: 13px;
    line-height: 1.35;
}

.study-field-info-page .info-city-offers__grid dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 13px;
    padding-top: 15px;
    border-top: 0;
}

.study-field-info-page .info-city-offers__grid dt {
    display: flex;
    align-items: center;
    gap: 7px;
}

.study-field-info-page .info-city-offers__grid dt i,
.study-field-info-page .info-city-offers__grid dt svg {
    color: #1e343d;
    font-size: 16px;
}

.study-field-info-page .info-city-offers__grid.is-list {
    grid-template-columns: minmax(0, 1fr);
}

.study-field-info-page .info-city-offers__grid.is-list article {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(220px, .9fr) minmax(280px, 1.1fr) 210px;
    gap: 22px;
    align-items: center;
}

.study-field-info-page .info-city-offers__grid.is-list .info-city-offers__badges {
    display: none;
}

.study-field-info-page .info-city-offers__grid.is-list dl {
    margin: 0;
}

.study-field-info-page .info-city-offers__grid.is-list article > a {
    margin-top: 0;
}

.study-field-info-page .info-city-offers__pagination {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid var(--city-border);
}

.study-field-info-page .info-city-offers__pagination p {
    margin: 0;
    color: var(--city-muted);
    font-size: 13px;
}

.study-field-info-page .info-city-offers__pagination p span:first-child,
.study-field-info-page .info-city-offers__pagination p span:nth-child(2) {
    color: var(--city-text);
    font-weight: 800;
}

.study-field-info-page .info-city-offers__pagination > div {
    display: flex;
    gap: 6px;
}

.study-field-info-page .info-city-offers__pagination > div button {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid var(--city-border);
    border-radius: 6px;
    background: #fff;
    color: var(--city-muted);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
}

.study-field-info-page .info-city-offers__pagination > div button.is-active {
    border-color: var(--city-green);
    background: var(--city-green);
    color: #fff;
}

.study-field-info-page .info-city-offers__pagination > label {
    justify-self: end;
    color: var(--city-muted);
    font-size: 12px;
}

.study-field-info-page .info-city-offers__pagination select {
    min-height: 36px;
    margin-left: 6px;
    padding: 0 26px 0 9px;
    border: 1px solid var(--city-border);
    border-radius: 6px;
    background: #fff;
    color: var(--city-text);
    font-family: inherit;
}

.study-field-info-page .info-city-offers__empty {
    margin-top: 24px;
    padding: 34px;
    border: 1px solid var(--city-border);
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

.study-field-info-page .info-city-offers__empty strong,
.study-field-info-page .info-city-offers__empty span {
    display: block;
}

.study-field-info-page .info-city-offers__empty span {
    margin-top: 5px;
    color: var(--city-muted);
}

.study-field-info-page .info-city-offers__grid article > a {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding: 8px 13px;
    border: 1px solid #9ecfc0;
    border-radius: 6px;
    background: #f1faf6;
    color: #176b5b;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.study-field-info-page .info-city-offers__more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid #cfe5dc;
    border-radius: 8px;
    background: #e8f8f1;
}

.study-field-info-page .info-city-offers__more p {
    margin: 0;
    color: #42564f;
}

.study-field-info-page .info-city-offers__more button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 11px 16px;
    border: 0;
    border-radius: 6px;
    background: #176b5b;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.study-field-info-page .info-city-offers__more button [data-city-offers-less] {
    display: none;
}

.study-field-info-page .info-city-offers__more button i,
.study-field-info-page .info-city-offers__more button svg {
    transition: transform .2s ease;
}

.study-field-info-page .info-city-offers__more button[aria-expanded="true"] [data-city-offers-more] {
    display: none;
}

.study-field-info-page .info-city-offers__more button[aria-expanded="true"] [data-city-offers-less] {
    display: inline;
}

.study-field-info-page .info-city-offers__more button[aria-expanded="true"] i,
.study-field-info-page .info-city-offers__more button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.study-field-info-page .info-city-content {
    padding: 48px 0 70px;
    background: #fbfaf6;
}

.study-field-info-page .info-city-content .artikeldetail {
    display: grid;
    gap: 18px;
}

.study-field-info-page .info-city-content .info-content-section {
    margin: 0;
    padding: 38px 42px;
    border: 1px solid #e1e8e4;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(19, 46, 39, .04);
}

.study-field-info-page .info-city-content .info-content-section > h2 {
    max-width: 1050px;
    color: #17251f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(31px, 3vw, 46px);
    font-weight: 500;
    letter-spacing: -.025em;
    line-height: 1.08;
}

.study-field-info-page .info-city-content .info-content-section > p {
    max-width: 1120px;
    color: #52615c;
    font-size: 16px;
    line-height: 1.62;
}

.study-field-info-page .info-city-content .info-orientation-grid > div,
.study-field-info-page .info-city-content .info-timing-card,
.study-field-info-page .info-city-content .info-deadline-box,
.study-field-info-page .info-city-content .info-program-grid article,
.study-field-info-page .info-city-content .info-university-grid a,
.study-field-info-page .info-city-content .info-cost-grid article {
    border-color: #dfe9e5;
    background: #f7fbf9;
}

.study-field-info-page .info-city-content .info-program-grid article,
.study-field-info-page .info-city-content .info-university-grid a {
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.study-field-info-page .info-city-content .info-program-grid article:hover,
.study-field-info-page .info-city-content .info-university-grid a:hover {
    border-color: #9ed4c3;
    box-shadow: 0 9px 22px rgba(20, 85, 70, .09);
    transform: translateY(-2px);
}

.study-field-info-page .info-city-content .info-program-grid header > span,
.study-field-info-page .info-city-content .info-program-grid article > a,
.study-field-info-page .info-city-content .info-deadline-list a {
    color: #176b5b;
}

.study-field-info-page .info-city-content .info-topic-list li::before {
    color: #18806c;
}

.study-field-info-page .info-city-content .info-chip-list li,
.study-field-info-page .info-city-content .info-career-grid li {
    background: #e8f8f1;
    color: #244e46;
}

.study-field-info-page .info-city-content .info-field-map {
    height: 480px;
    border-color: #d9e4df;
    box-shadow: 0 8px 24px rgba(19, 46, 39, .06);
}

.study-field-info-page .info-city-content .info-editorial-section {
    padding: 46px 48px;
    border-color: #cfe8de;
    background: #e8f8f1;
}

.study-field-info-page .info-city-content .info-editorial-section .info-lead-copy {
    max-width: 1060px;
    color: #354b44;
}

.study-field-info-page .info-city-content .info-orientation-grid {
    gap: 14px;
    margin-top: 26px;
}

.study-field-info-page .info-city-content .info-orientation-grid > div {
    position: relative;
    padding: 24px 22px 22px;
    border: 1px solid #d2e7df;
    border-radius: 9px;
    background: rgba(255, 255, 255, .82);
}

.study-field-info-page .info-city-content .info-orientation-grid > div > i,
.study-field-info-page .info-city-content .info-orientation-grid > div > svg {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    padding: 10px;
    border-radius: 50%;
    background: #daf1e8;
    color: #176b5b;
    font-size: 17px;
}

.study-field-info-page .info-city-content .info-orientation-grid h3 {
    color: #1d352e;
    font-size: 19px;
}

.study-field-info-page .info-city-content .info-orientation-grid p {
    color: #52635d;
    line-height: 1.55;
}

.study-field-info-page .info-city-content .info-map-section {
    display: grid;
    grid-template-columns: minmax(240px, .34fr) minmax(0, .66fr);
    gap: 12px 34px;
    align-items: start;
}

.study-field-info-page .info-city-content .info-map-section .info-page-kicker,
.study-field-info-page .info-city-content .info-map-section > h2,
.study-field-info-page .info-city-content .info-map-section > p,
.study-field-info-page .info-city-content .info-map-section > .info-data-note {
    grid-column: 1;
}

.study-field-info-page .info-city-content .info-map-section .info-field-map,
.study-field-info-page .info-city-content .info-map-section .info-map-data {
    grid-column: 2;
}

.study-field-info-page .info-city-content .info-map-section .info-page-kicker {
    margin-top: 18px;
}

.study-field-info-page .info-city-content .info-map-section > h2 {
    font-size: clamp(31px, 2.7vw, 43px);
}

.study-field-info-page .info-city-content .info-map-section .info-field-map {
    grid-row: 1 / span 5;
    margin-top: 0;
}

.study-field-info-page .info-city-content .info-map-section > .info-data-note {
    align-self: end;
    margin: 4px 0 18px;
    padding: 13px 15px;
    border-radius: 7px;
    background: #f1f6f3;
}

.study-field-info-page .info-city-content .info-timing-section {
    padding: 44px 46px;
    border-color: #d9e7e1;
    background: #f3f8f5;
}

.study-field-info-page .info-city-content .info-timing-grid {
    gap: 13px;
    margin-top: 27px;
}

.study-field-info-page .info-city-content .info-timing-card {
    padding: 22px 20px;
    border: 1px solid #dce8e3;
    border-radius: 9px;
    background: #fff;
}

.study-field-info-page .info-city-content .info-timing-card h3 {
    color: #1d352e;
    font-size: 18px;
}

.study-field-info-page .info-city-content .info-timing-card li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px 0;
    color: #596761;
}

.study-field-info-page .info-city-content .info-timing-card li span {
    min-width: 0;
    line-height: 1.35;
}

.study-field-info-page .info-city-content .info-timing-card li strong {
    justify-self: end;
    padding: 4px 8px;
    border-radius: 999px;
    background: #e8f8f1;
    color: #176b5b;
    font-size: 12px;
}

.study-field-info-page .info-city-content .info-deadline-box {
    margin-top: 14px;
    padding: 25px;
    border: 1px solid #cfe3da;
    border-radius: 9px;
    background: #e8f8f1;
}

.study-field-info-page .info-city-content .info-deadline-list > div {
    border: 1px solid #dce8e3;
    border-left: 4px solid #18806c;
    border-radius: 6px;
    background: #fff;
}

.study-field-info-page .info-city-content .info-finance-section {
    position: relative;
    overflow: hidden;
    padding: 44px 46px;
    border-color: #e8dfcb;
    background: #faf7ef;
}

.study-field-info-page .info-city-content .info-finance-section::after {
    width: 220px;
    height: 220px;
    position: absolute;
    right: -85px;
    bottom: -105px;
    border-radius: 50%;
    background: #f0e7d4;
    content: "";
}

.study-field-info-page .info-city-content .info-finance-section > * {
    position: relative;
    z-index: 1;
}

.study-field-info-page .info-city-content .info-finance-copy {
    max-width: none;
    margin: 24px 0;
    padding: 18px 20px 18px 58px;
    border: 1px solid #e5dac2;
    border-radius: 8px;
    background: rgba(255, 255, 255, .74);
}

.study-field-info-page .info-city-content .info-finance-copy::before {
    position: absolute;
    left: 21px;
    color: #9a7440;
    content: "\f555";
    font-family: "Font Awesome 6 Free";
    font-size: 22px;
    font-weight: 900;
}

.study-field-info-page .info-city-content .info-cost-grid article {
    border: 1px solid #e6dac2;
    border-left: 4px solid #a67a3c;
    border-radius: 8px;
    background: #fff;
}

.study-field-info-page .info-city-content .info-city-program-section {
    padding: 46px 48px;
}

.study-field-info-page .info-city-content .info-program-grid {
    gap: 14px;
    margin-top: 26px;
}

.study-field-info-page .info-city-content .info-program-grid article {
    min-height: 355px;
    padding: 22px;
    border: 1px solid #dfe8e4;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(19, 46, 39, .035);
}

.study-field-info-page .info-city-content .info-program-grid header > span {
    width: fit-content;
    margin-bottom: 10px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #e8f8f1;
    color: #176b5b;
    font-size: 11px;
}

.study-field-info-page .info-city-content .info-program-grid h3 {
    color: #1a2d27;
    font-size: 20px;
    line-height: 1.25;
}

.study-field-info-page .info-city-content .info-program-grid dl > div {
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 14px;
    padding: 7px 0;
    border-color: #e8eeeb;
}

.study-field-info-page .info-city-content .info-program-grid dt {
    font-size: 13px;
    line-height: 1.35;
}

.study-field-info-page .info-city-content .info-program-grid dd {
    min-width: 0;
    line-height: 1.35;
}

.study-field-info-page .info-city-content .info-program-grid article > a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 8px 13px;
    border: 1px solid #9ecfc0;
    border-radius: 6px;
    background: #f1faf6;
    text-align: center;
    text-decoration: none;
}

.study-field-info-page .info-city-content .info-universities-section {
    padding: 44px 46px;
    border-color: #cfe5dc;
    background: #edf8f4;
}

.study-field-info-page .info-city-content .info-university-grid {
    gap: 13px;
    margin-top: 25px;
}

.study-field-info-page .info-city-content .info-university-grid a {
    min-height: 105px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 52px 20px 20px;
    border: 1px solid #d4e7df;
    border-radius: 8px;
    background: #fff;
}

.study-field-info-page .info-city-content .info-university-grid a::after {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #2a7465;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 900;
    transform: translateY(-50%);
}

.study-field-info-page .info-city-content .info-university-grid strong {
    color: #20362f;
    font-size: 17px;
}

.study-field-info-page .info-city-content .info-choice-section {
    padding: 46px 48px;
}

.study-field-info-page .info-city-content .info-choice-section .info-detail-columns {
    gap: 12px;
    margin-top: 26px;
}

.study-field-info-page .info-city-content .info-choice-section .info-detail-columns > div {
    min-height: 145px;
    padding: 20px;
    border: 1px solid #dfe8e4;
    border-radius: 8px;
    background: #f7faf8;
}

.study-field-info-page .info-city-content .info-choice-section .info-detail-columns h3 {
    margin: 0 0 14px;
    color: #1f382f;
    font-size: 17px;
}

.study-field-info-page .info-city-content .info-choice-section .info-chip-list {
    gap: 7px;
}

.study-field-info-page .info-city-content .info-choice-section .info-chip-list li {
    padding: 6px 10px;
    border: 1px solid #cce4db;
    background: #e8f8f1;
    font-size: 12px;
}

.study-field-info-page .info-city-content .info-faq-section {
    padding: 46px 48px;
    border-color: #d4e6df;
    background: #f3f8f5;
}

.study-field-info-page .info-city-content .info-faq-list {
    display: grid;
    gap: 8px;
    margin-top: 25px;
}

.study-field-info-page .info-city-content .info-faq-list details {
    padding: 0;
    border: 1px solid #dce7e2;
    border-radius: 7px;
    background: #fff;
}

.study-field-info-page .info-city-content .info-faq-list summary {
    position: relative;
    padding: 17px 48px 17px 18px;
    color: #263d35;
    list-style: none;
}

.study-field-info-page .info-city-content .info-faq-list summary::-webkit-details-marker {
    display: none;
}

.study-field-info-page .info-city-content .info-faq-list summary::after {
    position: absolute;
    top: 50%;
    right: 18px;
    color: #247261;
    content: "+";
    font-size: 22px;
    transform: translateY(-50%);
}

.study-field-info-page .info-city-content .info-faq-list details[open] summary::after {
    content: "−";
}

.study-field-info-page .info-city-content .info-faq-list details p {
    margin: 0;
    padding: 0 18px 18px;
    color: #586760;
    line-height: 1.6;
}

.study-field-info-page .info-city-content .info-related-section {
    padding: 42px 46px;
    border-color: #173b31;
    background: #173b31;
}

.study-field-info-page .info-city-content .info-related-section > h2,
.study-field-info-page .info-city-content .info-related-section > p {
    color: #fff;
}

.study-field-info-page .info-city-content .info-related-grid {
    gap: 12px;
    margin-top: 24px;
}

.study-field-info-page .info-city-content .info-related-grid a {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.study-field-info-page .info-city-content .info-related-grid a:hover {
    border-color: rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .13);
}

.study-field-info-page .info-city-content .info-related-grid span {
    color: #bcd8ce;
}

@media (max-width: 991px) {
    .study-field-info-page .info-city-hero__shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-city-hero__location {
        grid-row: 2;
        margin-bottom: 24px;
    }

    .study-field-info-page .info-city-hero__media {
        min-height: 310px;
        grid-row: 1;
    }

    .study-field-info-page .info-city-hero__copy {
        grid-row: 1;
        padding: 34px;
    }

    .study-field-info-page .info-city-hero__facts {
        grid-row: 3;
    }

    .study-field-info-page .info-city-hero__nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .study-field-info-page .info-city-hero__nav a {
        min-height: 72px;
    }

    .study-field-info-page .info-city-hero__nav a:nth-child(4)::before {
        display: none;
    }

    .study-field-info-page .info-city-offers__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-city-offers__filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-city-offers__filters > button {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .study-field-info-page .info-city-offers__grid.is-list article {
        grid-template-columns: minmax(190px, .8fr) minmax(250px, 1.2fr);
    }

    .study-field-info-page .info-city-offers__grid.is-list article > a {
        grid-column: 1 / -1;
    }

    .study-field-info-page .info-city-offers__toolbar {
        align-items: flex-end;
        flex-direction: column;
    }

    .study-field-info-page .info-city-offers__pagination {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .study-field-info-page .info-city-offers__pagination > div {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-content: center;
    }

    .study-field-info-page .info-city-content .info-map-section {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-city-content .info-map-section .info-page-kicker,
    .study-field-info-page .info-city-content .info-map-section > h2,
    .study-field-info-page .info-city-content .info-map-section > p,
    .study-field-info-page .info-city-content .info-map-section > .info-data-note,
    .study-field-info-page .info-city-content .info-map-section .info-field-map,
    .study-field-info-page .info-city-content .info-map-section .info-map-data {
        grid-column: 1;
    }

    .study-field-info-page .info-city-content .info-map-section .info-field-map {
        grid-row: auto;
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .study-field-info-page .info-city-hero {
        padding-top: 10px;
    }

    .study-field-info-page .info-city-hero__media {
        min-height: 225px;
    }

    .study-field-info-page .info-city-hero__copy {
        padding: 26px 20px 28px;
    }

    .study-field-info-page .info-city-hero__location {
        grid-template-columns: 52px minmax(0, 1fr);
        margin: 0 12px 20px;
        padding: 18px;
    }

    .study-field-info-page .info-city-hero__location > i,
    .study-field-info-page .info-city-hero__location > svg {
        width: 52px;
        height: 52px;
        padding: 16px;
    }

    .study-field-info-page .info-city-hero__copy h1 {
        font-size: 39px;
    }

    .study-field-info-page .info-city-hero__copy .info-page-intro {
        margin-top: 17px;
        font-size: 15px;
    }

    .study-field-info-page .info-city-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .study-field-info-page .info-city-hero__facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-city-hero__facts > div {
        min-height: 68px;
        padding: 13px 18px;
        border-top: 1px solid #d8e7e1;
        border-left: 0;
    }

    .study-field-info-page .info-city-hero__facts > div:first-child {
        border-top: 0;
    }

    .study-field-info-page .info-city-hero__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 8px;
    }

    .study-field-info-page .info-city-hero__nav a:nth-child(3)::before,
    .study-field-info-page .info-city-hero__nav a:nth-child(5)::before {
        display: none;
    }

    .study-field-info-page .info-city-offers {
        padding: 38px 0 48px;
    }

    .study-field-info-page .info-city-offers__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .study-field-info-page .info-city-offers__heading h2 {
        font-size: 21px;
    }

    .study-field-info-page .info-city-offers__toolbar {
        width: 100%;
        align-items: stretch;
    }

    .study-field-info-page .info-city-offers__toolbar > label {
        justify-content: space-between;
    }

    .study-field-info-page .info-city-offers__views {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-city-offers__views button {
        justify-content: center;
    }

    .study-field-info-page .info-city-offers__filters {
        grid-template-columns: minmax(0, 1fr);
        padding: 12px;
    }

    .study-field-info-page .info-city-offers__filters > button {
        grid-column: auto;
    }

    .study-field-info-page .info-city-offers__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-city-offers__grid article {
        min-height: 0;
    }

    .study-field-info-page .info-city-offers__grid.is-list article {
        display: flex;
    }

    .study-field-info-page .info-city-offers__pagination {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .study-field-info-page .info-city-offers__pagination > div,
    .study-field-info-page .info-city-offers__pagination > label,
    .study-field-info-page .info-city-offers__pagination > p {
        grid-column: 1;
        justify-self: center;
    }

    .study-field-info-page .info-city-offers__pagination > div {
        grid-row: auto;
        flex-wrap: wrap;
    }

    .study-field-info-page .info-city-offers__more {
        align-items: stretch;
        flex-direction: column;
    }

    .study-field-info-page .info-city-offers__more button {
        justify-content: center;
    }

    .study-field-info-page .info-city-content {
        padding: 28px 0 44px;
    }

    .study-field-info-page .info-city-content .info-content-section {
        padding: 25px 18px;
    }

    .study-field-info-page .info-city-content .info-content-section > h2 {
        font-size: 31px;
    }

    .study-field-info-page .info-city-content .info-program-grid dl > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 3px;
    }

    .study-field-info-page .info-city-content .info-field-map {
        height: 360px;
    }
}

.study-field-info-page .info-page-kicker {
    color: #397367;
    font-size: .85em;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .75em;
    text-transform: uppercase;
}

.study-field-info-page .info-page-intro {
    font-size: 1.15em;
    line-height: 1.65;
    max-width: 900px;
}

.study-field-info-page .info-guide-nav {
    align-items: center;
    background: #f5f7f8;
    border: 1px solid #e0e5e8;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: .55em .9em;
    margin-bottom: 1.5em;
    padding: .85em 1em;
}

.study-field-info-page .info-guide-nav strong {
    color: #304500;
}

.study-field-info-page .info-guide-nav a {
    border-left: 1px solid #ccd3d7;
    padding-left: .9em;
}

.study-field-info-page .info-orientation-grid {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.15em;
}

.study-field-info-page .info-orientation-grid > div {
    background: #f8f9f9;
    border: 1px solid #e0e5e8;
    border-radius: 8px;
    padding: 1em 1.1em;
}

.study-field-info-page .info-orientation-grid h3 {
    margin: 0 0 .65em;
}

.study-field-info-page .info-decision-list {
    margin: 0;
    padding-left: 1.2em;
}

.study-field-info-page .info-decision-list li + li {
    margin-top: .55em;
}

.study-field-info-page .info-important-note {
    background: #fff8e5;
    border-left: 4px solid #e0a800;
    margin: 1em 0;
    padding: .9em 1em;
}

.study-field-info-page .info-important-note strong {
    display: block;
    margin-bottom: .25em;
}

.study-field-info-page .info-program-grid {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1em;
}

.study-field-info-page .info-program-grid article {
    border: 1px solid #d9dee2;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 1.1em;
}

.study-field-info-page .info-program-grid header > span {
    color: #5d7f0a;
    display: block;
    font-size: .85em;
    font-weight: 700;
    margin-bottom: .25em;
}

.study-field-info-page .info-program-grid h3 {
    font-size: 1.15em;
    margin: 0;
}

.study-field-info-page .info-program-grid dl {
    margin: .85em 0;
}

.study-field-info-page .info-program-grid dl > div {
    border-top: 1px solid #e0e5e8;
    display: grid;
    gap: .75em;
    grid-template-columns: 115px minmax(0, 1fr);
    padding: .45em 0;
}

.study-field-info-page .info-program-grid dt {
    color: #5d6368;
    font-weight: 400;
}

.study-field-info-page .info-program-grid dd {
    margin: 0;
}

.study-field-info-page .info-program-grid article > a {
    font-weight: 700;
    margin-top: auto;
}

.study-field-info-page .info-stat-grid {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 2em;
}

.study-field-info-page .info-stat-grid > div {
    background: #eef5dd;
    border-radius: 8px;
    padding: 1em 1.1em;
}

.study-field-info-page .info-stat-grid strong,
.study-field-info-page .info-stat-grid span {
    display: block;
}

.study-field-info-page .info-stat-grid strong {
    color: #304500;
    font-size: 2em;
    line-height: 1;
    margin-bottom: .35em;
}

.study-field-info-page .info-stat-grid span {
    color: #50565b;
}

.study-field-info-page .info-field-map {
    background: #eef1f2;
    border: 1px solid #d9dee2;
    border-radius: 8px;
    height: 440px;
    margin-top: 1em;
    overflow: hidden;
}

.study-field-info-page .leaflet-popup-content strong,
.study-field-info-page .leaflet-popup-content span,
.study-field-info-page .leaflet-popup-content a {
    display: block;
}

.study-field-info-page .leaflet-popup-content span {
    color: #5d6368;
    margin: .2em 0 .55em;
}

.study-field-info-page .leaflet-popup-content a {
    font-weight: 700;
}

.study-field-info-page .info-content-section {
    margin-bottom: 2em;
}

.study-field-info-page .info-content-section > h2,
.study-field-info-page .info-section-heading h2 {
    font-size: clamp(1.75rem, 2.2vw, 2.25rem);
    line-height: 1.15;
    margin-bottom: .45em;
    margin-top: 0;
}

.study-field-info-page .info-lead-copy {
    font-size: 1.1em;
    line-height: 1.75;
    max-width: 980px;
}

.study-field-info-page .info-long-form {
    max-width: 1050px;
}

.study-field-info-page .info-long-form .info-content-section {
    border-top: 1px solid #d9dee2;
    margin-bottom: 0;
    padding: 1.25em 0;
}

.study-field-info-page .info-long-form .info-content-section h2 {
    font-size: clamp(1.75rem, 2.2vw, 2.25rem);
    line-height: 1.15;
    margin: 0 0 .45em;
}

.study-field-info-page .info-long-form p {
    font-size: 1.02em;
    line-height: 1.55;
}

.study-field-info-page .info-long-form p + p {
    margin-top: .65em;
}

.study-field-info-page .info-topic-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.study-field-info-page .info-timing-grid {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.25em;
}

.study-field-info-page .info-timing-card,
.study-field-info-page .info-deadline-box {
    background: #f5f7f8;
    border: 1px solid #e0e5e8;
    border-radius: 8px;
    padding: 1.15em 1.25em;
}

.study-field-info-page .info-timing-card h3,
.study-field-info-page .info-deadline-box h3 {
    margin: 0 0 .65em;
}

.study-field-info-page .info-timing-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.study-field-info-page .info-timing-card li {
    align-items: center;
    border-top: 1px solid #dfe4e1;
    display: flex;
    gap: 1em;
    justify-content: space-between;
    padding: .5em 0;
}

.study-field-info-page .info-timing-card li:first-child {
    border-top: 0;
}

.study-field-info-page .info-timing-card li strong {
    white-space: nowrap;
}

.study-field-info-page .info-deadline-box {
    margin-top: 1em;
}

.study-field-info-page .info-deadline-list {
    display: grid;
    gap: .65em;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1em;
}

.study-field-info-page .info-deadline-list > div {
    background: #fff;
    border-left: 3px solid #84bd00;
    padding: .75em;
}

.study-field-info-page .info-deadline-list span,
.study-field-info-page .info-deadline-list small,
.study-field-info-page .info-deadline-list a {
    display: block;
}

.study-field-info-page .info-deadline-list span {
    font-weight: 700;
}

.study-field-info-page .info-deadline-list small {
    color: #68717a;
    margin: .2em 0 .5em;
}

.study-field-info-page .info-data-note {
    color: #5d6368;
    font-size: .9em;
    margin-top: 1em;
}

.study-field-info-page .info-cost-grid {
    display: grid;
    gap: .8em;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1em;
}

.study-field-info-page .info-cost-grid article {
    background: #f5f7f8;
    border-left: 3px solid #84bd00;
    padding: 1em;
}

.study-field-info-page .info-cost-grid article > strong,
.study-field-info-page .info-cost-grid article > span {
    display: block;
}

.study-field-info-page .info-cost-grid article > strong {
    color: #304500;
    font-size: 1.25em;
}

.study-field-info-page .info-cost-grid article > span {
    color: #68717a;
    font-size: .85em;
}

.study-field-info-page .info-cost-grid article p {
    margin: .65em 0;
}

.study-field-info-page .info-detail-columns--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.study-field-info-page .info-topic-list li {
    border-bottom: 1px solid #dfe4e1;
    padding: .7em 0 .7em 1.4em;
    position: relative;
}

.study-field-info-page .info-topic-list li::before {
    color: #6d9c00;
    content: "✓";
    font-weight: 700;
    left: 0;
    position: absolute;
}

.study-field-info-page .info-career-grid {
    display: grid;
    gap: .8em;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 1.5em 0;
    padding: 0;
}

.study-field-info-page .info-career-grid li {
    background: #eef5dd;
    border-radius: 8px;
    font-weight: 700;
    padding: 1em;
}

.study-field-info-page .info-faq-list details {
    border-bottom: 1px solid #d9dee2;
    padding: 1em 0;
}

.study-field-info-page .info-faq-list summary {
    cursor: pointer;
    font-size: 1.05em;
    font-weight: 700;
}

.study-field-info-page .info-faq-list details p {
    margin: .8em 0 0;
    max-width: 900px;
}

.study-field-info-page .info-related-grid {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1.5em;
}

.study-field-info-page .info-related-grid a {
    border: 1px solid #d9dee2;
    border-radius: 8px;
    color: inherit;
    padding: 1em;
    text-decoration: none;
}

.study-field-info-page .info-related-grid a:hover {
    border-color: #84bd00;
}

.study-field-info-page .info-related-grid span,
.study-field-info-page .info-related-grid strong {
    display: block;
}

.study-field-info-page .info-related-grid span {
    color: #68717a;
    font-size: .85em;
    margin-bottom: .3em;
}

.study-field-info-page .info-city-grid,
.study-field-info-page .info-university-grid {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.25em;
}

.study-field-info-page .info-city-grid a,
.study-field-info-page .info-university-grid a {
    background: #f5f7f8;
    border: 1px solid #e0e5e8;
    border-radius: 8px;
    color: inherit;
    padding: 1.1em 1.2em;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.study-field-info-page .info-city-grid a:hover,
.study-field-info-page .info-university-grid a:hover {
    border-color: #84bd00;
    box-shadow: 0 8px 20px rgba(28, 45, 33, .1);
    transform: translateY(-2px);
}

.study-field-info-page .info-city-grid strong,
.study-field-info-page .info-city-grid span,
.study-field-info-page .info-university-grid strong,
.study-field-info-page .info-university-grid span {
    display: block;
}

.study-field-info-page .info-city-grid span,
.study-field-info-page .info-university-grid span {
    color: #68717a;
    font-size: .9em;
    margin-top: .35em;
}

.study-field-info-page .info-detail-columns {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.15em;
}

.study-field-info-page .info-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: .6em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.study-field-info-page .info-chip-list li {
    background: #eef5dd;
    border-radius: 999px;
    padding: .55em .9em;
}

.study-field-info-page .info-back-link {
    border-top: 1px solid #d9dee2;
    padding-top: 2em;
}

.study-field-info-page .info-back-link a {
    font-weight: 700;
}

@media (max-width: 991px) {
    .study-field-info-page .info-orientation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-program-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-city-grid,
    .study-field-info-page .info-university-grid,
    .study-field-info-page .info-career-grid,
    .study-field-info-page .info-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-deadline-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .study-field-info-page .info-timing-grid,
    .study-field-info-page .info-cost-grid,
    .study-field-info-page .info-detail-columns--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .study-field-info-page .info-guide-nav {
        align-items: flex-start;
        flex-direction: column;
    }

    .study-field-info-page .info-guide-nav a {
        border-left: 0;
        padding-left: 0;
    }

    .study-field-info-page .info-orientation-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-program-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-field-map {
        height: 360px;
    }

    .study-field-info-page .info-stat-grid,
    .study-field-info-page .info-city-grid,
    .study-field-info-page .info-university-grid,
    .study-field-info-page .info-detail-columns,
    .study-field-info-page .info-career-grid,
    .study-field-info-page .info-related-grid {
        grid-template-columns: 1fr;
    }

    .study-field-info-page .info-timing-grid,
    .study-field-info-page .info-deadline-list,
    .study-field-info-page .info-cost-grid,
    .study-field-info-page .info-detail-columns--three {
        grid-template-columns: minmax(0, 1fr);
    }

    .study-field-info-page .info-timing-card {
        min-width: 0;
    }

    .study-field-info-page .info-timing-card li strong {
        text-align: right;
        white-space: normal;
    }

    .study-field-info-page .info-timing-card li {
        flex-wrap: wrap;
    }
}

.top-fachgebiete-page .ranking-intro {
    font-size: 1.2em;
    line-height: 1.6;
    max-width: 760px;
}

.top-fachgebiete-page .ranking-section {
    margin: 0 0 3.5em;
}

.top-fachgebiete-page .ranking-section h2,
.top-fachgebiete-page .ranking-sources h2 {
    margin-top: 0;
}

.top-fachgebiete-page .ranking-kicker {
    color: #68717a;
    font-size: .85em;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .4em;
    text-transform: uppercase;
}

.top-fachgebiete-page .ranking-list {
    display: grid;
    gap: .75em;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.5em;
}

.top-fachgebiete-page .ranking-list li {
    background: #f5f7f8;
    border-left: 4px solid #84bd00;
    border-radius: 0 6px 6px 0;
    padding: .9em 1em .9em .5em;
}

.top-fachgebiete-page .ranking-list li::marker {
    color: #476600;
    font-weight: 700;
}

.top-fachgebiete-page .ranking-list span {
    color: #5d6368;
    display: block;
    font-size: .9em;
    margin-top: .25em;
}

.top-fachgebiete-page .ranking-list-top {
    grid-template-columns: 1fr;
}

.top-fachgebiete-page .ranking-list-top li {
    background: #eef5dd;
    font-size: 1.05em;
}

.top-fachgebiete-page .ranking-sources {
    border-top: 1px solid #d9dee2;
    margin-top: 1em;
    padding-top: 2em;
}

.top-fachgebiete-page .ranking-sources ul {
    display: flex;
    flex-wrap: wrap;
    gap: .75em 1.5em;
    list-style: none;
    margin: 1em 0 0;
    padding: 0;
}

@media (max-width: 767px) {
    .top-fachgebiete-page .ranking-list {
        grid-template-columns: 1fr;
    }
}
#kih-grid-left.ms-ai-image,
.ms-job-hero__visual.ms-ai-image,
.ms-study-field-facts__image.ms-ai-image,
.ms-university-detail-illustration.ms-ai-image
{
    position: relative;
}

.ms-ai-image > .ms-ai-badge
{
    position: absolute !important;
    z-index: 100 !important;
    top: auto !important;
    right: 5px !important;
    bottom: 5px !important;
    left: auto !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 18px !important;
    max-width: none !important;
    height: 14px !important;
    min-height: 14px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 999px !important;
    background: rgba(20, 32, 27, 0.76) !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    pointer-events: none;
}